使用hexo搭建个人博客并部署在github

1 环境配置

1.1 安装node.js和git

node.js在mac下直接下载dmg文件安装即可

git在mac下通过brew安装

1.2 安装cnpm

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

加快npm的速度

1.3 bug

在初次使用npm时会遇到文件夹权限问题

npm install -g hexo-cli

npm WARN checkPermissions Missing write access to /usr/local/lib/node_modules

官方给出的解决方案之一是改变npm默认文件夹的位置

参考链接

## Manually change npm’s default directory§](https://docs.npmjs.com/resolving-eacces-permissions-errors-when-installing-packages-globally#manually-change-npms-default-directory)

1. 创建新的文件夹

mkdir ~/.npm-global

2. 设置npm的默认文件夹位置

3. npm config set prefix '~/.npm-global'

4. 在zshrc中设置环境变量

vim ~/.zshrc
export PATH=~/.npm-global/bin:$PATH

4. 重新加载环境变量

source ~/.profile

2 在本地建立hexo站点

• 使用npm安装hexo

cnpm install -g hexo-cli

建立文件夹存放博客的文件夹，并在此文件夹下初始化hexo站点

mkdir blog
cd blog
hexo init

执行成功后会出现以下信息

INFO  Start blogging with Hexo!

• 创建博客

hexo n "first blog"

等价于hexo new "first blog"

• 清理hexo缓存文件和已生成的静态文件

hexo clean

• 生成静态文件

hexo g

等价于hexo generate

• 启动hexo服务起
  hexo s
  等价于hexo server
• 本地参看
  默认情况下，访问网址为： http://localhost:4000/

3部署到github

• 安装插件
  cnpm install --save hexo-deployer-git

• 创建github仓库

  仓库名必须是github用户名.github.io

• 配置_config.yml文件
  open -t _config.yml

  配置前

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: ''

添加type repo branch信息

配置后

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type: git
repo: https://github.com/mengdong824/mengdong824.github.io.git
branch: master

• 部署在github

hexo d 等价于hexo deploy

4 更换主题

更换next主题

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

在_config.yml文件中修改theme名为next

  # Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: next

5 优化主题

添加评论系统，阅读量统计等。
参考：

http://theme-next.iissnan.com/getting-started.html#theme-settings

http://jeffyang.top/Hexo/Hexo%E4%B8%BB%E9%A2%98Next%E7%BE%8E%E5%8C%96/

https://www.jianshu.com/p/f054333ac9e6