Haizlin-theme 是我宝贝老婆业余时间给我设计的一套非常简洁的扁平化博客模板,支持Hexo,有结构清晰的设计图。
以全屏为主,自适应移动端。
如果你也喜欢这个主题,那就动动手指 Star 支持一下吧!
设计理念:
效果图,先睹为快
- 首页(查看大图)
- 列表页(查看大图)
- 内容页(查看大图)
- 读书(查看大图)
- 关于(查看大图)
- 作品(查看大图)
- 历史(查看大图)
- 标签(查看大图)
- 时间归档(查看大图)
- 工具(查看大图)
- 搜索(查看大图)
- 站点地图(查看大图)
- 404(查看大图)
使用了腾讯公益的404页面
- 扁平化设计
- 文章阅读进度条
- 支持feed订阅
- 支持站内搜索,速度快
- 支持站点地图
- 首页图片懒加载
- 首页文章缩略图自动检索文章内图片,支持自动随机图片
- 支持阅读进度条
- 添加了一些波纹效果。By Waves
- 支持响应式
- 对IE浏览器的检测和警告
- 评论系统支持友言和Gitment
- 版权信息可配置
- 支持网站统计和文章推送
- 移动端的简洁设计
- 支持代码高亮并支持自定义高亮样式
- 支持Shell脚本一键使用Travis CI持续部署Hexo博客
本想支持IE6-IE8的,但后面觉得能进到这里来的估计只有技术员了吧,我相信做为一个合格的技术员都不愿意再使用IE6-IE8了,所以结论是只支持现代浏览器。
Chrome/Firefox/Opera/Safari/IE9+
执行下面命令,然后修改_config.yml
配置文件中theme
为 haizlin
.
git clone https://github.com/haizlin/blog-theme themes/haizlin
主题会不定时的优化和更新,更新主题代码:
cd themes/haizlin
git pull
默认:
menu:
网站首页: /index.html
专题系列: /categories/special/index.html
解决方案: /categories/solution/index.html
工具资源: /tools/index.html
我的生活: /categories/life/index.html
关于我们: /about/index.html
文章标签: /tags/index.html
时间归档: /archives/index.html
submenu:
订阅: /atom.xml
留言: /customization
widgets:
- search
- category
- calendar
- recent_comments
- links
- tagcloud
# - tag
# - archive
- weibo
excerpt_link: Read More
comment_link: Comments
# header头像
avatar: /img/default/avatar.png
# header右侧图片展示
ad:
# 百度分享
baidu_share: true
# 请到baidu_tongji.ejs中替换代码
baidu_tongji: true
# enable是否开启;height小挂件高度;url替换成自己的微博挂件地址,同步修改url中height的值
weibo:
height: 400
url:
# 评论提供可以选择 duoshuo 或者 wumii,无需评论,此处不填就行。
comment_provider: duoshuo
# 关联推荐提供可以选择baidu_tuijian 或者 wumii, 无需关联推荐,此处不填即可。
relate_provider: baidu_tuijian
# 多说,填写多说short_name
duoshuo_short_name:
# wumii,填写网站域名,例如:http://lupeng.me
wumii_siteprefix:
# 百度推荐,填写百度推荐ID,例如:hm_t_88638
baidu_tuijian_id:
# 百度统计 参考网站: [百度统计](https://tongji.baidu.com/)
baidu_anaylytics:
# 百度文章推送 参考网站: [百度站长](http://zhanzhang.baidu.com/)
baidu_push:
# Calendar
calendar:
language: zh-CN
root: calendar
avatar
头像URLbaidu_share
百度分享weibo
新浪微博duoshuo
多说评论wumii
无觅关联
- 设计模板
- 初始化hexo基础功能