skip to content
鰭狀漏斗

部落格更新記錄 2

/ 閱讀時間 4 分鐘

上次決定開始考慮再次更新部落格,改用 Astro 之後,真的改用 Astro 了。

主題最開始是用目錄中排在前面的 Astro Paper,改造成符合自己需求的樣子之後,也在年初的時候上線了。

之後過了大概半年,越用越覺得這個主題寫的不是很好。明明用了 Tailwind Typography 可以在 Tailwind CSS 的設定檔那邊改 prose 的樣式就好,可是這個主題卻是另外在 base.css.prose override 預設的樣式,搞的還要在 @apply 的某些 Tailwind CSS class 中加 ! 來強制覆蓋掉預設的樣式。所以我開始想要砍掉重練,換別的主題。

為此我又在目錄繼續找,最後選了另一個跟它一樣簡單的主題:Astro Cactus

這個主題並不是在我決定用 Astro Paper 之後才出現的新主題,最開始選主題的時候不是沒有看到這個主題,只是因為字很小的關係,看到預覽就不考慮了。後來在這次再看到的時候突然想到我自己就可以改字體大小啊,加上同類型的主題沒有多到可以讓我挑到更好的,於是就選擇改用 Astro Cactus 了。

同樣經過改造之後,第二個 Astro 部落格,也就是現在這個(如果之後沒換的話)在八月上線了。

這個主題相較於上一個主題還是有一些比較不好用的地方,像是分頁。換了 Astro Cactus 才發現 Astro Paper 之前的分頁做的很好。Astro Paper 之前是用自己的分頁函式,而且它有一個 layout 元件專門處理分頁的頁面,所以我在改造時幾乎沒有改就可以符合我的需要。Astro Cactus 則是用了 Astro 內建的分頁函式,所以需要額外的小改,我有寫一篇文章記錄。

至於 Astro 跟之前的 Gatsby 比的話,Gatsby 能做的 Astro 幾乎都能做到,所以用起來沒有什麼不習慣的地方,除了分頁以外。當然 Gatsby 用的 GraphQL 跟 Astro 的 Content Collection 有很大的差別,Astro 也有它自己的語言,不過 Content Collection 是比較好用的,.astro 語法也像 JSX + 用 JS 寫的 frontmatter 很容易懂,所以沒問題。

最後只希望 Astro 可以活久一點,不要像 Gatsby 那樣才過沒幾年就不那麼積極開發,不然用沒幾年就要再找新的框架很麻煩。