零基礎架站!Google Antigravity + Vibe Code 一鍵生成網頁 & 免費上架 GitHub 教學

最近 AI 界非常流行一個詞叫 「Vibe Coding」(氛圍編碼),簡單來說,就是你不需要懂艱澀的程式語法,只要憑著「感覺」告訴 AI 你想要什麼,它就能幫你把程式碼寫好! 今天這篇文章就要來實測 Google 最近推出的強大工具 Google Antigravity,它長得像 VS Code,但內建了強大的 AI Agent。我們要用它來「詠唱」出一個網頁,並且教大家如何用 GitHub Pages 這個免費空間,把你的網站發布到網路上分享給朋友看! 為什麼你需要這招? 很多朋友用 AI 生成了漂亮的網頁(HTML/CSS 檔),但通常只能在自己的電腦上打開(Local 端),沒辦法傳個網址就讓朋友用手機或電腦看到。 這時候你就需要 GitHub Pages!它是一個完全免費的靜態網頁託管服務,只要你有 GitHub 帳號,就能輕鬆把寫好的網頁變成一個公開的網址。 Step 1:用 Google Antigravity 生成網頁 首先,我們使用 Google Antigravity(或任何支援 Vibe Coding 的 AI 編輯器,如 Cursor、Bolt.new)來生成網站。 輸入提示詞 (Prompt): 在編輯器中告訴 AI 你的需求。例如我的範例是: 「做一個精美的靜態網頁,介紹 AI 人工智慧跟 Python 的歷史。」 (小撇步:如果 AI 回英文,可以要求它用繁體中文回答) 生成檔案: AI 會自動幫你寫好 index.html(網頁架構)、style.css(樣式)和 script.js(功能)。 本地預覽: 點擊 index.html 在瀏覽器打開,你會發現一個精美的一頁式網站已經完成了!但現在只有你看得到,下一步我們要讓它上線。 Step 2:註冊並設定 GitHub 要使用 GitHub Pages,你必須先有一個 GitHub 帳號。 ...

2025-12-06 · 2 min · AFA

Docker 一鍵部署!ebook2audiobook 電子書轉有聲書(Mac/Windows 通用教學)

還記得我之前分享過如何在 Windows 和 Mac 上安裝 ebook2audiobook,把電子書變成有聲書嗎?那兩支影片推出後,很多網友在底下留言詢問:「阿發,可不可以出一個 Docker 的部署教學?」 你們的聲音我都聽到了!今天這篇文章就是要來回應大家的需求,手把手教你在 Mac 跟 Windows 上使用 Docker 來安裝 ebook2audiobook。 ⚠️ 安裝前重要須知 (必看!) 在使用 Docker 版本之前,有兩點關於硬體加速(GPU)的限制必須先跟各位說明,請評估後再決定要用 Docker 版還是原生版: Mac 用戶:Docker 部署是運行在 Linux 容器內,目前無法支援 Apple Silicon (M1/M2/M3) 的 MPS 加速。這意味著用 Docker 版只能靠 CPU 運算,速度會比原生安裝慢。如果你追求速度,建議參考我之前的[Mac 原生安裝教學]。 Windows 用戶:最近 Docker 對於 NVIDIA 顯卡的支援有些問題(偵測不到 GPU),作者目前還在修復調整中。所以現階段在 Windows 用 Docker 部署,也暫時只能使用 CPU 模式。 簡單來說:想省事、怕環境弄亂電腦的人選 Docker;想追求極致轉檔速度的人,請選原生安裝! 準備工作:安裝 Docker 無論你是 Mac 還是 Windows,第一步都是要先安裝 Docker Desktop。 Mac:你可以去官網下載,或是像我一樣習慣用終端機,透過 brew 安裝。 Windows:直接去 Docker 官網下載安裝檔。 Mac 安裝教學 🍎 Step 1:下載專案 首先,前往 ebook2audiobook 的 GitHub 頁面(或點擊影片下方連結)下載程式碼壓縮檔,並解壓縮。我習慣把它放在「下載項目 (Downloads)」資料夾。 ...

2025-11-30 · 1 min · AFA

