Hexo 是一个快速、简洁且高效的博客框架,GitHub Pages 是面向用户、组织和项目开放的公共静态页面搭建托管服务,站点可以被免费托管在 Github 上。
步骤被分为三步:
- 创建 GitHub Pages 仓库。
- 用 Hexo 生成博客。
- 发布到 GitHub Pages。
创建 GitHub Pages
只要你有 GitHub 账号就可以创建 GitHub Pages,其实就是创建一个仓库名为 yourusername.github.io
的仓库。
我的 GitHub 账号为 bebalance
,所以仓库名为 bebalance.github.io
,创建好之后,即生成了一个 url 为 https://bebalance.github.io/
的站点,以下都以这个账户名为例。
用 Hexo 搭建博客
-
安装
npm install hexo-cli -g
-
建站
hexo init <folder>
cd <folder>
npm install
-
启动服务器
▶ hexo server
INFO Start processing
INFO Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.
默认情况下,访问网址为: http://localhost:4000/ ,到这一步就可以看到生成的默认主题的博客啦~
发布到 GitHub Pages
-
生成静态文件
上一步启动服务器之后,就放着别动了,新开一个 Terminal 窗口,重新切换到项目目录,并执行以下命令。
cd <folder>
hexo generate
- 该命令可以简写为 `hexo g`
-
配置部署参数
open _config.yml
打开配置文件 _config.yml
,编辑如下:
deploy:
type: git
repo: https://github.com/bebalance/bebalance.github.io.git
branch: master
需要注意的是: _config.yml 文件格式特别的严谨! 少了一个空格或者多一个空格都不是错的,所以这个文件请不要随便减少空格,或者多加空格。
deploy后面的每一行都要缩进一个空格,属性名冒号后面也需要留一个空格。 (简书的代码格式竟然不显示缩进。。。)
-
安装部署插件
npm install hexo-deployer-git --save
-
部署
hexo deploy
- 该命令可以简写为
hexo d
访问 https://bebalance.github.io/ 就可以看到已经将你本地配置好的博客发布到 GitHub Pages 上去啦~
后面你就可以着手给博客制作主题,发布文章等一系列操作了~