測試測試,麥克風測試,第一篇文章測試。
安安,大家好,我是 RZ,這裡是我新的 blog。
之前使用 Hexo 建立的 blog 被我玩壞了(慘況在這),由於使用到的 Hexo theme 需要比較舊的 node.js 版本 build 完的靜態檔案才不會損毀(檔案產生不完全),覺得麻煩之下乾脆不如重開一個客製化程度比較高的 blog。
於是在各大版搜尋有沒有好用的部落格文章架構和文件轉譯 library。找著找著就看到有兩位大神(Jason、Huli)有在使用 11ty,同時也找到 google 做的效能優化版本,因此就直接先套用上他們的 template 省事與效能一兼二顧啦!目前的版面我只有稍微修改顏色和一些小樣式,還沒有完全摸透整個架構,主要是 .njk 的模板語法之前都沒碰過所以還很陌生。
而網域目前先用 Pages 預設的網域(沒加薪又通膨只好縮衣節食(O)),Pages 是 Cloudflare 公司旗下的某一個產品(以下除非特別提,否則出現「Pages」皆指此公司的產品),其實可以把它看作是類似 Github 的 Pages,至於為什麼我不直接用 Github 的 Pages,因為 Pages 裡面的功能還能跟 Cloudflare 其他產品做應用,比如寫一些無伺服器 function(他們家的 Worker 產品)、儲存資料(使用 Durable Objects)、放 image 或 video 在上面(不過要錢),同時架在 Cloudflare 服務上的網站也會提升 User 網站讀取速度,確保網站安全性也是他們的主力,還有就是上站新版本可以先用 preview 的網址(亂數網址)來看,沒問題再 deploy 到主線去。另外我想跟它們的產品混熟一點,免費方案的額度對於貧窮的開發者很便利,所以現在就是把這個 blog deploy 到 Pages 啦(雖然可能某些 Cloudflare 的產品 blog 應該用不到?)。
不過雖然我沒直接使用 Github 的 Pages 功能,但 deploy 到 Pages 的流程會需要經由 Github 之手來做 intergration。
簡單來說就是整個專案的 source code 還是放在 Github 上,只要在本地 git push 上去到 Github repo,Pages 那邊會偵測到:「哦,你 commit 了新的 log,那我就開始自動幫你 CI/CD 囉。」
沒錯,Pages 會幫你 CI/CD,而且內建可以選擇你要用什麼 framework deploy,讓我很意外的是 11ty 也是其中一個選項,太神啦,所以 CI/CD 的設定我沒寫半行,只有跟 Pages 說我要用 npm run build 作為 build 的指令這樣而已。整個過程不需要花 5 分鐘就 deploy 上去了。
之後預計優先新增/修改的功能應該會有以下這些:
- Archive 頁面
- Tags 頁面
- 首頁文章分頁
- 文章內容底下有前一篇/下一篇連結
- primary color 還在思考要不要再改
- dark mode
總之大概是這樣啦,至於為什麼要把 blog 取作 Boundarylesstacks,只是因為看到有些人會幫 blog 取個名字,同時覺得 blog 可以有個象徵性的精神,於是就把 Boundaryless 和 stacks 兩個單字合在一起,把這裡當作是沒有限制性任何 stack 都可以作為內容,把任何事情都當作 stack 的概念,同時也有想要慢慢累積各式各樣的知識的這種感覺,也呼應之前 Hexo blog 那邊的標語:「積少成多; 積少化痰。」(後面那句只是硬湊沒特別意思)。