1. 新建仓库
上 github 新建一个仓库,仓库名必须为
2. 全局安装hexo
打开命令行,输入下面的命令,全局安装 hexo。
1 | npm install -g hexo |
3. 初始化项目
Just one 命令,hexo init,就会自动构建一个 hexo 项目,紧接着执行 hexo s,浏览器访问 localhost:4000 就可以看到效果啦!过程一定要快,凉了就不好吃了!
1 | hexo init |
4. 部署到github
快速在项目根目录下找到 _congif.yml,找到 deploy 字段并填写完整,下面请开始你上学时最擅长的事情:抄写!
1 | # Deployment |
抄写完毕!但是!我们需要额外的一个工具来帮助我们推到仓库上,那就是!那就是!那就是 hexo-deployer-git。搞它!
1 | npm install hexo-deployer-git --save |
万事俱备,只欠东南风!执行下面两个命令,就可以把项目自动部署到 github 上。
这俩命令顺序一定不能错
1 | hexo clean |
- 查看效果
浏览器访问:https://lujianyun06.github.io/ 即可看到效果。
至此,已经完成了个人博客的搭建,也可以在浏览器中访问,下面将介绍一些常用的野外生存技能。
如何创建新文章
1 | // [layout] 为布局,可选项为 `post`、`page`、`draft`,这将决定文章所在文件路径。 |
更换主题皮肤
风格不喜欢?换之。
更换主题流程:下载主题 -> 配置主题,以 xoxo 为例
下载到themes文件夹下
git clone https://github.com/KevinOfNeu/hexo-theme-xoxo xoxo
修改 _config.yml 配置
theme: xoxo
部署优化
每次都要执行 hexo clean 和 hexo deploy,不如写个新的脚本
1 | // package.json |
部署命令
1 | npm run build |