This is a clean theme for hexo
It is based on Tinny.
I have made some optimizations on Tinny and you can see the demo.
$ cd themes
$ git clone git@github.com:levonlin/Tinnypp.git
Modify the theme
setting in _config.yml
of the blog folder.
theme: Tinnypp
$ cd themes/Tinnypp
$ git pull
Modify settings in the file Tinnypp/_config.yml
.
Tinnypp :
1.uses swiftype as a site's search engine.If you want to use swiftype,please change the last <script></script>
tag to your swiftype install code in Tinnypp/layout/_partial/head.ejs
. (For more details, you can read this article)
2.has set /atom.xml as an rss source.To use rss,you can install hexo rss plugin
$npm install hexo-generator-feed --save
If you use hexo 2.x versions, you should also add
plugins:
- hexo-generator-feed
in _config.yml
of the blog folder.
3.get pictures for icon or avatar from Tinnypp/source/img
. Pay attention to the sizes and formats of your pictures, the detailed configs are in _config.yml
of the theme folder.
For more details, you can vist My blog .And if you have any problems, you can create issues.
本主题是一个hexo的小清新主题。就是在Tinny基础上做了些我自己认为的优化(折腾)。具体效果可见demo。
$ cd themes
$ git clone git@github.com:levonlin/Tinnypp.git
去你博客目录下的_config.yml
文件编辑theme
设定如下:
theme: Tinnypp
$ 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插件:
$npm install hexo-generator-feed --save
对于hexo 2.x版本还要添加:
plugins:
- hexo-generator-feed
到博客目录下的_config.yml
,3.x版本不用这一步。
4.中文显示在博客目录下的_config.yml
设置
language: zh-CN
即可。但若想在文章发布日期有符合中文习惯的显示,请在_config.yml
里继续设置
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
。