將網站主題改為 Jekyll Klise

經過一陣掙扎,最終還是將網站落在 Hyvor Blogs 之上。

在經過幾次的評估,最後選擇將主題更新至 Jekyll Klise

修整主題內的項目

有做了一些小小的修正,主要是希望能夠讓整體仍以 Blog 的文章為主,展現舒適與恬靜的氛圍,將更多的時間回歸到文字,也透過版型的設計,能夠提升閱讀的體驗。

字體還是使用 LINE Seed昭源黑體以及昭源宋體為主。

2026/01/05 更新

因 webfont 太吃資源,加上整體呈現的流暢感沒有大幅度的提升,所以修正回使用系統內建的字型,在 pagespeed 有更好的分數。

色系的部分先按照預設的色彩,之後再慢慢調整。

色系的部分先按照預設的色彩,之後再慢慢調整。

外連顯示的箭頭符號(2025/12/25)

每一個外部連結都會在後面連上一個向右上角的箭頭,提醒大家這是外連網址,但因為箭頭實在是不好看,所以我修改為 這個符號,同時設定了轉向,直接逆時針轉 90 度,成為了現在看的外連符號。

經過查詢可以使用 transform, rotate 旋轉特定角度,但是一開始實驗失敗,關鍵是需要加上 display: inline-block; 將此文字設定成一個區塊才能成功。

特別把新增在 CSS 檔案裡面的幾段截取出來,如下參考。

a {
....
&[target="_blank"]::after {
content: " \21F2";
...
bottom: 0.25em;
margin-right: 0.25em;
...
display: inline-block;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}

預計動工項目

  • 調整亮/暗主題的圖示對齊位置

  • 增加搜尋功能

  • 修正庫存(archive)頁面無法顯示文章問題

  • 字體大小適配性調整

  • 色系調整

  • 調整項目符號樣式

訂閱電子報