1. 1. 装载本主题
    1. 1.1. 安装
    2. 1.2. 载入
    3. 1.3. 升级
  2. 2. 设置本主题

Tinnypp是一个hexo的小清新主题。就是在Tinny基础上做了些我自己认为的优化（折腾）。具体源码可见github。

装载本主题

安装

1
2
$ cd themes
$ git clone git@github.com:levonlin/Tinnypp.git

载入

去你博客目录下的_config.yml文件编辑theme设定如下：

1
theme: Tinnypp

升级

1
2
$ cd themes/Tinnypp
$ git pull

设置本主题

编辑Tinnypp/_config.yml文件即可。

本主题:

1.使用swiftype作为站内搜索引擎，如果你想使用这个酷炫的搜索，请在Tinnypp/layout/_partial/head.ejs里将最后一个<script></script>标签改为你的swiftype安装代码。（具体细节可参见这篇文章）

2.使用多说作为评论系统，可在Tinnypp/_config.yml中开启或关闭。此外如果你想显示评论者的user agent，可直接修改themes/Tinnypp/layout/_partial/after_footer.ejs里的ds.src = '//static.duoshuo.com/embed.js';为'ds.src = '<%- config.root %>js/embed.js'';，并在你的多说里添加这个自定义css即可。若还想显示你的“博主头衔”，请记得编辑Tinnypp/source/js/embed.js里的e.user_id == your duoshuo ID。

3.已经设置/atom.xml为rss源。要使用rss,先安装hexo的rss插件：

1
$npm install hexo-generator-feed --save

对于hexo 2.x版本还要添加：

1
2
plugins:
- hexo-generator-feed

到博客目录下的_config.yml，3.x版本不用这一步。

4.中文显示在博客目录下的_config.yml设置

1
language: zh-CN

即可。但若想在文章发布日期有符合中文习惯的显示，请在_config.yml里继续设置

1
2
3
month_format: YYYY年 M月
date_format: YYYY年 M月 D日 
time_format: H:mm:ss

5.如果想用主题里的highgLight.js自定义代码高亮，有几点需要注意的：

  • 得先把hexo的_config.yml（不是主题里那个）里的highlight配置为false，否则就只能用hexo自带的的代码高亮；
  • 上一步做好后还得先hexo clean、再hexo g；新设置才会生效；
  • 由于主题里的highgLight.js使用了cdn加载样式，自定义的代码高亮只有在联网时才会显示，同时高亮样式的名字应该参考cdn上的；
  • highgLight.js不支持显示行号。

6.图标和头像的图片统一放置于Tinnypp/source/img。还要注意图片的格式与大小，详见主题目录的_config.yml。

更多细节，各位亲们可以访问我的博客。如果觉得这个主题有什么值得吐槽和改进的地方，也欢迎各位亲们给我发issues。