---
title: Next.Mist for Typecho 模板发布
date: 2015-12-27T14:51:00+08:00
tags:
  - Typecho
  - 技术

---

以前一直想换一个简洁大方不花哨的博客主题，Typecho 默认主题显得太简陋了一点。用过一段时间的 cho 的 Maupassant 和 Navy 主题，不久之后我便开始审美疲劳了，后来有一天我在 v2ex 上看到了IIssNan 分享了他的 [Next 主题](http://v2ex.com/t/165661) ，看到它的第一眼我就喜欢上了。似乎有那么一种“这就是我要的滑板鞋”的既视感，只可惜它只能用在 Hexo 上。后来 IIssNan 发布了这个主题的另外一个样式：Mist Scheme（就是本站现在用的的这个）感觉它似乎更加地适合我。

于是我便开始着手把它移植到 Typecho 上，过程说起来并不复杂，就是写 php 生成 html 结构的代码，再套上 Next 主题的 css 样式和 js 脚本就ok了，不过这玩意儿细节还是挺多的，所以我花了好多个周末才基本完成（毕竟高三dog也没啥空）。

在主题移植过程中我参考了许多人的代码，原本Next主题只支持多说评论，我把 Navy 的主题的评论样式略微修改了下，感觉它和 Next 的契合度还可以，实现了原生评论的功能。Next 主题文章页自带文章目录的功能，文章目录一般需要在后台生成，然而 Typecho 似乎并没这样的 api，而且我感觉文章输出前后台各种解析html似乎是一个极其低效的操作。后来我在 Typecho 论坛看到[钜添](http://howboring.us/)移植了这个主题的默认Scheme，他利用js实现了在前台解析所有的\<\h2>\<\h3>标签并生成文章目录列表的功能，于是我也拿过来用了。在此表示感谢~

~~目前还剩下标签页没整，Typecho的统计的widget似乎没有标签个数的统计，自己暂时也懒得去写插件生成了（也有那么一点强迫症的原因），先凑合着吧，高考完之后再抽时间更新。~~模板发布之后 newraina 把这个主题的 Pisces 版本移植过来了，而且实现了标签页的功能，算是开源之后的一个意外的惊喜吧

## 关于这个主题

1. 支持 Typecho 原生评论(评论样式来自 cho 的 Navy 主题)和多说评论框~~（自行替换comments.php中的代码）~~。
2. 侧边栏显示友情链接,友情链接只有在安装了 [Hanny](http://www.imhan.com/) 的 [Links插件](http://www.imhan.com/tag/%E5%8F%8B%E6%83%85%E9%93%BE%E6%8E%A5/) 才可显示,未安装不影响使用。
3. 自带了分类归档标签友链页面模板
4. js 解析文章目录并显示在侧边栏上(来自 [http://howboring.us/](http://howboring.us/) 的代码)

## 安装方法

1. 下载源码，解压，将其中文件夹重命名为 next 并上传至博客的 /usr/themes 目录下
2. 在博客后台点击启用
3. 设置分类页: 新建一个缩略名为 categories 的页面，在选项的自定义模板选择 categories
4. 设置归档页: 新建一个缩略名为 archive 的页面，在选项的自定义模板选择 ~~archives~~ **archive**
5. 设置标签页: 新建一个缩略名为 tags 的页面，在选项的自定义模板选择 tags
6. 前往外观设置设置头像，昵称等等

## 下载

点击链接下载最新版本：[立即下载](https://github.com/zgq354/typecho-theme-next/archive/master.zip)

Github：[https://github.com/zgq354/typecho-theme-next](https://github.com/zgq354/typecho-theme-next/)

Next.Pisces传送门：[Next.Pisces](https://github.com/newraina/typecho-theme-NexTPisces)

## 鸣谢

[IIssNan](http://iissnan.com/)：设计了这个简洁大方漂亮的主题[钜添](http://howboring.us/)：前台生成文章目录的js的作者

使用有任何问题欢迎向我反馈~~