Windows 用戶必看!ebook2audiobook 開啟 NVIDIA GPU 加速教學 / 解決無法使用顯卡問題

還記得我之前介紹過一個超強的開源專案 ebook2audiobook 嗎?它可以幫你把手邊的電子書(PDF、EPUB)直接轉換成有聲書。之前我們分享過 Windows 和 Mac 的基礎安裝,但最近有網友回報了一個問題: 「阿發,我在 Windows 上明明選了 GPU 加速,為什麼跑起來還是用 CPU?速度好慢啊!」 沒錯!原本的安裝方式在 Windows 上確實會遇到無法正確呼叫 NVIDIA 顯卡的問題。所以今天這篇就是**「除錯特輯」**,我要教大家如何解決這個 bug,成功讓你的顯卡動起來,享受飆速轉檔的快感!🚀 準備工作 在開始修改之前,請確認你已經完成以下準備: 安裝 VS Code:我們需要用它來修改程式碼設定檔(官網下載安裝即可)。 更新 NVIDIA 驅動程式:請到 GeForce Experience 或 NVIDIA 官網,確認你的顯卡驅動已經更新到最新版本,確保 CUDA 支援正常。 下載 ebook2audiobook 專案:如果你還沒下載,請先到 GitHub 下載專案包(建議放在 D 槽或其他非系統槽),並執行 Windows 的自動安裝指令。 關鍵步驟:解決 GPU 無法調用問題 如果你發現安裝完後,介面上雖然選了 GPU,但後台還是顯示 CPU 在跑,請跟著我做以下兩個關鍵修正: Step 1:重新安裝 PyTorch (CUDA 版本) 原本的安裝包在 Windows 上可能預設抓到了不支援 GPU 的 PyTorch 版本。我們需要手動覆蓋它。 開啟你的終端機 (CMD 或 PowerShell),進入 ebook2audiobook 的專案資料夾。 輸入特定的 PyTorch 安裝指令(這串指令通常很長,用來指定 CUDA 12.x 或 11.x 的版本)。 註:詳細指令請參考影片下方資訊欄或 GitHub 討論串,確保版本與你的顯卡相符。 Step 2:修改 requirements.txt 這一步最重要!有一個套件卡住了我們的運作。 ...

2025-11-23 · 1 min · AFA

Mac 用戶福音!Apple Silicon 完美加速 DeepSeek OCR,速度有感提升!

還記得我之前介紹過如何在 Mac 上本地安裝 DeepSeek OCR 嗎?當時雖然成功跑起來了,但因為是單純用 CPU 在跑,速度上總覺得稍微慢了一點,不夠過癮。 今天這篇文章就是要來解決這個問題!有網友製作了一個可以完整支援 MPS (Metal Performance Shaders) 加速的專案版本,讓你的 Mac M1/M2/M3/M4 系列晶片火力全開。經過實測,識別速度比之前的版本快上不少!而且這次還包含了解決 16GB RAM 機型容易爆記憶體的優化設定,一定要學起來! 為什麼你需要這個版本? 除了速度變快之外,這個 WebUI 介面還提供了幾個超好用的功能: 文件轉 Markdown (MD):把 PDF 或圖片丟進去,直接幫你轉成排版好的 Markdown 格式。 查找定位:這功能很有趣!你可以問它「籃球在哪裡?」,它就會在圖片中把籃球框出來。 圖像描述:讓 AI 告訴你這張圖片裡看到了什麼(支援自定義提示詞,可以用中文問喔!)。 準備工作:安裝環境 在開始之前,我們需要先準備好兩個工具: VS Code:用來修改程式碼(必備)。 Miniconda:用來管理 Python 環境,避免弄亂你的系統。 Step 1:安裝 Miniconda 打開終端機 (Terminal)。 進入下載資料夾:cd Downloads 下載安裝腳本(詳細指令請參考影片或官方文件)。 執行安裝腳本:bash Miniconda3-latest-MacOSX-arm64.sh (檔名依下載版本而定)。 安裝過程中按 Enter 閱讀條款,輸入 yes 同意,最後初始化選擇 yes。 重啟終端機讓設定生效。 安裝 DeepSeek OCR WebUI Step 2:下載專案與建立環境 複製專案庫網址(請見影片資訊欄),在終端機輸入 git clone <網址> 下載。 進入資料夾:cd deepseek-ocr-webui (依實際資料夾名稱)。 建立虛擬環境: conda create -n deepseek python=3.10 (輸入 y 確認) 進入環境: conda activate deepseek Step 3:安裝依賴套件 安裝專案所需的套件: pip install -r requirements.txt 補充遺漏套件:影片中提到有一個套件可能沒寫在清單裡,如果執行有缺,請記得手動安裝(通常是 gradio 或相關套件,請依錯誤提示操作)。 關鍵步驟:針對 16GB RAM Mac 的優化與修正 🛠️ 如果你跟我一樣是用 16GB RAM 的 Mac (例如 Mac Mini M4),這一步非常重要!不做的話可能會跑不動或報錯。 ...

