0%

Blog 升级记录

好久没有写博客啦😁,这段时间发生了很多事情...

由于之前的电脑机械硬盘挂了,导致之前在电脑上配置的 blog 环境全没了,没办法写 blog 了,不过好在 blog 的根目录拷贝下来了,原始文章还在,这已经是不幸中的万幸了😐。

之前忙着上班,没有什么时间折腾,最近闲下来了,可以好好把 blog 的环境配置一下。这不,花了几个小时的时间后,环境基本配置的差不多了。另外,趁着这次机会,顺便把使用的 Hexo 框架和 NexT 主题给升级了。

折腾过程

为了避免以后忘记一些细节,记录一下过程。

Hexo

由于之前的环境全挂了,为了安装 Hexo,还得重新安装 Node.js 环境。相比于好几年前,一步一步通过.exe文件来安装,这次用到的所有软件包全用的免安装版(也就是已经编译好的二进制版本),这意味着只需要解压到指定目录,然后配置下环境变量就可以了。这实际上也是我现在安装一些软件的做法了,为什么这么做?因为我不想让.exe安装包往 Windows 的注册表里面塞东西😂。

在 Node.js 可用之后,就可以使用与之前一样的命令来安装 Hexo 了:

1
$ npm install -g hexo-cli

NexT

下一步就是安装最新版的 NexT 主题,安装方式与之前一样:

1
2
$ cd hexo
$ git clone https://github.com/theme-next/hexo-theme-next themes/next

到这里,就可以讲原来的文章和配置文件逐步迁移过来了。由于之前用的 NexT 主题版本太老了,这次直接更新到最新版后,原先一些老旧的配置就无用了,还有 markdown 文档中之前关于图片引用的写法也不能再用了。

逐步调整之后,终于将博客环境重新配置好了,然后与目前托管在 Github 上的页面比对了下,发现还是少了一些插件。

Plugins

hexo-symbols-count-time

首先第一个是字数统计的插件,在 NexT 的配置文件中是默认开启的,所以直接安装就好了:

1
2
$ cd Hexo
$ npm install hexo-symbols-count-time

安装完成后,记得按照官方的提示在 Hexo 的配置文件中配置:

1
2
3
4
5
6
7
8
9
symbols_count_time:
symbols: true
time: true
total_symbols: true
total_time: true
exclude_codeblock: false
awl: 4
wpm: 275
suffix: "mins."

需要注意的是,首次安装、配置完成后,博客页面上显示的字数和阅读时间可能不正确,重新用 Hexo 生成一下静态页面就可以了:

1
2
3
$ cd Hexo
$ hexo clean
$ hexo g

hexo-generator-searchdb

第二个是本地搜索的插件,这个插件很久没有更新了,不过好在试了下,还能用。安装方法也差不多:

1
$ npm install hexo-generator-searchdb

然后在 Hexo 的配置文件中配置:

1
2
3
4
5
search:
path: search.xml
field: post
content: true
format: html

记得别忘了在 NexT 主题的配置文件中开启。

fancybox

fancybox 是一个用于查看图片的插件,继续安装:

1
2
$ cd Hexo
$ npm install --save @fancyapps/ui

然后,在 NexT 主题配置文件中开启即可。

总结

一通折腾之后,博客的环境重新搭建完成了,还有一些细节的地方暂时不管了,毕竟主要是用来写 blog 用的。总的来说,大概做了三件事:

  1. Hexo 3.9.0 -> 8.1.2
  2. NexT 5.x -> 7.8.0
  3. 更新插件

实际上,除了上面提到的三件事外,有两篇文章从坏掉的机械硬盘拷贝下来的时候损坏了,又花了点时间修复好了~
好啦,可以愉快的写 blog 了,这段时间发生的很多事情且听我慢慢道来...


Buy me a coffee ? :)