隨機找餐廳吃 找什麼吃 透過 vibe codeing 寫了一個找附近 500 公尺的餐廳 煩惱不知道要吃什麼？就骰骰子吧！ 懷舊電子雞養成遊戲 電子雞 我透過 vibe coding 生成的網頁電子雞養成遊戲，有興趣可以到我的 github 看如何自行部署。 Google 開源的圖片壓縮網頁工具 Squoosh 是一個由 Google Chrome Labs 團隊開發的圖片壓縮與最佳化工具。 obtainer 開源的數位光柵卡 光柵圖 一個數位重現那些懷舊的立體貼紙，當你傾斜它們時會改變，由 @obtainer 製作。 我將他改成繁體中文跟自己的圖片。 類似 Apple AI 的照片消除物件功能 IOPaint 這款影像修復工具採用最先進的AI模型，可以移除圖片中任何不需要的物體、瑕疵或人物，或擦除並替換（基於穩定擴散技術）圖片中的任何內容。 我用 Vibe Code 製作一個類似的工具 magic-eraser
各位觀眾朋友大家好，這裡是程式猿 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） 生成完成後，我會先在本機看一下網站目前長相是否滿意。 ...
對做開發的人來說，技術文章最好是放在自己掌控的地方，而不是完全寄託在 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 帳號（免費版就足夠） ...
這是我的第一篇文章，用 Hugo + GitHub Pages 架起來的個人網站。 之後會在這裡整理我的 YouTube 頻道、AI 工具筆記和 vibe coding 教學。