2025-11-16 · 1 min · AFA

Mac 用戶必看!ebook2audiobook 安裝與設定完整教學

開啟你的有聲書之旅! 想不想把手邊的電子書變成生動的有聲書?今天我將教你如何在 Mac mini M4 系統上安裝 ebook2audiobook,讓你輕鬆享受這個開源軟體的魅力! 準備工作 在開始之前,請確保你已經完成以下準備: 安裝 Homebrew:這是 macOS 的套件管理工具,讓安裝其他程式更加簡單。 安裝 Calibre:這是一個電子書管理器,幫助你管理電子書。 安裝 VS Code:這個編輯器將協助你修改程式碼設定。 安裝步驟 Step 1:安裝 Homebrew 在終端機中執行以下指令來安裝 Homebrew: /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)" Step 2:安裝 Calibre 和 VS Code 在終端機中逐一執行以下指令: brew install --cask calibre brew install --cask visual-studio-code Step 3:下載 ebook2audiobook 專案 使用 git clone 指令下載專案: git clone https://github.com/your_repo/ebook2audiobook.git cd ebook2audiobook Step 4:修改 requirements.txt 在 VS Code 中打開 requirements.txt 檔案,並進行以下修改: 找到關於 deepspeed 的行。 刪除這一行。 保存檔案。 Step 5:安裝依賴項 回到終端機,執行以下指令以安裝依賴: ...

2025-11-08 · 1 min · AFA

在 Mac 上安裝 DeepSeek OCR 的完整指南

在Mac上安裝DeepSeek OCR的完整指南 想要在你的Mac上運行DeepSeek OCR嗎?這是一個強大的本地端OCR工具,能夠快速將圖片轉換為文字。今天,我將為你提供一步一步的安裝指南,讓你輕鬆上手! 步驟一:安裝Homebrew 首先,你需要在你的Mac上安裝Homebrew,這是一個非常方便的包管理工具。 打開終端機(Terminal)。 輸入以下指令並按下Enter: /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)" 等待安裝完成。 步驟二:安裝Rust 接下來,我們需要安裝Rust,這是DeepSeek OCR所需的開發環境。 在終端機中輸入以下指令並按下Enter: brew install rust 安裝完成後,重啟終端機,然後確認Rust版本: rustc --version 確保版本大於1.78。 步驟三:下載DeepSeek OCR 現在我們來克隆DeepSeek OCR的專案。 在終端機中,進入你的下載資料夾: cd ~/Downloads 使用以下指令克隆專案: git clone <專案URL> (將 <專案URL> 替換成DeepSeek OCR的GitHub URL) 進入下載的資料夾: cd Deepseek-OCR 步驟四:安裝相關檔案 在專案目錄中,我們需要下載相關的檔案。 輸入以下指令來下載所需檔案: cargo build --release 步驟五:執行OCR 準備好後,現在我們可以執行OCR了! 確保你的圖片已經放在專案資料夾中。 使用以下指令執行OCR: ./target/release/deepseek-ocr --image <圖片路徑> --output <輸出檔案名稱>.md (替換 <圖片路徑> 和 <輸出檔案名稱>) 步驟六:處理PDF檔案 如果你想要處理PDF檔案,還需要安裝MuPDF。 在終端機中執行: brew install mupdf 轉檔PDF為圖片: mutool convert -o <輸出圖片名稱>.png <PDF檔案名稱>.pdf 總結 恭喜你!現在你已經成功在Mac上安裝了DeepSeek OCR,並能夠開始進行OCR作業了。如果你對於這個工具感興趣,請進一步探索它的功能! ...

