Skip to content

levonlin/Tinnypp

Folders and files

NameName
Last commit message
Last commit date

Latest commit

46cf2cc · Jun 16, 2016

History

29 Commits
Feb 15, 2015
Jun 16, 2016
Feb 15, 2015
Jun 3, 2016
Feb 15, 2015
Jun 3, 2016
Jun 3, 2016
May 4, 2016

Repository files navigation

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.yml3.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

About

This is a theme for hexo and based on the theme Tinny.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published