博客换个框架

今天没事打算看了眼自己的博客,发现因为工作的关系好久都没有更新了。之前想实现的东西基本都没有实现;首页还空着摆了好多空地,想来实在是不太美观,于是决定换个框架。调研了一下市面上的成熟方案,HEXO 似乎不错,经过两天的研究,最终还是部署上线了。
而且好久没有更新博客了,就写篇文章大概记录一下整个过程吧。

HEXO 快速开始

喜闻乐见的npm install

1
npm install -g hexo

生成一个 HEXO 工程并安装依赖:

1
2
3
hexo init <folder> 
cd <folder>
pnpm install

生成一篇新博文:

1
hexo new "<title>"

然后在source/_posts下就能看到新建的文章,写就行了。

最后,启动本地服务:

1
hexo server

在 localhost:4000 就能看到效果。

配置

基础

基础的 HEXO 配置都在根目录的_config.yml 里面,照着注释填就行,没什么难度,包括网站的 url 以及作者之类的信息。

主题

HEXO 设置主题也很简单,直接把对应主题的 git 库下到 themes 文件夹下,然后在_config.yml换成对应的主题就行。笔者看了一圈还是 NEXT 最对胃口。NEXT 也提供了丰富的主题配置,在根目录下新建一个叫_config.next.yml 的文件然后一样跟着注释填就行,里面还考虑到了 ICP 备案的问题,好评。

部署

直接执行如下命令就可以在项目的 public 目录下找到静态网站产物:

1
hexo generate

最后把产物扔到 ECS 里面再改一下 nginx 配置就大功告成了。

总结

基于 JS 的东西真是好用简单,感觉现成的主题也比自己纯手搓一个好看~