Next.Mist for Typecho 模板發布
- 2019 年 11 月 24 日
- 筆記
以前一直想換一個簡潔大方不花哨的部落格主題，Typecho 默認主題顯得太簡陋了一點。用過一段時間的 cho 的 Maupassant 和 Navy 主題，不久之後我便開始審美疲勞了，後來有一天我在 v2ex 上看到了IIssNan 分享了他的 Next 主題 ，看到它的第一眼我就喜歡上了。似乎有那麼一種「這就是我要的滑板鞋」的既視感，只可惜它只能用在 Hexo 上。後來 IIssNan 發布了這個主題的另外一個樣式：Mist Scheme（就是本站現在用的的這個）感覺它似乎更加地適合我。
於是我便開始著手把它移植到 Typecho 上，過程說起來並不複雜，就是寫 php 生成 html 結構的程式碼，再套上 Next 主題的 css 樣式和 js 腳本就ok了，不過這玩意兒細節還是挺多的，所以我花了好多個周末才基本完成（畢竟高三dog也沒啥空）。
在主題移植過程中我參考了許多人的程式碼，原本Next主題只支援多說評論，我把 Navy 的主題的評論樣式略微修改了下，感覺它和 Next 的契合度還可以，實現了原生評論的功能。Next 主題文章頁自帶文章目錄的功能，文章目錄一般需要在後台生成，然而 Typecho 似乎並沒這樣的 api，而且我感覺文章輸出前後台各種解析html似乎是一個極其低效的操作。後來我在 Typecho 論壇看到鉅添移植了這個主題的默認Scheme，他利用js實現了在前台解析所有的<h2><h3>標籤並生成文章目錄列表的功能，於是我也拿過來用了。在此表示感謝~
<s>目前還剩下標籤頁沒整，Typecho的統計的widget似乎沒有標籤個數的統計，自己暫時也懶得去寫插件生成了（也有那麼一點強迫症的原因），先湊合著吧，高考完之後再抽時間更新。</s> 模板發布之後 newraina 把這個主題的 Pisces 版本移植過來了，而且實現了標籤頁的功能，算是開源之後的一個意外的驚喜吧
關於這個主題
- 支援 Typecho 原生評論(評論樣式來自 cho 的 Navy 主題)和多說評論框<s>（自行替換comments.php中的程式碼）</s>。
- 側邊欄顯示友情鏈接,友情鏈接只有在安裝了 Hanny 的 Links插件 才可顯示,未安裝不影響使用。
- 自帶了分類歸檔標籤友鏈頁面模板
- js 解析文章目錄並顯示在側邊欄上(來自 http://howboring.us/ 的程式碼)
安裝方法
- 下載源碼，解壓，將其中文件夾重命名為 next 並上傳至部落格的 /usr/themes 目錄下
- 在部落格後台點擊啟用
- 設置分類頁: 新建一個縮略名為 categories 的頁面，在選項的自定義模板選擇 categories
- 設置歸檔頁: 新建一個縮略名為 archive 的頁面，在選項的自定義模板選擇 <s>archives</s> archive
- 設置標籤頁: 新建一個縮略名為 tags 的頁面，在選項的自定義模板選擇 tags
- 前往外觀設置設置頭像，昵稱等等
下載
點擊鏈接下載最新版本：立即下載 Github：https://github.com/zgq354/typecho-theme-next/
Next.Pisces傳送門：Next.Pisces
鳴謝
IIssNan：設計了這個簡潔大方漂亮的主題 鉅添：前台生成文章目錄的js的作者
使用有任何問題歡迎向我回饋~~
