开始使用hexo in mabao-theme

一个码盲第一次尝试搭建 静态BLOG
一定要看 http://hexo.io 文档很丰富

凭着仅有的一点前端技术对theme进行的修改再设计
基于hexo 静态模版发布系统，github fork hexo-theme-casper

mabao-theme是基于 hexo 制作的主题。
响应式设计，风格简约， 你可以点击 我的博客 查看效果。
Preview: live demo

关于主题：

• 喜欢极简，markdown 样式很关键
• 干净、干净、干净
• 用了disque评论，喜欢这风格，你们评不评不重要
• 主题兼容性没测试，对于视觉党这儿不重要
• 可以响应，但移动访问很慢 （可能是github 的原因，或许是我没写好）

update

• 添加导航Nav
• 添加字体图标
• 修改样式style
• 改进theme

前提

1. 安装hexo

$ npm install hexo -g
$ hexo init blog
$ cd blog
$ npm install
$ hexo server

2. 安装 mabao-theme

• 2.1 目录安装
  
  Clone in Desktop

将mabao-theme 放入你的blog 目录 theme 下
myblog/theme/mabao-theme

• 2.2 终端命令安装

$ git clone https://github.com/moretwo/hexo-theme.git

Enable

Modify theme setting in _config.yml to casper.（casper 是我参考的模版 名，表示尊重我就不修改了）
主题配置文件在主目录下的_config.yml：

Configuration

# config
##*这写 背景图片和LOGO的路径，还有个人简介*
cover: /img/img-bg.jpg
logo: /img/logo.svg
bio: 作为挨踢业的伪设计狮伪技术牛 搬过砖也种过地：爱看、爱听、爱玩儿、爱折腾、机械水电、泥瓦木匠啥都来
# Content
excerpt_link: Read More

# Header  nav
menu:
Home: /
Archive: /archive
Images: /images
Wiki: /wiki
Favorites: /favorites
Contact: /contact

##Private: /private
##nav.fonticon.css
navclass:
Home: icon-home
Archive: icon-news
Images: icon-image
Wiki: icon-wiki
Favorites: icon-Favorites
Contact: icon-mail

##Private: icon-lock
rss: /atom.xml

资料

1. https://github.com/hexojs/hexo/wiki/Themes
2. http://leeluolee.github.io/2013/03/02/use-hexo
3. https://github.com/moretwo/hexo-theme
4. http://zipperary.com/2013/05/28/hexo-guide-1