【记录】hexo + NexT搭建个人博客

特别感谢Neveryu，遵循他的博文我成功搭建起了自己的hexo + NexT博客
这篇博文仅记录我的搭建过程，不对细节做过多探究，如需深究，请参见Neveryu的博文
https://neveryu.github.io/2016/09/03/hexo-next-one/
https://neveryu.github.io/2016/09/30/hexo-next-two/

概述

• hexo是一个开源的博客框架，基于node.js
• NexT是hexo框架的一个流行的主题

前期准备

• 安装git && Node.js
  因为我已经在windows上安装了git，所以只需要安装Node.js

安装Node.js

• 安装nvm（node version management）
  下载地址 https://github.com/coreybutler/nvm-windows/releases 选择nvm-setup.zip
• 使用nvm方式安装node.js
  type nvm install latest 验证安装成功 type node -v

  安装nvm的时候会让你选择nvm和你之后要装的nodejs的路径，这两个路径会被添加到path
  install nodejs后，需要nvm use ${nodejs-version}，否则可能node和npm指令不能用

安装hexo

• hexo是基于node.js的开源框架，所以可以使用npm方式安装。

  nvm安装node.js，npm安装项目

  type npm install -g hexo-cli

使用hexo搭建本地博客

• 在本地博客根路径下，type hexo init 完成hexo初始化

• type hexo g 实现“source/_post/”路径下所有.md和.html文件cp到public文件夹下（没有则会创建）

• type hexo s --debug 启动hexo

  此时你应该能在 localhost:4000 中看到你的hexo博客

如果你安装了FoxitReader,port:4000会被占用，可以type hexo s -p 5000 --debug

使用NexT主题

• NexT主题在git上开源，在本地博客根目录下可以直接clone, type
  git clone https://github.com/iissnan/hexo-theme-next themes/next
• 启用NexT主题：编辑_config.yml，将theme字段的值改为next

本地调试三部曲

hexo clean
hexo g
hexo s -p 5000 --debug

• 这三个命令的组合适用于你增删了新的md博文
• 如果你只是对已经publish的博文进行修改，只需要修改本地md文件，刷新localhost即可生效
• md编辑器使用的是vs code

部署本地hexo博客到GitPage

• 首先需要在GitHub上新建一个repo，名字为：dcbupt.github.io
• 配置本地的git全局信息
  • git config --global user.name "username"
git config --global user.email "yourEmail"
• 安装hexo的git部署工具
  • npm install hexo-deployer-git --save
• 修改_config.yml

  url: http://dcbupt.github.io
  deploy:
        type: git
        repository: https://github.com/dcbupt/dcbupt.github.io.git
        branch: master
        message: 'Daily updated：{{now("YYYY-MM-DD HH:mm:ss")}} by Forwarddc personal PC'

• hexo部署三部曲

  hexo clean
  hexo g
  hexo d

  用hexo new写博文

  hexo new YrArticle命令默认是跟post，即会在 source/_posts/ 下创建YrArticle.md