我的網站架構

非資訊專業背景的我，在2026年用AI架設了個人網站。網站採用SEO友善的Astro島嶼架構跟免費額度極高的Cloudflare全家桶，整合了作品展示、委託表單以及個人品牌經營三大需求。

架網站的花費？

在上一篇文章我提到，我在這個網站花了非必要的10.46美金，那這筆錢到底買了什麼？

答案是：自訂網域的年費。簡單來說，就是專屬的網址。

技術上來說，這筆錢並不是必要的，許多提供網站託管服務的平台都有提供免費網址，列出常見的如下：

那我為什麼要花這筆錢？

對我來說，這個網站除了是單純的展示與接單工具，也是我經營個人品牌的地方，因此從SEO、品牌形象或者所有權等多方角度來看，比起為了省那一點錢而讓網址跳來跳去，一開始就統一網址，效益會是最高的。另外要補充的是，如果10.46美金對你來說還是太貴，其實網域的價格並非固定(我的網站的.com結尾算是中間價位)，甚至同樣的網址在不同的供應商也有不同的價格，可以自行搜尋網域供應商多多比價，但要注意有些平台第一年費用跟次年開始的續訂費相差極大。

補充知識：SEO是什麼？
SEO的全名是Search Engine Optimization，也就是搜尋引擎最佳化。簡單來說，就是當有人在Google或Bing等搜尋引擎搜索相關資訊時，讓你的文章排在前面幾名所要做的努力（或運氣）。如果對這個主題有興趣，搜尋SEO就會有海量教學或介紹能看，這裡就不班門弄斧了。

要花錢的項目講完後（對，講完了），接下來就來到網站結構的部分了。

網站採用了什麼結構？Astro群島架構結合Markdown

我知道這個主題聽起來很哈扣很可怕，但你先別跑，讓我解釋：這個網站的程式碼基本上是用AI IDE生成的，內容文章才由我自行撰寫維護。這個章節不是為了讓你學會手寫出整個網站的程式碼（我也不會），而是希望提供對AI下指令或者查資料的參考。

因為我也是邊做邊學，所以網站結構經歷了好幾次不必要的大改版。當然你可以說我活該，沒有先蒐集好資訊再開始做網站，但對於沒有相關專業背景的人來說，有時候就是連問都不知道從哪裡問起。

一開始在Google AI Studio生成網站雛形的時候，這個網站是單頁結構SPA。我們不需要理解SPA是什麼，總之SPA可以讓你直接預覽內容跟功能，操作體驗上極度順暢，適合拿來做app或工具類軟體，但在載入速度跟SEO等內容網站需要的方面來說相對較弱，開啟後前一兩秒容易出現空白畫面，搜尋引擎也常常爬不到裡面的內容，簡單來說就是優勢跟我的需求對不起來。但如果你完全不需要讓陌生人搜尋到你，只是想做一個好用又好看的展示工具，我認為SPA還是個不錯的選擇。

後來我把程式碼移到IDE繼續建構，這次採用了Astro群島架構+Markdown。這個架構的好處是載入速度快、Google爬得到內容（總要爬得到它才能決定文章好不好）。文章Markdown搭配Sveltia CMS（管理後台）進行維護，使用體驗上跟一般部落格的後台差不多，但可以自訂想手動調整的設定。以我的網站舉例，除了文章外，我會更新的內容還包括自我介紹、網站彩蛋、委託資訊等。文章是部署在Cloudflare Pages，免費方案每月提供500次免費部署次數而且不限制商用，對常常會修改或更新文章的內容創作者是最佛的。

如果你真的想動手架網站

對於絕大多數的創作者來說，我認為上述的「Astro+Markdown+Sveltia CMS+Cloudflare Pages」組合就相當夠用且好用了。每項工具其實都有可以考慮的替代品，但至少這是我實際測試過能運作的組合。

因為每人對於網站的需求不同，所以我這邊不提供保證一步到位的AI提示詞。如果你想採用跟我一樣的架構，這是我跟AI問到的範例prompt，僅供參考：

我是一個沒有技術背景的創作者，我想做一個讀取極快、對 SEO 友好、且完全不需要付主機月租費的內容網站。
請扮演我的全端工程師導師，用最通俗易懂的語言，帶我從零搭建這個網站。
我的目標架構是：
核心框架：Astro（靜態網站生成 SSG，極致乾淨與速度）
文章管理：Markdown（.md 檔案）
後台編輯器：Sveltia CMS（基於 Git 的免費視覺化後台，讓我不用看程式碼就能發文）
部署託管：Cloudflare Pages（免費方案）
請先不要一口氣丟出一大堆程式碼，請先告訴我：第一步我需要先在電腦上安裝什麼軟體？以及專案該怎麼初始化？請像教完全不懂程式的新手一樣，一步一步引導我。

要注意以上的prompt還不包含UI/UX、RWD等風格排版設定，總之核心概念是讓AI一步一步告訴你怎麼做、做了什麼、有什麼選擇。卡關的話就直接截圖貼給AI處理最快。

但我喜歡搞些有的沒的aka後端篇

好吧，我承認，到了這一步，我已經處於一種「網站好玩一直玩」的狀態了，所以接下來的部分，我得說只是我想要，但我覺得付出的麻煩程度跟實際能帶來的效益完全不成正比。

我的內容後來轉移到後端（我是用Cloudflare本身就有的免費功能，有興趣研究可以搜尋Workers、D1、R2等關鍵字）進行維護，其中一個核心動機是「加密」。對於希望將R18或付費文章上鎖的創作者，即便前面的方案可以做出密碼鎖功能或介面，但基本上是防君子不防小人，對網站架設稍有概念的人可以輕鬆把內容挖出來。

雖然我只是想玩彩蛋功能就是了。雖然優惠碼本身已經過期，但用電腦瀏覽的訪客歡迎試試看在鍵盤直接打Konami Code，會跳出視窗喔。

其他用到後端的功能還包含Threads貼文同步顯示跟委託表單工作流（這個也會再發一篇），涉及API串接，有用到金鑰，簡單來說是絕對不能裸奔給別人看的資訊。

想蓋自己的網站嗎？

老實說，我也是實際把網站一步步蓋起來後，才發現要花費的錢比我以為的少很多。之前最常聽到的方案是Wordpress，但每年都要花費破千的主機費，對我這種業餘創作的文手來說稍微超出預算，因此遲遲沒有動手。

我不否認，最理想的方式仍然是你完全明白每一行程式碼在幹嘛，這是專業的價值所在，我也不會認為自己弄了個網站就能去應徵工程師。但我的文章本來就免費公開在各平台，我也不會因為網站爆炸就失去所有文章，所以蓋網站這件事對我來說沒什麼風險，值得一試。

最後，如果有任何專業人士逛到這篇文章然後發現錯誤，歡迎（盡量溫柔地）讓我知道，我是個聽勸且尊重專業的人。