A-A+

使用Hexo在github上搭建静态博客

2015年01月18日 交互设计 评论 3 条 阅读 6,779 次

什么是hexo?

hexo出自台湾的@tommy351之手,一个基于Node.js的静态博客程序,可以很方便的生成静态网页托管于github、gitcafe和Heroku,类似于jekyll,但Jekyll需要的git命令稍有点繁琐。

为什么要用hexo?

引用下作者的话:

不可思议的快速 ─ 只要一眨眼静态文件即生成完成

支持 Markdown语法

仅需一道指令即可部署到 GitHub Pages 和 Heroku

已移植 Octopress 插件

高扩展性、自订性

兼容于 Windows, Mac & Linux

前期准备(以下全部针对Windows用户):

1.搭建Node.js环境 (参考文章:在Windows下搭建nodejs环境以及配置npm

2.注册github账号并如何配置(参考文章:github入门教程 — Windows平台下如何将项目华丽的提交到Github上

等以上操作完成后,然后创建项目:

项目名:username.github.io

安装hexo,打开cmd命令(记得配置node.js环境变量)

    npm install hexo -g

初始化Hexo

mkdir blog

cd blog

hexo init

npm install

hexo server

你的Hexo就在本地部署好了,浏览器输入 http://localhost:4000 就可以看到效果。

如何部署到github上,并且以username.github.io的形式访问?

编辑_config.yml,修改成你的email和username,保存。

如果你是为一个项目制作网站,那么需要把_config.yml里的branch设置为gh-pages 另外,编辑_config.yml文件时,注意空格。

通过Git Bush,执行下列指令即可完成部署。

hexo generate #生成静态页面,会在public 目录下生成一系列html,css等文件。

hexo deploy

hexo deploy时出现Error: spawn ENOENT的解决方案:

如果你安装msysgit客户端,一路默认安装,在cmd中执行hexo deploy时,会出现Error: spawn ENOENT,切记这步用Git Bush,cd到blog文件夹下执行以上命令。

待续...

3 条留言  访客:3 条  博主:0 条

  1. 酷特尔

    只是做博客,感觉用处不大啊。玩玩可以。静态博客。

  2. FROYO

    Github访问不太方便啊

  3. 小众网站

    很酷,但是长期使用不一定合适

给我留言