用hexo搭建github博客

1、hexo介绍、运行环境

1
2
hexo是一个基于Node.js的静态博客程序，可以方便的生成静态网页托管在github和Heroku上。
Nodejs安装：下载：http://nodejs.org/download/

2、配置Github

1
2
3
4
建立Repository:建立与你用户名对应的仓库，仓库名必须为“your_user_name.github.io”
Repository：必须是SSH形式的url（git@github.com:zhchnchn/zhchnchn.github.io.git），而不能是HTTPS形式的
配置SHH-Key
安装命令install node

3、Hexo安装与设置

1
2
3
4
5
6
安装命令npm install -g hexo;-g表示全局安装；
hexo init执行init命令初始化hexo到你指定的目录；
hexo generate自动根据当前目录下文件,生成静态网页；
hexo server运行本地服务；
浏览器输入http://localhost:4000就可以看到效果。
你可以按Ctrl+C 停止Server

4、添加博文

1
2
hexo new "postName" 新建博文,其中postName是博文题目
博文会自动生成在博客目录下source/_posts\postName.md

5、主题更改

1
2
3
个性化博客的设置，在博客的根目录下对喜爱的主题进行主题进行克隆
git clone git@github.com:yunlzheng/hexo-themes.git themes/writing；
在./_config.yml，修改主题为writing；theme: writing

6、部署到github

1
2
3
4
5
6
7
8
9
10
以上内容都是在本地进行查看, 现在将博客部署到github上
打开./_config.yml
找到 
Docs: http://hexo.io/docs/deployment.html
deploy:
  type:
改为
type: github
repository: git@github.com:zhchnchn/zhchnchn.github.io.git
branch:

7、测试

当部署完成后，在浏览器中打开http://zhchnchn.github.io/正常显示网页，表明部署成功。

8、总结、部署步骤

每次部署的步骤，可按以下三步来进行。
hexo clean
hexo generate
hexo deploy

9、总结：本地调试

在执行下面的命令后hexo g 生成 hexo s 启动本地服务，进行文章预览调试

命令总结

hexo new "postName" #新建文章
hexo new page "pageName" #新建页面
hexo generate #生成静态页面至public目录
hexo server #开启预览访问端口（默认端口4000，'ctrl + c'关闭server）
hexo deploy #将.deploy目录部署到GitHub
hexo help  # 查看帮助
hexo version  #查看Hexo的版本

留言

2015-07-26
▲