為什麼有這個網站 ?
前陣子在幫公司網站研究 SEO,覺得還是自己要有個網域才會比較方便,不過有網站就必須要有內容,寫部落格當然是最直覺的,但鑑於以往沒什麼耐心寫文章的不良記錄,我腦筋就動到我又多又雜的 Notion 筆記上了,趁機花了點時間整理了一下內容,初期只放上「網路資源」(因為比較好整理),再慢慢看有沒有機會能整理一些筆記放上來,原則上初期預計是個工具網站,上班就開著找資料也比較方便
這個網站是怎麼架的?營運費用要多少?
我的需求很簡單
- 便宜,我很窮
- 要能客製化需求,所以要我會寫的語言
- 要能支援 Markdown 語法,畢竟筆記都寫在 Notion 上,能快速轉換是很重要的
還找了不少工具,可以看 部落格 - 自行架設
首先最多人用的 wordpress 直接被淘汰,一來太過肥大又不是靜態網頁效能不好,一來我不會 PHP,也不想學。基於前端技術我只會寫 React,所以很快的選手就只剩下 Gatsby 和 Docusaurus,兩個工具我都有試用,其實都還蠻驚豔的,原來現在架網站變的那麼簡單了,簡單的寫個比較如下
Gatsby vs Docusaurus
- Gatsby 發表時間比較早,比較熱門也比較多人使用,Github Stars 數大概是 Docusaurus 的兩倍,Docusaurus 是 facebook 官方的專案,但相對冷門
- Gatsby 整個生態系比較完整,很多 plugin 可以使用,Docusaurus 由 facebook 官方維護
- 上手難易度 Docusaurus 完勝,Gatsby 要先安裝 cli,先去選 starter (像我這種有選擇障礙的人這裏就卡很久),自己選要用的 plugin,很多東西都需要自己摸索踩雷,而 Docusaurus 有完整到不行的官方教學文件,無腦的照做就好了
- 版型 Gatsby 由選的 starter 決定,選擇很多,Docusaurus 則是固定官方版型,不過用 Lighthouse 測試這個版型幾乎接近滿分
- Docusaurus 官方自己說和 Gastby 的 比較
後來我選了 Docusaurus ,畢竟我也不太想花太多時間去把網站做的很花俏,能清楚的呈現內容我就覺得很夠了..
Netlify
Netlify 是個對靜態網站的免費 Hosting 服務,這個服務也很推薦
- 免費 Hosting
- 免費 SSL
- 整合 Github, Bitbucket ,設定好後只要 commit 就直接 deploy 完成了
費用
目前除了網域一年 700 元外,沒有其他費用,我有在考慮租台 VPS 當後端使用,反正 Docusaurus 可以自己寫 React 接後端 API 呈現,不過這是以後的事了
多國語系
為什麼有簡體中文版
只是測試 SEO 看看多國語系對不同地區的影響
為什麼不是英文版
那麼多 blog 文章要我翻譯成英文 ? 讓我死了吧 ...
結論
總之,這個網站就先這樣吧,基本上不打算宣傳,所以不會變熱門網站,也沒什麼維護費用,應該也不會關站,就且戰且走,以後再慢慢規劃還能做什麼吧 ...