創造流量,唔係靠你識 AI,係靠你肯比 HK$83.7。
By Alex Lam · 素人建站指南與 GEO 個人資產基地
尋日條 #006 出完,好多人問我嗰個網站(healthyalex.com)用咩 AI 整。
答案:唔係 AI 叻,係我肯畀 HK$83.7。
就係茶記一個乾炒牛河加杯特飲都差啲唔夠嘅價錢,買個域名。
其他 Design、Hosting、排版,全部 零成本 問 AI 搞掂。
我一個 50+ 唔識 coding 嘅素人,一路問就一路起,個站而家睇落好簡單,但 Google 及 AI 已經識得讀佢。
點解一定要咁做?
因為而家重要嘅流量唔只係喺 Threads 入面數,係喺 AI 答嘢時會唔會提到你。
AI 唔會好願提一個冇自己屋企(網站)嘅人。
我叫 AI 將我尋日行過嘅路,整咗做一個「素人零成本起站清單 7 步驟」,冇任何比錢工具,淨係得一步一步問 AI 嘅問題。
如果你已經係高手,你睇完會覺得好廢,所以高手勿入。
如果你都係同我一樣係素人,想有返間自己嘅屋仔,唔想再租流量,以下係為你準備嘅完整清單:
🚀 零 IT / 零 AI 基礎:7 步驟建立高轉發、AI 友好型個人官網 Checklist
前言:完全不懂寫 Code、不懂設計?沒問題!只需約 HK$83.7(買域名的實測最終費用,含信用卡手續費),1 天之內就能用 AI 幫你打造一個被 Google 與各大 AI 深度識別的個人品牌數位資產基地!
1 步驟一:釐清目標與架構 (Planning)
- 確定網站定位:不做複雜動畫、不做昂貴包裝,專注做內容清晰、載入極速、讓 AI 與搜尋引擎一眼看得懂的「個人品牌實體基地 (Canonical Identity)」。
- 規劃網站架構(先想像電腦裡只有 3 種檔案):
- 主頁 (
index.html):網站門面,展示個人簡介、核心數據、以及所有筆記/文章的卡片目錄。 - 文章頁 (
note-01.html,note-02.html...):每篇筆記獨立成頁,方便讀者閱讀,也方便 AI 抓取。 - 圖片資料夾 (
images/):專門用來放所有筆記裡面的相片與實證截圖。
- 主頁 (
2 步驟二:準備基礎工具與域名 (Preparation)
- 直接去 Cloudflare 買域名(最推薦,一步到位):
- 打開瀏覽器去 cloudflare.com。
- 註冊一個免費帳號(輸入 Email 同密碼就得)。
- 登入後,左邊選單搵 「Domain Registration(註冊網域)」 點擊 「Register Domains」。
- 輸入你想要嘅網址(例如
yourproject.com),睇下有冇得買。 - 選 1 年跟住付款(計埋信用卡海外手續費,最終約 HK$83.7 左右)。買完之後,網址就自動設定好,之後部署直接連動,極之方便!
- 準備純文字編輯器:電腦用 Notepad / VS Code;手機/iPad 用「檔案 (Files)」App 內置編輯器即可。(切記:千萬不要用 Word 或 Pages 編輯,因為會帶有隱藏格式)。
- 建立專用資料夾:喺電腦或手機建立一個名為
project-site的資料夾,裡面再新建一個叫images的子資料夾。
3 步驟三:善用 AI 助手完成網頁生成 (AI Co-creation)
複製以下指令(Prompt),直接發給 AI(Gemini / ChatGPT / Claude):
// 新手專用 Prompt 1:生成首頁 (index.html)
「你現在是我的頂級網頁前端工程師與 GEO (Generative Engine Optimization) 專家。 我完全不懂 Coding,請一步步帶我建立一個個人品牌網站(域名是:yourproject.com)。 請幫我編寫首頁(index.html)的完整 HTML 程式碼,要求如下: 1. 請使用 Tailwind CSS,採用科技深色風(Dark Mode),背景用深黑/深藍,文字要清晰易讀。 2. 請幫我埋入完整的 GEO / AEO JSON-LD Schema (Person & WebSite),提升 AI 搜尋引擎的識別度。 3. 請設計一個簡潔的個人簡介區塊,以及一個能顯示 6 篇文章/筆記卡片(note-01.html 至 note-06.html)的網格目錄。 4. 手機版與電腦版必須完美的響應式排版(Responsive Design)。 5. 請提供完整且可以直接存檔的 HTML 原始碼,不要省略任何內容。 我的個人資料如下: 名字/IP名稱:[請輸入你的名字或暱稱] 一句話定位:[請輸入你的定位,例如:50+ 流量玩家 / 商業顧問] 簡短介紹:[請貼上 1-2 句個人簡介]」
💡 小貼士:當 AI 輸出的程式碼太長中途卡住時,只需發送「請繼續寫完,從剛才斷掉的地方接下去」即可。
4 步驟四:圖文資產規範與存放 (Asset Management)
- 統一圖片格式與檔名:將照片檔名改為全小寫英文加數字,例如
note-01.jpg(千萬不要用大寫如 Note-01.JPG,也不要用中文或空格)。 - 歸位圖片檔案:將所有照片放入
project-site/images/資料夾內,確保網頁程式碼中的圖片路徑(如./images/note-01.jpg)與檔案名完全吻合。
5 步驟五:免費部署至 Cloudflare Pages (Deployment)
- 開啟 Cloudflare Pages:登入 Cloudflare,在左側選單選擇 「Workers & Pages」 > 點擊 「Create application」 > 選擇 「Pages」 頁籤 > 點擊 「Upload assets」。
- 一鍵拖放上傳:將包含所有 .html 網頁與 images 資料夾的 project-site 資料夾,直接拖進網頁上傳視窗內,點擊 Deploy!10 秒內完成全球上線!
- 綁定自訂域名:進入 Pages 專案設定,點擊 「Custom domains」 > 「Set up a custom domain」,輸入你在步驟二買的域名(如
yourproject.com),系統會自動完成連結!
6 步驟六:突破快取與測試 (Testing)
- 開啟「無痕模式」測試:部署完成後,開啟手機/電腦瀏覽器的 「無痕分頁 (Incognito Tab)」 輸入你的網址,確保不會讀取到瀏覽器過往失敗的舊快取。
- 逐頁檢查連結與圖片:確認首頁卡片點擊能順暢跳轉至各筆記頁,且所有圖片皆能清晰顯示。
7 步驟七:召喚搜尋引擎與打造信任閉環 (GEO & Social Proof)
- 提交至 Google Search Console:前往 Google Search Console 輸入網址驗證擁有權,手動提交 index.html 及所有筆記網址要求建立索引(Request Indexing)。
- 同步至 Bing Webmaster Tools:登入 Bing Webmaster Tools,選擇「Import from Google Search Console」一鍵同步,確保 ChatGPT 與 Copilot 能即時抓取網站內容。
- 新增 robots.txt 通行證:在 project-site 資料夾根目錄新增一個名為
robots.txt的純文字檔,裡面寫入這兩行並部署:User-agent: * Allow: /
- 社群 Bio 雙向綁定:在 Threads / Instagram 的 Bio 加上官網網址(如
yourproject.com),正式完成社交平台與獨立網站之間的「AI 雙向信任鏈」!
「重點不是懂不懂寫 Coding,而是懂得如何用 AI 當你的免費工程師,將你的經驗與商業價值沉澱為屬於自己的數位資產!」
你有冇準備好擁有一間屬於自己嘅數位屋仔?
到 Threads 參與討論 ↗