2025-11-02 · 1 min · AFA

在 Mac 上安裝虛擬機器:使用 Tart 的簡單指南

在 Mac 上安裝虛擬機器:使用 Tart 的簡單指南 想要在你的 M 系列 Mac 上運行虛擬機器嗎?今天,我將教你如何使用開源工具 Tart 安裝虛擬機器,讓你可以輕鬆地測試和運行不同的 macOS 或 Linux 系統! 為什麼選擇 Tart? 簡單易用:透過 Homebrew 安裝,操作簡單。 靈活性:可以安裝多個版本的 macOS 或 Linux,方便隔離不同的開發環境。 無需繁瑣安裝:下載後可直接運行,省去繁瑣的安裝步驟。 安裝步驟 1. 安裝 Homebrew 如果你還沒有安裝 Homebrew,請參考我之前的影片,學習如何安裝它。 2. 安裝 Tart 在終端機中輸入以下命令: brew install tart 3. 下載 macOS 映像檔 使用以下命令下載你想要的 macOS 版本(例如 macOS 26): tart create tahoe 4. 執行虛擬機器 運行虛擬機器的命令: tart run tahoe 5. 允許複製與粘貼 要實現本機與虛擬機器之間的複製與粘貼,下載 tart-guest-agent 並執行以下命令: /path/to/tart-guest-agent --run-agent 6. 測試複製與粘貼 在虛擬機器中試著複製和粘貼一些文字,確保功能正常。 管理虛擬機器 關機:在蘋果菜單中關閉虛擬機器,終端機會顯示其狀態。 列出虛擬機器:使用命令 tart list 查看已安裝的虛擬機器。 刪除虛擬機器:輸入以下命令來刪除: tart delete [虛擬機器名稱] 總結 今天我們學會了如何在 Mac 上使用 Tart 安裝和管理虛擬機器。這不僅能幫助你測試不同的應用程式,還能為你的開發環境帶來更多的靈活性!如果你喜歡這篇文章,別忘了訂閱我的頻道並開啟通知鈴鐺,第一時間獲取最新資訊! ...

2025-10-25 · 1 min · AFA

如何在 macOS 上使用 Ollama 進行本地翻譯

如何在 macOS 上使用 Ollama 進行本地翻譯 大家好!今天要跟大家分享如何在你的 macOS 上使用 Ollama 進行本地翻譯,這個方法不僅簡單,還能讓你充分利用本地資源! 為什麼選擇 Ollama? 開源:Ollama 提供免費的開源模型。 本地使用:可在本地端運行,不需要依賴網路。 靈活性:支持多種模型,可選擇適合自己電腦的版本。 安裝 Ollama 安裝 Ollama 你有兩種方式: 直接下載:前往 Ollama 官方網站下載。 使用 Homebrew:在終端機中執行以下指令: brew install ollama 設定快捷鍵 在 macOS 上設定快捷鍵的步驟如下: 打開「捷徑」應用程式。 新增一個新的捷徑。 設定選項,開啟快速動作,並加入鍵盤的快速鍵(如:Command + Option + Shift + T)。 搜尋「執行 Apple Script」,貼上以下程式碼: -- 你的 Apple Script 代碼 將翻譯文字的邏輯加入,設定好 URL 和 JSON 格式。 選擇模型 Ollama 支援多種模型,你可以根據自己的電腦性能選擇: GemMA3 4B:適合擁有 M4 的 16GB RAM 電腦。 GemMA3 1B:適合 M1 的 8GB RAM 電腦。 測試翻譯功能 找一篇英文文章,將其內容複製。 使用設定的快捷鍵(如:Command + Option + Shift + T)進行翻譯。 翻譯結果將自動顯示在提示框中。 總結 今天我們學會了如何在 macOS 上使用 Ollama 進行本地翻譯,這樣不僅省時省力,還能提升工作效率!如果你喜歡這個教學,歡迎訂閱我的頻道,開啟小鈴鐺,第一時間獲得最新影片通知!謝謝大家的支持! ...

