追求简洁清爽的Hexo主题,界面设计部分采用了Semantic UI (其实是自己做了半天发现审美捉急)。
A simple and cool hexo theme with Semantic UI in UI design
- Responsive | Comfortable dynamic effects
- Archive | Tags | Info widgets
- Involve disqus and duoshuo comment module
- Involve swiftype search module (need adjust by yourself)
- Init theme, now it can be used properly.
- Improve the style and effect in cellphone.
//Init blog folder
$ hexo init blog
$ cd blog && npm install
//Add dependencies
$ npm install --save hexo-renderer-jade hexo-renderer-scss hexo-generator-feed hexo-generator-sitemap hexo-browsersync hexo-generator-archive
//clone theme
$ git clone https://github.com/littlewin-wang/hexo-theme-casual themes/casual
//Then update your blog's _config.yml(yourblog/config.yml) to use the theme.
# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: casual
- In blog root dir
$ hexo new page tags
- Modify source/tags/index.md
---
title: tags
layout: "tags"
---
- In blog root dir
$ hexo new page about
- Modify source/about/index.md
---
title: About me
layout: "about"
---
//Add personal info you'd like to add
Add files to themes/casual/source/ and modify _config.yml
avatar: /avatar.png
favicon: /favicon.png
Just modify _config.yml
aboutme: 朝着前端打怪升级中 | 目前从事闪存产品的固件和测试工具开发工作 | 多特蒙德死忠
social:
github: http://github.com/littlewin-wang
twitter: http://twitter.com/littlewin_wang
weibo: http://weibo.com/fredinweibo
Modify disqus(or duoshuo) items, value is your disqus(or duoshuo) id.
# Comment
# e.g disqus: seansun
disqus:
duoshuo: littlewin
Set true
in swift_search
item in _config.yml
# Search
swift_search: true
then change the code in themes/casual/layout/partial/script.jade
//- swiftype search
- var ss = theme.swift_search
if ss
script
| (function(w,d,t,u,n,s,e){w['SwiftypeObject']=n;w[n]=w[n]||function(){(w[n].q=w[n].q||[]).push(arguments);};s=d.createElement(t);e=d.getElementsByTagName(t)[0];s.async=1;s.src=u;e.parentNode.insertBefore(s,e);})(window,document,'script','//s.swiftypecdn.com/install/v2/st.js','_st');
| _st('install','TvAnFS4AVxjiJUvrZJRB','2.0.0');
Pls refer to User guide
Email: littlewin.wang@gmail.com