做網站
入門
做網站

用 AI 做個人網站並免費上線（GitHub Pages）

讓 AI 寫一個個人或作品集網站，放到 GitHub Pages 免費上線，再綁定自己的網域。
45 分鐘
6 步
免費（自訂網域每年約數百元）
編
AI 有解編輯部
最後更新 2026 年 11 月 4 日・CC BY 4.0
用到的工具
Claude
ChatGPT
GitHub
VS Code
一個單頁的個人網站，用純 HTML 與 CSS 就夠了：免費、快、不用管伺服器。
你需要準備
•
已完成〈零基礎寫程式環境〉
•
GitHub 帳號
•
自我介紹、作品清單、聯絡方式
進度 0／6
1

讓 AI 寫出網站

提示詞
幫我做一個單頁個人網站，只用一個 index.html（CSS 寫在裡面，不用外部框架）： - 我是【職業】，名字【名字】 - 區塊：自我介紹、作品（3 個卡片，每個有標題、說明、連結）、聯絡方式 - 風格：簡潔、白底、主色【顏色】，手機與電腦都要好看 - 加上 meta 描述與 Open Graph 標籤，分享到社群時有標題與圖片
2

在電腦上預覽

1.
建立資料夾 my-site，把程式存成 index.html。
2.
用 VS Code 打開，雙擊 index.html 用瀏覽器開啟。
3.
要修改時直接跟 AI 說：「作品卡片改成兩欄」「標題字大一點」。
3

上傳到 GitHub

1.
在 GitHub 建立新儲存庫，名稱用 你的帳號.github.io。
2.
在 my-site 資料夾執行：
終端機
git init git add -A git commit -m "個人網站第一版" git branch -M main git remote add origin https://github.com/你的帳號/你的帳號.github.io.git git push -u origin main
4

開啟 GitHub Pages

儲存庫的 Settings → Pages，來源選 main 分支。等一兩分鐘，打開 https://你的帳號.github.io 就看得到。
5

綁定自己的網域（選做）

1.
向網域商購買網域。
2.
Pages 設定裡填入自訂網域，並勾選 Enforce HTTPS。
3.
依 GitHub 說明在網域商設定 DNS 紀錄（通常是 CNAME 指向 你的帳號.github.io）。
6

上線前檢查

提示詞
檢查這個網站：無障礙（圖片 alt、對比度）、手機版、SEO 標籤、有沒有失效連結，列出要修的地方。
你照著做成功了嗎？
成為第一個回報的人。你的回報會決定攻略排序與作者分潤。
下一步
想要會員登入、資料庫：見〈用 AI 做會員制網站〉。
收錄在學習路線
廣告版位
想讓正在用 AI 的人看到你的產品？了解廣告合作
問與答
卡住的地方、補充的做法都可以留在這裡
還沒有人留言。
更多「做網站」攻略