2025-10-18 · 1 min · AFA

如何在 macOS 上快速將文字翻譯成繁體中文

快速翻譯是我的新習慣! 大家有沒有跟我一樣的習慣,喜歡在網路上瀏覽國外的文章或網站?可是當遇到語言障礙時,翻譯就成了必須的工具!今天我想分享一個超實用的小技巧,讓你能夠快速將複製的文字透過 ChatGPT 翻譯成繁體中文,特別適合 macOS 用戶! 如何設置快捷翻譯功能 以下是步驟: 打開捷徑 App:在你的 macOS 上找到並開啟捷徑應用程式。 新增捷徑:點選「新增捷徑」來創建一個新的捷徑。 設定分享表單:在捷徑的設定中勾選「分享表單」,接收 App 選擇「文字」部分。 新增 AppleScript 動作:搜尋「AppleScript」並將其加入捷徑中。第一次執行時會詢問是否允許執行,選擇允許即可。 編輯 AppleScript 指令:將以下指令複製並貼上: -- 你的 AppleScript 指令碼 加入變數:選擇「加入到變數」,並將變數名稱設為 text。 設定提示詞:在「文字」動作中輸入提示詞,例如:「將以下的文字翻譯成繁體中文:」後面加上 text 變數。 發送到 ChatGPT:選擇「Ask ChatGPT」動作,將文字放入。 顯示翻譯結果:再加入一個顯示框,讓翻譯結果能顯示在螢幕上。 設置快捷鍵:在「鍵盤快速鍵」中設置你習慣的快捷鍵,例如使用 Option + Shift + T。 命名並保存:將捷徑命名為「翻譯複製文字」,然後保存。 測試翻譯功能 完成以上步驟後,來試試看! 選取要翻譯的文字:例如從日文網站中選取一段文字,然後按 Command + C 複製。 執行快捷鍵:使用設置的快捷鍵 Option + Shift + T,你的翻譯結果將會顯示在桌面上! 總結 這個小技巧不僅能幫助你更輕鬆地理解外文文章,還能提升你的工作效率!如果你喜歡這篇文章,不妨訂閱我的頻道並開啟小鈴鐺,讓我們一起探索更多實用的科技技巧吧!謝謝大家!

2025-10-10 · 1 min · AFA

免費使用 CapCut 的付費功能!教你如何操作

免費使用 CapCut 的付費功能!教你如何操作 想要在 CapCut 上使用付費素材卻不想花錢?這篇文章將教你如何免費使用這些功能,讓你輕鬆剪輯影片! 主要步驟 安裝 Homebrew 如果你還沒有安裝 Homebrew,請參考我之前的影片來安裝。 使用 Homebrew 安裝 CapCut 在終端機輸入以下指令: brew install --cask capcut 這樣會安裝舊版本的 CapCut,通常是 3.3 版本。 設置語言 開啟 CapCut,進入設定選單,將語言設置為中文。 開始編輯 創建新檔案,將圖片或影片加入編輯。 加入需要付費的文字或貼圖,注意選擇上面標示為 Pro 的素材。 建立複合式片段 選擇所有編輯好的素材,右鍵點擊,選擇「建立複合式片段」。 在複合式片段上按右鍵,選擇「預處理」。 導出影片 進入設定,找到一般儲存空間,選擇檔案。 在 Finder 中找到 CapCut 的資料夾,進入 User Data > Projects。 找到預處理完的檔案,複製並改名為 Test。 刪除原本的複合片段,將 Test 檔案貼回 CapCut,然後按匯出。 小提示 將檔案命名為 Test 後,匯出影片時將會以 1080p 格式輸出,確保質量最佳! 結語 這樣你就可以免費使用 CapCut 的付費功能,讓你的影片編輯更加豐富!如果你喜歡這篇文章,請不要忘記訂閱我的頻道,並開啟小鈴鐺,這樣你就能第一時間收到更新通知!再次感謝大家的支持!

2025-10-05 · 1 min · AFA