網站主題從 Blowfish 遷移到 Hextra
網站主題從 Blowfish 遷移到 Hextra
繼上次將站點從 Jekyll 遷移到 Hugo 之後,本站再次更換主題:從 Blowfish 遷移到 Hextra。
為什麼換 Hextra
Blowfish 功能全面,但對一個以文件和教學為主的社群站來說偏重:首屏載入的指令碼與樣式較多,頁面效能開銷偏高;預設排版用於長文閱讀時也不夠清爽。
Hextra 基於 Tailwind CSS,為文件與部落格而生:
- 更輕、更快:零第三方請求(無外部字型 / CDN / 追蹤),首屏文字資源約 50 KB(gzip);貢獻者頭像按顯示尺寸自動縮放,頁面效能開銷明顯降低;
- 閱讀更清晰:規整的標題層級、行距與程式碼塊排版,長文更好讀;
- 自帶全文搜尋(FlexSearch)、暗色模式與響應式佈局;
- 透過 Hugo Modules 引入,無需 Node 工具鏈。
主要變化
- 首頁重做:hero + 快捷入口 + 最新文章 + 社群貢獻者;
- 貢獻者列表:自動抓取 gentoo-zh Overlay 中提交 5 次以上者,顯示提交次數並按提交量排序,每月自動更新;
- 文章頁署名顯示作者頭像;
- 文章改用
tags分類,文章頁與列表顯示#標籤,可點進/tags/聚合頁; - 首頁「最新文章」提供 RSS 訂閱;分享到 Telegram / 社交平臺時顯示站點品牌預覽卡片;
- 下載頁突出「中文社群定製 KDE 桌面 Live ISO」,新手可開箱即用;
- 全站簡繁雙語(zh-CN / zh-TW)並存;
- 站內全文搜尋、暗色模式。
對終端瀏覽器友好(TUI)
應 @gentoo_zh_offtopic 群裡 lzamora70(聚菊)的提議,本站特意針對終端 / 文字瀏覽器做了一輪最佳化——畢竟是 Gentoo:
- 語義化的 HTML 結構與標題層級,在 lynx / w3m / links 等純文字瀏覽器中排版清晰、連結可達;
- 每頁頂部都有「跳到正文」連結,可一鍵跳過導航直接閱讀;
- 圖片均有恰當的替代文字(
alt);裝飾性的重複圖片(頭像牆的迴圈副本、明暗兩份 logo)使用空alt,避免在文字瀏覽器與讀屏軟體中被重複朗讀; - 貢獻者頭像牆與文章作者署名在文字模式下每人只列一次;
- 配合 Hextra 的「以 Markdown 檢視 / 複製為 Markdown」頁面選單,方便用指令碼或 LLM 直接取用頁面原文。
歡迎用 lynx https://www.gentoo.org.cn/ 試試。
反饋
- Telegram 頻道:@gentoocn · 群組:@gentoo_zh
- 提交 Issue / PR:GitHub
感謝 Blowfish 與 Hextra 主題的開發者。
最近更新
