Skip to content

levonlin/Tinnypp

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

29 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

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