Tinnypp

About

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.

Installation

Install

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

Enable

Modify the theme setting in _config.yml of the blog folder.

    theme: Tinnypp

Update

	$ cd themes/Tinnypp
	$ git pull

Configuration

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。

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

levonlin/Tinnypp

ErrorLooks like something went wrong!

About

Resources

Uh oh!

Stars

Watchers

Forks

Releases

Packages 0

Uh oh!

Languages

Error
Looks like something went wrong!

Packages