Jordan KimPRO
獨立開發者與開發寫作者
分享產品、文章和網頁技術的小實驗。
靜態發佈為什麼適合開發者部落格
快速的個人網站能讓別人在見到你之前，就先理解你的作品、文章和產品想法。
正在聽
Lo-fi Coding Beats 2026
立即試用
準備發佈了嗎？
個人網站該做到的事
它應該容易更新、快速開啟，也要夠可信，能放心寄給還不認識你的人。
擁有自己的名字
用自訂網域承載首頁、部落格、履歷入口或作品集，不把身份困在社群平台網址裡。
全球邊緣傳遞
不同地區的訪客會從附近節點取得網站，而不是全部回到單一 origin。
快速更新內容
更新簡介、專案、文章、履歷連結或公告，不需要 SSH、Docker 或漫長的基礎設施清單。
不用維運也能上線
你可以發佈個人專案，而不是把週末花在 Linux 維護、Docker 設定或 Web server 設定上。
把首頁變成有用的個人入口
好的個人網站不是裝飾名片。它會讓陌生人理解你做什麼、做過什麼，以及下一步該去哪裡。
先說清楚你是誰
姓名、角色、短簡介，必要時加上所在地或可合作狀態，再用一句話讓你的工作容易被定位。
連到證據
專案、文章、演講、產品、GitHub、履歷、案例研究、媒體報導、教學材料，都能支撐你的主張。
給訪客下一步
依目標加入聯絡方式、電子報、預約、社群連結、求職狀態、產品連結或明確 CTA。
保持最新
過期的個人網站會讓人覺得疏於維護。靜態託管應該讓小更新足夠省事，讓你願意真的去改。
支援個人網站常用的靜態工具
用你習慣的工具在本機建置，再上傳產生後的輸出。
Astro / Eleventy / Hugo / Hexo
適合部落格、筆記、個人首頁和內容較多的網站，輸出為靜態 HTML。
Next.js / Nuxt static export
網站不需要 request-time rendering、API routes 或 server middleware 時，可使用靜態匯出。
純 HTML 或 AI 生成頁
手寫首頁和生成式 HTML 專案也能使用，只要 index.html 和資源一起上傳。
三步驟發佈你的網站
產生靜態檔案
使用 Hugo、Hexo、Astro、Next.js static export 或手寫 HTML。唯一要求是有一個靜態輸出資料夾。
上傳建置輸出
把產生後的 dist、public 或 out 目錄拖進 DeployPages，託管部分交給平台處理。
接上你的網域
在 Console 新增網域、指向 DNS 記錄，等 HTTPS 完成後就能正式公開。
個人網站常見上線失誤
網站什麼都說了，就是沒說你是誰
把姓名、角色和最有力的證據放在上方。訪客不該先解讀導覽才知道這頁在介紹誰。
自訂網域還沒接好
先用預覽 URL 發佈，接著新增網域並確認 DNS，再把連結放進社群或履歷。
部落格或專案頁上傳後壞掉
上傳完整產生後的輸出資料夾。靜態網站產生器通常會建立巢狀資料夾和資源目錄。
幾個月後看起來過時
讓核心頁面維持小而可維護，加入近期作品、最新文章或目前狀態，方便快速更新。
個人網站託管常見問題
Q:免費方案夠個人部落格使用嗎？
輕量部落格和個人網站通常夠用。靜態頁提供成本低，流量成長前多半可先從免費方案開始。
Q:可以使用 Jekyll、Hexo 或 Next.js 嗎？
可以。任何能輸出靜態 HTML、CSS 和 JS 的框架都能發佈。Next.js 請使用 static export 並上傳 out 目錄。
Q:網站對 SEO 仍然友善嗎？
可以。靜態 HTML、快速傳遞、可讀 metadata、乾淨內部連結和自訂網域，都有助於人和搜尋引擎理解網站。
Q:個人網站比社群個人頁好嗎？
兩者可以並用。社群適合被發現，個人網站則提供穩定位置放更完整的作品、文章、連結和聯絡方式。
Q:可以當履歷入口嗎？
可以。許多個人網站會把短簡介、專案連結、下載履歷、文章、社群檔案和聯絡方式放在同一個網域。