打算使用hexo建立自己的静态博客。
hexo是nodejs应用,下面记录了从新的系统安装,使用hexo的全过程
安装nodejs
nodejs版本更新很快,nvm是比较好的node版本管理工具。
先安装nvm,然后使用nvm安装node
linux
1 | # git and source nvm |
windows
从下面的地址下载nvm for windows安装包,然后一路回车安装完成即可。
https://github.com/coreybutler/nvm-windows
https://github.com/coreybutler/nvm-windows/releases
安装完成以后,nvm安装目录为c:\Users\username\AppData\Roaming\nvm\
安装node
1 | nvm install latest 32 |
安装cnpm
淘宝有个npm镜像,速度很快
淘宝npm镜像推荐使用cnpm,那么先安装cnpm
1 | npm install cnpm -g --registry=https://registry.npm.taobao.org |
安装hexo
假定博客目录为~/hexo
1 | cnpm install hexo-cli -g |
修改配置文件~/hexo/_config.yml
,主要修改site、url和deploy三个地方,其余使用默认值就可以
修改site配置,包含了静态博客站点的基本信息
1 | title: 折腾手记 |
修改URL配置,指向真实的博客地址
1 | url: http://lyallchan.github.io |
修改deploy配置,能使用hexo直接部署博客
这里使用的是github.io的空间
1 | deploy: |
安装maupassant主题
1 | cd ~/hexo |
maupassant的配置文件为theme/maupassant/_config.yml
,根据实际情况修改,比较简单。
修改~/hexo/_config.yml
的theme配置,使得maupassant主题生效
1 | theme: maupassant |
文章生成和部署
用hexo new生成新文章,用hexo deploy直接可以部署,如果要本地查看,hexo server在localhost:4000生成本地的博客,可在浏览器中查看
新文章
1 | cd ~/hexo |
部署
1 | cd ~/hexo |
本地查看
1 | cd ~/hexo |
整个博客环境的备份和迁移
github上建个新的工程,将整个~/hexo
目录git管理起来即可。
换台机器,先安装好了node和cnpm,将博客git clone下来,进入目录后,cnpm install
即可建立起博客环境。
假定新的环境目录为~/blog
1 | cnpm install hexo-cli -g |
有几个目录不需要git,相应的.gitignore的内容为
1 | .DS_Store |