使用Hexo搭建博客

1 准备阶段

• 安装node.js
  • 下载地址：https://nodejs.org/en
  • 查看版本：node -v以及npm -v
• 国内安装cnpm，使用淘宝镜像

npm install -g cnpm --registry=http://registry.npm.taobao.org

• 安装hexo框架

cnpm install -g hexo-cli

2 初始化博客并测试

• 打开终端，在当前文件夹新建myblogs文件夹用于存储博客所有相关内容

mkdir myblogs

• 进入myblogs文件夹，之后所有的操作都在该文件下进行

cd myblogs

• 初始化博客

hexo init

• 生成博客静态网页文件

hexo g

• 启动本地博客进行测试，启动后本地访问地址http://localhost:4000/，使用Ctrl+C终止

hexo s

3 新建博客文档

• 新建博客文档，将"blog name"替换为需要的博客名称

hexo n "blog name"

• 在source/_posts文件夹下出现以"blog name"命名的.md文件，使用Vim等修改博客内容，博客使用Markdown语法书写
• 重新生成静态网页文件

hexo g

4 更换主题

• 可在主题界面挑选喜欢的主题类型，所有主题更换方式类似，此处以yilia主题为例。首先下载主题

git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia 

• 修改_config.yml文件中theme内容为yilia，默认内容为landscape
• 变更主题后，生成博客前需要先清除缓存

hexo clean

• 重新生成

hexo g

5 部署至GitHub

5.1 安装插件

• 在myblogs文件夹安装git部署插件

cnpm install --save hexo-deployer-git

5.2 添加SSH密钥

• 生成SSH密钥，其中"your_email@example.com"为你的GitHub账号电子邮件地址

ssh-keygen -t rsa -b 4096 -C "your_email@example.com"

• 复制刚生成的.ssh/id_rsa.pub文件中的所用内容，进入GitHub设置界面->SSH and GPG keys -> New SSH key，将复制的内容粘贴进去，Title任意
• 输入下面第一行代码，若提示第二行的内容，则表示配置成功

ssh -T git@github.com
Hi YourGitHubName! You've successfully authenticated, but GitHub does not provide shell access.

5.3 配置部署信息

• 在GitHub创建一个仓库名为"YourGitHubName.github.io"，其中YourGitHubName为GitHub的账号名

• 配置_config.yml文件，该文件在当前文件夹下，将Deployment内容修改成如下形式，注意将YourGitHubName替换为GitHub的账号名

# Deployment
## Docs: https://hexo.io/docs/one-command-deployment
deploy:
  type: git
  repo: git@github.com:YourGitHubName/YourGitHubName.github.io.git
  branch: master

• 将博客部署至GitHub仓库

hexo d

5.4 添加域名

• 前往阿里云等网站注册一个域名，如xxx.cn

• 修改_config.yml文件中url内容为https://xxx.cn

• 在source/文件夹下创建没有后缀的CNAME文件，写入xxx.cn

• 前往GitHub仓库，找到Settings -> Pages -> Custom domain，填入xxx.cn

• 前往域名注册网站，进入域名控制台，选择刚购买的域名，点击解析进入解析界面，增加两条如下

  • 点击添加记录，记录类型选择CNAME，记录值填写YourGitHubName.github.io.git，点击确认
  • 点击添加记录，记录类型选择CNAME，主机记录填写www，记录值填写YourGitHubName.github.io.git，点击确认

• 至此，域名添加完成