<aside>
💡 嗨!當你看到這一頁時,我想跟你分享這個個人網頁是如何被架設的。由衷地感謝工程師(/資深Notion粉絲) Stephen 的分享,以下大部分內容來自他的英文網站 Fruition。他為我們提供了這個快速、方便的網站架設資源,重點是免費!(除了你得自己買一個域名之外,這很簡單,我會在後面提到)。我想在這裡提供一個繁體中文版本的說明,讓更多人知道如何使用 Notion 跟 Fruition 來簡單地擁有自己的個人網站。如果你也慣用 Notion,並且希望能使用它來設計一個網頁,歡迎繼續看下去。
</aside>
利用Fruition和Notion來架設個人網站的優點
- 幾乎免費!
- 讓你的網站有一串漂亮簡約的URL
- 可以透過 Google Fonts 自訂字體
- 透過 Notion 來修改網站簡單方便
- 不需要有任何程式語言的技巧
唯一需要的是你有意願自行動手操作和後續的網頁維護!我的實際經驗是有時隨著 Notion 的官方更新會讓 Fruition 原本提供的程式碼失去某些作用,如果有發現你的網頁有任何異常,大多時間你可以在 Fruition 網頁上找到最新的解決方案和說明,也可以在 Github 的社群中看到大家的問題以及眾人討論結果。這部分就是要靠一點你自己的心力和時間去自行解決問題。
如果你也準備好了,那我們開始吧!
步驟 0
- 首先,你要讓你的 Notion 頁面被公開在網路上。點開右上角的「Share」,將「Share to Web」的選項點開。這裡推薦可以再點開「Show link options」,開啟「Search Engine Indexing」,這一步驟是讓搜尋引勤可以找到你的網頁。
- 購入一個你自己的網域名稱(Domain Name),簡稱為「域名」。就是那串顯示網址www.後方的字元,例如,wikipedia.org是一個域名。可以購買域名的網站很多,台灣有HiNet, 國外有GoDaddy, NameCheap, NameSilo。可以參考這篇文章來確定自己想透過哪個平台購入域名,甚至你也可以考慮在 Cloudflare上購買域名,因為等等我們會透過它來設定DNS。
步驟 1
- 前往:https://dash.cloudflare.com/sign-up 去註冊一個帳號。