使用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-clinpm 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
  1. 设置npm的默认文件夹位置
  2. npm config set prefix '~/.npm-global'
  3. 在zshrc中设置环境变量
vim ~/.zshrc export PATH=~/.npm-global/bin:$PATH

  1. 重新加载环境变量
source ~/.profile
2 在本地建立hexo站点
  • 使用npm安装hexo
cnpm install -g hexo-cli
建立文件夹存放博客的文件夹,并在此文件夹下初始化hexo站点
mkdir blog cd blog hexo init

执行成功后会出现以下信息
INFOStart 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信息
【使用hexo搭建个人博客并部署在github】配置后
# 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

    推荐阅读