文組都會— HUGO + Netlify + Forestry 新手架站歷程

100% 新手架站血淚史

Posted by Rong on Wednesday, January 12, 2022

網路資訊發達,大家只要掌握關鍵字餵狗大概都能跟者百百種的教學自架網站。但身為母胎文組,儘管有許多手把手的教學,我還是因為架站折騰了好大一番… 差點就要放棄架站的目標回去改用Blogger… 加上金牛座開源節流的性格,都已經花錢買網域了,在收益為零的狀態下,實在不想再花錢買版型,只能克勤克儉咬牙硬幹啦!

總之,本文著重在我架站的心路歷程,與大家分享~~~

開始之前

  • 為甚麼要自己架站?

    不外乎是有自己的網站感覺很酷!

    不知道大家有沒有這樣的經驗,在某個粉絲專業看到好文,如果沒有及時存起來,每次要找來看都要滾好幾下滑鼠滾輪,真D麻煩。自架網站能掌握的事情比較多,也比較能了解受眾輪廓。假如文章只是刊登在 Facebook 或 Instagram 上,在搜尋或曝光度上都有一定的限制。

    還有上個世紀的無名小站(好啦,其實沒有這麼久)也給我一個些許慘痛的經驗,當初因為無名閉站讓我頭痛了很久,小學生哪會知道網站怎麼搬家啦!我後來把文章挪到痞客幫,然後寫到高一就石沉大海了@@

  • 架站的目的?

    了解動態網頁 vs 靜態網頁的差別。

    我架站是為了寫部落格(將來期許可以漸漸把自己的影音作品和手作也同步上來,但先緩緩),又想要超快速的開啟自己的網頁,所以輕量的靜態網頁就是我的首選~雖然我是 HTML 及 CSS 的苦手,但得知靜態網頁靈活度較高後,默默覺得把這個技能培養起來應該是不錯。

購買網域

網域(Domain)對應到 IP ,就是在網路世界中的地址。對我來說最常見到 IP 的地方就是 PTT ,也就是鄉民最愛查水表的媒介。

網域命名方法也有很多學問,考慮到受眾是否接受諧音梗/拼音、有沒有和企業撞名、網站的屬性(商業、教育、生活紀錄等)處處都是眉角。

我當時列出了幾位候選人,最後請至親好友投票給意見,加上自己的私心與偏執選出了現在的網域名稱,並使用 Namecheap 購買,之所以選擇它應該不難推測,就是 cheap ^^b。其他包括 GoDaddy, Gandi 也是許多人選擇購買網域的常勝軍~

我僅購買一年的方案,並無外加其他 SSL 等有的沒的方案。並不是說 SSL 不重要,而是我用其他方法迴避花錢了事的心態,稍後見分曉~

那些你需要申請的會員帳號

  1. GitHub - 串聯本機和網路雲端
  2. HUGO - 版型
  3. Netlify - 免費部署靜態網站 + SSL 安全憑證
  4. Forestry - 漂亮的 UI/UX 後臺管理文章

GitHub

有點像 Google 雲端,網路上也有很多文章,例如 連猴子都能懂的Git入門指南 貌似就是很多新手的教科書,但假如你和我一樣連猴子都不如,基本上照本宣科就對了喇><

需要注意的一點是,當你在終端機輸入你的帳號和密碼時,應該會卡一陣子,原因是 Github 在去年8月發布了金鑰的隱私設定,要在 setting 先產生一個專案的 SSH 金鑰。

Hugo

本來是想下載 Bookworm 這個美到出水的版型,但就是安裝不成,花了我3-4天的時間吧,最後棄坑改用 Clean White 。好處是只要看到中文就能無痛改成自己的內容,但在 config 和 partials 上還是有很多待我解決的 bug @@ 不過依然感謝趙先生無私的分享與創作,剩下的就是我自己的事了…

Netlify

多半也是看照+爬文別人的教學,要注意的地方是有時候從本機 push 檔案到 GitHub 雖然有成功,但在 Deploys 假如出現 Failed 就代表沒有成功推上去。此時可以檢查 "build.command" failed前兩行,看一下是甚麼原因被擋下來。

Forestry

需不需要使用這個就見仁見智了,誠如文章標題,身為文組的我對 MakeDown 也不是說不能接受,但假如有美美的文章管理後台想必能大大增加我撰文的動力?我是跟著梅干的教學順出來的,但關於 Cloudflare Pages 我就沒有涉略,對我來說有點是另一個世界… 目前也還在摸索要怎麼使用就是了。

結語

希望我的一些經驗可以幫上忙啦,但真的遇到問題還請善用網路… 我的網站目前也是有個雛型後且戰且走,其中還有很多需要細修的地方就先這樣ㄌ.當初心中暗暗立下架設網站一次到位的誑語真是太天真了,ㄏ。

參考資料


網站瀏覽 |