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)
- 创建新的文件夹
mkdir ~/.npm-global
- 设置npm的默认文件夹位置
-
npm config set prefix '~/.npm-global'
- 在zshrc中设置环境变量
vim ~/.zshrc
export PATH=~/.npm-global/bin:$PATH
- 重新加载环境变量
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/
- 安装插件
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