使用 Hexo 和 GitHub Pages 搭建博客

Hexo 是一个快速、简洁且高效的博客框架,GitHub Pages 是面向用户、组织和项目开放的公共静态页面搭建托管服务,站点可以被免费托管在 Github 上。

步骤被分为三步:

  1. 创建 GitHub Pages 仓库。
  2. 用 Hexo 生成博客。
  3. 发布到 GitHub Pages。

创建 GitHub Pages

只要你有 GitHub 账号就可以创建 GitHub Pages,其实就是创建一个仓库名为 yourusername.github.io 的仓库。

使用 Hexo 和 GitHub Pages 搭建博客_第1张图片
image.png

我的 GitHub 账号为 bebalance ,所以仓库名为 bebalance.github.io,创建好之后,即生成了一个 url 为 https://bebalance.github.io/ 的站点,以下都以这个账户名为例。

用 Hexo 搭建博客

  • 安装

npm install hexo-cli -g
  • 建站

hexo init 
cd 
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 
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 上去啦~
后面你就可以着手给博客制作主题,发布文章等一系列操作了~

你可能感兴趣的:(使用 Hexo 和 GitHub Pages 搭建博客)