0%

创建hexo博客教程

1. 新建仓库

上 github 新建一个仓库,仓库名必须为 .github.io 格式,其中 是你 github 的昵称。不要问我为什么,问我我也不想回答你。

2. 全局安装hexo

打开命令行,输入下面的命令,全局安装 hexo。

1
npm install -g hexo

3. 初始化项目

Just one 命令,hexo init,就会自动构建一个 hexo 项目,紧接着执行 hexo s,浏览器访问 localhost:4000 就可以看到效果啦!过程一定要快,凉了就不好吃了!

1
2
3
4
hexo init

// 本地运行
hexo s

4. 部署到github

快速在项目根目录下找到 _congif.yml,找到 deploy 字段并填写完整,下面请开始你上学时最擅长的事情:抄写!

1
2
3
4
5
6
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type: git
repo: <你的仓库地址> # https://github.com/TJ-XiaJiaHao/TJ-XiaJiaHao.github.io
branch: master

抄写完毕!但是!我们需要额外的一个工具来帮助我们推到仓库上,那就是!那就是!那就是 hexo-deployer-git。搞它!

1
npm install hexo-deployer-git --save

万事俱备,只欠东南风!执行下面两个命令,就可以把项目自动部署到 github 上。
这俩命令顺序一定不能错

1
2
3
hexo clean

hexo deploy
  1. 查看效果

浏览器访问:https://lujianyun06.github.io/ 即可看到效果。
至此,已经完成了个人博客的搭建,也可以在浏览器中访问,下面将介绍一些常用的野外生存技能。

如何创建新文章

1
2
3
4
// [layout] 为布局,可选项为 `post`、`page`、`draft`,这将决定文章所在文件路径。
// <title> 为文章标题
// 如 hexo new post 除了帅气,我还有啥!
hexo new [layout] <title>

更换主题皮肤
风格不喜欢?换之。

更换主题流程:下载主题 -> 配置主题,以 xoxo 为例

下载到themes文件夹下

git clone https://github.com/KevinOfNeu/hexo-theme-xoxo xoxo

修改 _config.yml 配置

theme: xoxo
部署优化
每次都要执行 hexo clean 和 hexo deploy,不如写个新的脚本

1
2
3
// package.json
"dev": "hexo s",
"build": "hexo clean && hexo deploy"

部署命令

1
npm run build