Blog 設定公開
Last updated on February 22, 2023
Contents
前言
筆者開始用 hexo 作為部落格生成器之後,常常遇到想要但沒有的功能;也找不到類似的 plugins,所以只能自己來弄。筆者大多都在研究數學&程式,所以做的修改大多都是有助於撰寫這方面的東西。
大部分功能的實現是依賴 hexo 本身的注入器與 fluid 主題的增強注入器[1]。
正文
修改了什麼
以下為主要增強點:
數學式渲染(KaTeX)
必需的吧 OwO,沒有這個就甚麼都做不了惹。
文章推薦(disqus recommendations)
動態背景
舊用 canvas-nest.js,現已切換到筆者自己開發的優化版套件 canvas-noice.js[2]。
自動生成 Table Of Contents
筆者覺得 hexo fluid 本身的側欄 toc 不太好用
客製化字體
英文:PT Serif, 中文:Noto Serif TC, 程式語法:Fira Code
其他東西
除了以上幾點外,筆者也弄了一些小動畫、調整了一些元素的大小、優化了一些文件的載入順序、設定了一些會影響 SEO 評分的東西。總而言之,就是要讓這個部落格好看一點 \^~^/。
公開的地點
請看 這個網頁的原始碼。主要為 ./scripts/
和 ./source/css/
底下的東西。
後記
網路上看很多人都有公開自己的 hexo blog 設定與客製化設定,想說等弄完基本修改之後就來公佈自己的。如果你也想要公開自己的設定(注意不要讓敏感資料外洩),可以參考這篇教學文章。
希望這篇文章可以幫助到想要客製化自己部落格的人。
那就先醬。
Photo by Josh Redd on Unsplash.
參考
- 注入器 Documentation ↩
- 詳情請見此文 ↩
Blog 設定公開
https://phantom0174.github.io/2023/02/blog-config-reveal/