Hexo介绍

选择

选择Hexo也是个巧合,最近在看怎么使用github pages来生成网站,官方推荐Jekyll(github 默认pages 引擎),还有兼容Jekyll的Octopress


以下为部分静态网站生成器简要列表:

1. Ruby

Jekyll (github 默认pages 引擎)

Octopress (兼容jekyll)

2.Python

Hyde Jekyll的Python语言实现版本

Cyrax 使用Jinja2模板引擎的生成器

3.PHP

Phrozn PHP语言实现的静态网站

4.JS

Hexo


刚开始我也有用Octopress,生成非常的方便,但一直有个问题,中文分类搞得我头疼,虽然后面2.1版本已经解决了,后来不经意之间发现了Hexo。

Hexo

Hexo这是一位台湾的同学 @tommy351基于Node的静态博客网站生成器,目前已经发布到1.1.3

本博客使用了默认的主题:hexo-theme-light

有很多的特性:

1.Gallery Post

1
2
3
4
5
6
7
---
layout: photo
title: Gallery Post
photos:
- http://i.minus.com/ibobbTlfxZgITW.jpg
- http://i.minus.com/iedpg90Y0exFS.jpg
---



2.Link Post

1
2
3
4
5
---
layout: link
title: Link Post
link: http://www.google.com/
---



3.Tweet Widget



4.Fancybox

安装

官方文档上也写的很清楚,参考安装

改造(持续)

1. 分享

themes/light/layout/_partial/article.ejs中的<%-partial('post/share')%一行删掉,替换为百度分享的代码。

2. 评论

添加评论:
将themes/light/layout/_patrial/comment.ejs中的config.disqus_shortname &&删掉,

内替换为多说提供的代码。

写作

1.创建

1
2
3
4
hexo new "New Post" -> source/_posts/new-post.md
hexo new page "New Page" -> source/new-page/index.md
hexo new draft "New Draft" -> source/_drafts/new-draft.md
hexo new photo "New Gallery"

2.生成静态文件

1
hexo generate

3.启动服务器

1
hexo server

输入http://localhost:4000 预览

4.部署

1
hexo deploy

这些是基本的使用,详细操作,直达链接:Hexo docs

yeungeek wechat
欢迎您扫一扫上面的微信公众号,订阅我的博客!
曾经有一份打赏放在我面前,我没有珍惜.如果上天给我再来一次的机会,我会说三个字:赏死我.