简介
Hexo 是一个快速、简洁且高效的博客框架,支持 GitHub Flavored Markdown 的所有功能,而且选择 Hexo 也是因为目前它的插件和社区都比较成熟了,有问题都好解决。
看了文档简单搭建了一下,确实很方便,下面直接概括一下步骤。
环境准备
首先需要确定本地环境安装了 node 和 git,没有就去官网下载。
然后就可以安装 hexo 了
1 | npm i -g hexo-cli |
搭建 hexo
新建一个你的 Blog 文件夹并在终端打开(win 系统可以直接在文件夹右键 gitbash 打开)
使用 hexo init 指令初始化,init 可简写 i
1 | hexo i |
初始化完成后,文件夹结构如下
现在我们只需要关心 source 文件夹和 _config.yml 文件,后续我们的博客文件都是放在 source 里面的 _posts 文件夹下,_config.yml 是我们的配置文件。
接下来就可以创建我们的第一个博客了
创建博客
可以通过 hexo new “我的第一个博客” 指令创建,new 可简写 n
1 | hexo n "我的第一个博客" |
也可以直接去 _posts 文件夹下创建 md 文件,但是第一次接触不推荐。
预览博客
通过 hexo server 指令生成预览,server 可简写 s
此时我们浏览器访问本地 localhost:4000 端口就可以测试预览了。
1 | hexo s |
编译生成
这个时候我们需要把博客挂载到网上,就需要先将博客编译一下。
通过 hexo generate 指令生成预览,generate 可简写 g
1 | hexo g |
### 部署上传
编译完后会生成 public 文件夹,这里面就是我们的博客网站了,可以挂载到你自己的站点。
如果没有,这里我以 github 为例,首先创建一个 github 项目,项目名必须与帐户名一致,且后缀固定为 .github.io
在 Blog 文件夹下安装插件 hexo-deployer-git
1 | npm i --save hexo-deployer-git |
修改 _config.yml 文件,设置 type / repo / branch ,repo 值为刚才 github 创建的项目地址
修改完保存后,通过 hexo deploy 指令部署上传,deploy 可简写 d
1 | hexo d |
等下上传完毕后就可以通过刚才的项目 io 地址直接访问了,一个简单的博客就搭建完毕啦。
总结
再介绍一个 hexo clean 指令,会删除 public 文件夹,帮助清除缓存
注意后续所有的更新操作都是重复以上的编译和部署两个指令,hexo 会帮助我们把编译后的 public 文件夹上传。
对于主题样式替换可以浏览一下官网里的主题,跟着主题说明文档 clone 替换就可以了,非常简单。
更多详细配置可查看官网 https://hexo.io/zh-cn/