MLi's Blog

Hexo学习1-用hexo创建博客并发布到github pages


安装和配置hexo

首先需要安装node.jsgit, 然后在命令行(或者window powerShell)下安装hexo:

npm install -g hexo

命令行进入到blog的上一级目录(比如说D://hexoRoot),创建一个hexo项目

hexo init hexoblog

这样,在hexoRoot目录下就创建了个hexoblog文件夹,进入到hexoBlog文件夹运行

hexo server

然后在浏览器窗口输入 http://localhost:4000/,就可以预览博客。

如果看不到,换一个端口试试,比如:

hexo s -p 3600

然后在浏览器窗口输入:

http://localhost:3600/

进行预览 最后安装插件(在命令行工具下,先进入到hexoBlog目录中执行下述命令):

1
2
3
4
5
6
7
8
9
10
11
12
13
npm install hexo-generator-index --save
npm install hexo-generator-archive --save
npm install hexo-generator-category --save
npm install hexo-generator-tag --save
npm install hexo-server --save
npm install hexo-deployer-git --save
npm install hexo-deployer-heroku --save
npm install hexo-deployer-rsync --save
npm install hexo-deployer-openshift --save
npm install hexo-renderer-marked@0.2 --save
npm install hexo-renderer-stylus@0.2 --save
npm install hexo-generator-feed@1 --save
npm install hexo-generator-sitemap@1 --save

发布hexo博客到github pages

  • github建立远程仓库

首先需要在github上建一个仓库名为username.github.io(username对应自己的github用户名,这里假设为zhangshan; github.io是则说明建的是个人用户页,不是项目页,两者区别参见:User, Organization, and Project Pages).这个项目的网址为(可在项目里查看):

zhangshan/zhangshan.github.io.git

  • 本地配置远程的git仓库

在本地进入到新建的hexoBlog文件夹里,配置_config.yml文件:

1
2
3
4
deploy:
type: git
repository: git@github.com:zhangshan/zhangshan.github.io.git
branch: master

然后执行如下命令:

1
2
3
hexo clean
hexo generate
hexo deploy
  • 浏览器窗口查看

输入https://zhangshan.github.io/就可以看到博客效果

参考资料