這裡是我在 YouTube 影片之外，延伸補充與整理的地方。
如果你是從影片過來，這個網站可以當成：
如果你是第一次來，也可以先隨便點幾篇文章，
看哪些主題對你現在最有幫助，再決定要不要追蹤我的頻道與其他平台。
這裡是 appfromape 程式猿的隨手筆記。
主題圍繞：
隨機找餐廳吃 找什麼吃 透過 vibe codeing 寫了一個找附近 500 公尺的餐廳 煩惱不知道要吃什麼？就骰骰子吧！ 懷舊電子雞養成遊戲 電子雞 我透過 vibe coding 生成的網頁電子雞養成遊戲，有興趣可以到我的 github 看如何自行部署。 Google 開源的圖片壓縮網頁工具 Squoosh 是一個由 Google Chrome Labs 團隊開發的圖片壓縮與最佳化工具。 obtainer 開源的數位光柵卡 光柵圖 一個數位重現那些懷舊的立體貼紙，當你傾斜它們時會改變，由 @obtainer 製作。 我將他改成繁體中文跟自己的圖片。 類似 Apple AI 的照片消除物件功能 IOPaint 這款影像修復工具採用最先進的AI模型，可以移除圖片中任何不需要的物體、瑕疵或人物，或擦除並替換（基於穩定擴散技術）圖片中的任何內容。 我用 Vibe Code 製作一個類似的工具 magic-eraser
今天要來跟大家分享一個超級實用的技巧：如何利用 AI 幫我們製作 YouTube 縮圖（封面圖）！ 經營 YouTube 頻道的朋友都知道，一張吸引人的縮圖有多重要。這次我要介紹 Google AI Labs 推出的強大工具 —— Mixboard，並教大家如何搭配 Canva，就算沒有設計背景，也能輕鬆做出像我影片封面那樣的高質感縮圖。 這項工具之前只開放美國地區，但最近台灣也可以使用了！話不多說，我們馬上開始！🚀 為什麼選擇 Google Mixboard？ Mixboard 是 Google AI Labs 裡的一個實驗性專案，它的強項在於生成高品質圖片以及強大的局部重繪（In-painting）功能。比起單純的文生圖，它更能讓我們對圖片進行細微的修改，非常適合拿來做縮圖的素材底圖。 Step 1：進入 Mixboard 開始創作 首先，前往 Google AI Labs 的 Mixboard 官網（點擊 Try it now），登入你的 Google 帳號後，點選 「New Project」 建立新專案。 💡 關鍵操作技巧： 輸入提示詞（Prompts）： 在輸入框打上你想要的畫面描述。 注意： 目前 Beta 版對「繁體中文」輸入法的支援度不太好。選字後按下 Enter 鍵，系統往往會直接把還沒打完的字送出生成。 解決方法：建議打完字後，先按一下鍵盤上的 ESC 跳出選字框，再繼續輸入，避免誤傳。或者直接使用英文提示詞，效果通常更好！ 生成與挑選： 系統會一次生成多張圖片。 如果不喜歡，可以直接刪除。 如果看到喜歡的風格，點選該圖片並選擇 「More like this」，AI 就會根據這張圖延伸生成更多類似的圖片。 Step 2：進階修圖與合成 (Mixboard 強大之處！) 這步驟是 Mixboard 最厲害的地方，我們可以把自己的照片融合進去，或是修改圖片的特定區域。 ...
🚀 如何在你的電腦上安裝和使用Gemini CLI 嗨，親愛的程式設計師們！今天我將帶你們探索一個超級實用的工具——Gemini CLI。這是一個由Google推出的開源程式，能讓你在終端機中直接與AI互動，簡化程式開發的過程。無論你是Mac還是Windows用戶，都能輕鬆安裝和使用它。讓我們開始吧！ 💻 安裝步驟 1. 安裝Node.js 在安裝Gemini CLI之前，你需要先確保你的電腦上已經安裝了Node.js。 Mac用戶 打開終端機，然後輸入以下指令來安裝Homebrew（如果尚未安裝）： /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)" 接著，使用Homebrew安裝Node.js： brew install node Windows用戶 開啟PowerShell，並以管理員身份執行。 輸入以下指令來安裝Chocolatey（如果尚未安裝）： Set-ExecutionPolicy AllSigned iex ((New-Object System.Net.WebClient).DownloadString('https://chocolatey.org/install.ps1')) 然後安裝Node.js： choco install nodejs 2. 安裝Gemini CLI Mac用戶 在終端機中輸入以下指令： brew install gemini-cli Windows用戶 在PowerShell中運行以下指令： npm install -g gemini-cli 🛠️ 使用Gemini CLI 安裝完成後，你可以使用以下步驟來開始使用Gemini CLI： 在終端機或PowerShell中輸入gemini，然後按Enter。 首次使用時，系統會要求你登入Google帳號以驗證。 登入後，你就可以開始使用AI來編寫程式碼了！ 範例指令 要生成一個簡單的Python程式，可以使用： gemini write python "print('Hello, World!')" 你也可以透過編輯GEMINI.md文件來設定上下文，使AI更了解你的需求。 🎉 總結 Gemini CLI是一個強大的工具，能讓你在開發過程中大大提高效率。如果你喜歡這篇文章，並想要了解更多有關於程式開發的資訊，別忘了訂閱我的頻道，並開啟通知，這樣你就不會錯過任何更新！謝謝你的閱讀！ ...
如何使用 Mole 清理你的 Mac 電腦快取 嗨！各位觀眾朋友，今天要和大家分享一個超實用的工具——Mole，這是一個開源專案，可以幫助你快速清理 Mac 電腦中的快取資料，讓你的電腦更快，釋放更多存儲空間！ Mole 的介紹 Mole 是一個由網友 TW93 開源的工具，透過終端機來實現清理功能，具備以下優點： 免費且開源 功能類似於 CleanMyMAC 和 DaisyDisk 簡單易用 安裝 Mole 安裝 Mole 需要先安裝 Homebrew，以下是安裝步驟： 打開終端機：在 Spotlight 搜尋 Terminal。 安裝 Homebrew：如果尚未安裝 Homebrew，可以使用 CURL 命令來安裝，或參考我之前的影片。 安裝 Mole：在終端機輸入以下命令： brew install mole 使用 Mole 清理快取 Mole 提供幾個主要功能，讓我們逐一了解： 1. 開啟 Mole 在終端機輸入：mo，然後按 Enter。 2. 卸載應用程式 選擇 Uninstall 功能，找到想要刪除的應用程式並選擇它，按 Enter 確認。 3. 分析磁碟空間 使用 Mo Analyze 功能，選擇資料夾，查看其佔用的空間。 4. 清理快取 要完整清理快取，可以使用 Mo Clean： 首先執行 Mo Clean --dry-run 來預覽將被刪除的檔案。 如果確認無誤，執行 Mo Clean 進行清理。 系統會要求輸入你的電腦密碼以確認。 5. 設立白名單 使用 White List 指令來選擇不希望刪除的快取檔，確保重要資料不會被誤刪。 6. 更新 Mole 定期使用 Mo Update 來更新 Mole，保持工具的最新版本。 總結 今天的分享就到這裡，Mole 是一個非常方便的工具，讓你在清理 Mac 快取時事半功倍。如果你覺得這篇文章對你有幫助，請訂閱我的頻道，並開啟小鈴鐺，這樣你就不會錯過我未來的分享啦！再次感謝大家的支持！ ...
前幾天我有分享過 Apple Intelligence 最新的「相片物件移除」功能，效果真的非常驚人。但是！要用這個功能門檻可不低，首先你的設備要支援 Apple Intelligence（通常要最新的 iPhone 15 Pro 或 M 系列電腦），而且必須在蘋果的相簿生態系裡操作。 這時候我就在想，難道沒有免費、跨平台，而且舊電腦也能用的替代方案嗎？🤔 當然有！今天這篇文章要帶大家重溫一個強大的開源專案 IOPaint（前身是 Lama Cleaner），更酷的是，我還挑戰了最近很紅的 Vibe Coding，直接叫 AI 幫我寫出一個精簡版的修圖工具 MagicErase。不管你是想用現成工具，還是想體驗 AI 寫程式的威力，這篇教學都不能錯過！ 方案一：功能強大的老牌王者 IOPaint 其實早在三年前，我就介紹過一個叫 Lama Cleaner 的專案，現在它改名叫 IOPaint。雖然作者在今年 8 月停止更新了，但這整個專案非常完整，功能包含移除物件、替換背景等等，效果完全不輸付費軟體。 安裝步驟 (MacOS/Windows 通用) IOPaint 是一個 Python 專案，我們可以透過終端機來安裝。 準備環境：確認你的電腦已安裝 Python（建議使用 Conda 建立虛擬環境）。 下載專案： 前往 GitHub 複製 IOPaint 的網址，在終端機輸入： git clone [IOPaint的GitHub網址] 進入資料夾並安裝依賴： cd IOPaint pip install -r requirements.txt 啟動程式： 輸入啟動指令（這會自動下載需要的 AI 模型）： iopaint start --model=lama --device=cpu --port=8080 開始修圖： 開啟瀏覽器，進入顯示的 Localhost 網址，你就會看到操作介面啦！ 只要把照片丟進去，用筆刷塗抹你想消除的路人或雜物，AI 就會自動幫你補好背景，超級神奇！✨ ...
今天想要跟分享一個非常強大的開源軟體專案，叫做 exo。 如果你跟我一樣，手邊有不只一台 Mac 設備（例如一台新的 Mac Mini M4，加上一台舊的 MacBook Air M1），你可能會覺得舊電腦食之無味棄之可惜。今天這招教你把家裡所有支援 Apple Silicon 的 Mac 電腦「合體」，共享同一個網路並串接記憶體，直接變身成一個高性能的 AI 運算集群！ 為什麼你需要 exo？ 痛點：本地跑 AI 模型，記憶體永遠不夠用 想在本地跑像是 Llama 3 70B 或是 DeepSeek 這種大型語言模型 (LLM)，最吃的就是 VRAM（視訊記憶體） 或 統一記憶體。 舉例來說，我的 MacBook Air M1 只有 8GB 記憶體，根本跑不動大模型；而我的主力機 Mac Mini M4 雖然強，但記憶體也是有限的。 解法：團結力量大 exo 的核心概念就是「分佈式運算」。它能將我 Mac Mini 的記憶體與 MacBook Air 的 8GB 記憶體串接起來，讓我瞬間擁有了大約 24GB 的可用記憶體！這樣一來，原本跑不動的模型，現在都能順暢運行了。 準備工作與環境設定 在開始之前，請確保你要串聯的 每一台 Mac 電腦 都完成以下準備： 安裝 Homebrew (如果還沒裝過)： 打開終端機 (Terminal)，輸入以下指令安裝： /bin/bash -c "$(curl -fsSL [https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh](https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh))" 檢查 Rust 環境 (重要)： 如果你之前因為其他專案安裝過 rust，建議先卸載以避免衝突（這是我安裝時踩到的坑）： ...
各位觀眾朋友大家好，這裡是程式猿 AFA。 這篇文章整理我在影片裡的完整流程：用 Vibe Coding（氛圍編碼） 生成一個 Hugo 靜態個人網站，部署到 GitHub Pages，並且在你已經購買網域的前提下，把 Cloudflare 網域 掛到 GitHub Pages，讓網站可以用「自己的網域」直接開啟。之後我也會把影片裡可能遺漏、或需要補強的部分，持續整理放在網站上。 你會用到什麼 Google Antigravity AI 編輯器（目前以 macOS 為主） Hugo（本機端預覽用） GitHub Repo（用來放網站原始碼與 GitHub Pages） Cloudflare（你若要使用自訂網域） 1) Antigravity 先設定成繁體中文（介面 + 生成內容） 為了讓操作與產出更順手，我會先做兩個設定： A. 介面繁體中文 到 Extensions（延伸模組） 搜尋並安裝 Chinese Language（或相近名稱的中文語言套件） 安裝後介面會切成繁體中文/中文介面（依套件而定） B. Agent 回答與檔案內容使用繁體中文 在 Agent 右側「三個點」 點 客製化（Customize） 新增一個條件（例如：「請一律用繁體中文回覆並生成檔案」） 之後它的回答、以及生成的檔案內容就會以繁體中文為主 2) 用 Vibe Coding 生成 Hugo 網站專案 在下載位置建立一個資料夾（例如：Blog） 在 Antigravity 裡 Open Folder 打開 Blog 模型你可以選： Gemini 最新模型 Claude 最新模型 提示詞重點包含： 部落格名稱（例如：appfromape's blog） 使用 Hugo 靜態網站 目標部署到 GitHub Pages 風格要接近 Apple 備忘錄（簡潔、留白、閱讀感） 需要 .gitignore（避免把不該上傳的檔案推到 GitHub） 3) 本機端預覽網站（macOS / Windows） 生成完成後，我會先在本機看一下網站目前長相是否滿意。 ...
今天這篇文章非常興奮，因為我們要來玩現在最流行的 「Vibe Coding」（氛圍編碼）！簡單來說，就是即便你不懂艱澀的程式碼，只要透過 AI 工具，用自然語言告訴它「你想要的感覺」，就能把網站做出來。 我們要使用的工具是 Google 推出的 AI 程式碼編輯器 —— Google Antigravity。我會教大家如何用它生成一個高質感的個人部落格，並且利用 GitHub Pages 免費架站，最後甚至掛上自己的專屬網域！ 為什麼選擇 Google Antigravity？ Google Antigravity 是一款強大的 AI 編輯器（介面與 VS Code 相似），它最厲害的地方在於可以直接理解我們的自然語言指令，幫我們寫 Code、生成檔案。 對於想要嘗試 Vibe Coding 的新手來說，你不需要從頭學 HTML 或 CSS，只需要負責「下指令」，剩下的交給 AI 搞定。這篇教學會示範如何用它搭配 Hugo（靜態網站產生器），做一個類似 Apple Notes 風格的簡約網站。 準備工作 在開始之前，請確保你準備好以下工具： Google Antigravity：請至 Google 官網下載安裝（目前主要支援 MacOS）。 GitHub 帳號：用來存放網站原始碼與免費代管。 基本環境：電腦需安裝 Git 與 Hugo（稍後會教大家怎麼裝）。 Step 1：下載與設定 Antigravity 下載安裝：前往 Google 官網下載 Antigravity 並安裝。 中文化設定： 打開 Antigravity，點選左側的「Extensions」（擴充套件）。 搜尋 “Chinese”，安裝繁體中文語言包，重啟後介面就會變成親切的中文了。 AI 繁中優化： 點選介面右上角的三個點（或 AI 設定），選擇 「Customize」（客製化）。 新增一個條件：「請使用繁體中文回答」。這樣之後 AI 幫你寫 Code 或解釋時，就不會滿口英文，溝通更順暢。 Step 2：Vibe Coding！一句話生成 Hugo 網站 這是最神奇的一步！我們不需要自己建立檔案，全靠 AI。 ...
本教學將引導你如何利用 Cloudflare 的批發價網域服務，結合 Apple iCloud+ 的「自訂電子郵件網域」功能，建立專業的個人信箱（例如 [email protected]）。 此方案的優勢在於：Cloudflare 提供企業級 DNS 解析且無溢價續費，而 iCloud+ 則是許多 Apple 用戶已訂閱的服務，無須額外付費購買 Google Workspace 或 Microsoft 365 等企業信箱。 前置需求 Apple ID：必須訂閱 iCloud+ (50GB 方案以上即可)。 Cloudflare 帳號：並已完成信用卡綁定（用於購買網域）。 雙重驗證：建議兩個帳號都開啟 2FA 以確保安全。 第一階段：在 Cloudflare 購買網域 若你尚未持有網域，請先透過 Cloudflare Registrar 購買。 登入 Cloudflare Dashboard。 在左側選單點擊 Domain Registration (網域註冊) -> Register Domain (註冊網域)。 搜尋你想要的網域（例如 your-domain-name）。 選擇 .com 或其他頂級域名並完成結帳。 確認狀態：購買完成後，確保該網域在 Cloudflare 中顯示為 “Active” (有效)，且 Nameservers (名稱伺服器) 預設即為 Cloudflare 代管。 第二階段：在 iCloud 後台發起設定 Apple 與 Cloudflare 有 API 串接合作，設定 DNS 紀錄的過程可完全自動化。 ...
對做開發的人來說，技術文章最好是放在自己掌控的地方，而不是完全寄託在 Medium 或社群平台。這篇文章會帶你一步步把 Hugo + PaperMod 部落格，部署到 GitHub Pages 上，達到： 架站成本 = 0（GitHub Pages 免費） 內容掌握度高（Markdown 寫作 + Git 版控） 版型清爽、有暗色模式、支援程式碼區塊（PaperMod 主題） 只要你已經有 GitHub 帳號、願意開一下終端機，大概 30–60 分鐘就能把自己的技術部落格跑起來。 一、為什麼是 Hugo + PaperMod + GitHub Pages？ Hugo：Go 寫的靜態網站產生器，生成速度快、部署簡單，只要丟一堆 HTML/CSS 到 GitHub Pages 就能跑。 PaperMod 主題：設計簡潔，預設就支援： 深 / 淺色模式切換 程式碼語法高亮 文章目錄、Tag、分類等技術 blog 需要的元素 GitHub Pages：不用自己維護伺服器，不用管 Nginx / Apache，只要 push 到指定 branch，就會自動幫你上線。 這組合非常適合： 想建立作品集 / 技術筆記 不想維運伺服器 本來就用 GitHub 管理專案 二、前置準備 你需要先準備好： GitHub 帳號（免費版就足夠） ...