基于Hexo构建个人博客并部署Github

摘要

hexo 是一款快速、简洁且高效的博客框架，本文介绍了如何基于 hexo 构建自己的博客，并将个人博客部署到 github 的 pages 服务，以供他人访问。

构建个人博客

安装 hexo

hexo 的安装依赖于 node.js 的安装，自行从 node.js 官网下载安装包进行安装即可，可以通过如下命令确认 node.js 是否安装 ok。

1	npm --version

确定 node.js 安装 ok 后，通过如下命令安装 hexo 并确认 hexo 安装 ok。

1 2	npm install -g hexo-cli hexo v

hexo 的基本使用

hexo 安装 ok 后通过如下命令初始化个人博客，并在本地进行部署，此时可以点击控制台的输出地址查看个人博客的界面。

hexo init blog
cd blog
npm install
hexo server

Xnip2022-05-01_22-19-53

hexo 的常用命令如下：

# 启动本地博客服务
hexo server
# 发布文章
hexo new post "文章标题"
# 创建草稿文档
hexo new draft "文档标题"
# 发布草稿文档
hexo publish post "文档标题"
# 本地预览草稿
hexo server --draft
# 生成博客
hexo g
# 清理博客
hexo clean
# 部署博客（下一小节说明）
hexo d

部署个人博客

创建个人 github 仓库

github 提供 pages 服务，可供部署个人博客，用于个人博客部署的仓库的名字必须为<你的 GitHub 用户名>.github.io。这样设置后，访问你的个人博客的地址就是 <你的 GitHub 用户名>.github.io。

hexo 部署 github 配置

hexo 部署 github 依赖于 hexo-deployer-git 插件，可通过下述命令进行安装。

1	npm install hexo-deployer-git --save

安装完成后，需要将新建的用于部署个人博客的仓库地址添加到 hexo 部署插件配置中。在 hexo 的配置文件 _config.yml 中新加如下配置，repo 的值替换为你的个人博客地址。

deploy:
  type: git
  repo: https://github.com/AprilYoLies/aprilyolies.github.io.git
  branch: master

完成后，可通过 hexo g 和 hexo d 生成博客文件并将其部署到个人仓库中。

自定义博客域名（可选）

默认情况下通过上述方法部署的博客，访问的域名为 <你的 GitHub 用户名>.github.io，有时我们需要使用自己的域名来访问自己的博客，此时需要使用到域名的 cname 方案。

首先我们需要拥有自己的域名，这个可以自行在云服务提供商那边备案后进行申请购买。完成后我们需要对域名进行 cname 解析配置，可以进入云平台的域名解析控制台进行配置。下图就是阿里云的配置方式，注意需要选择记录类型为 cname，其中主机记录为预期域名，记录值为目标域名（<你的 GitHub 用户名>.github.io），这样设置后就可以通过预期域名映射到你的个人博客域名。

Xnip2022-05-01_23-13-36