(32)试着学 Hexo-番外篇之更新 Hexo

前言

更新这件事情其实非常的重要,但 Hexo 在更新上是真的非常麻烦,所以额外撰写了番外篇来介绍如何更新 Hexo。

更新 Hexo

在我撰写「试着学 Hexo」系列的时候,其实 Hexo 已经默默从 Hexo4 更新到 Hexo5,因此本篇我就会直接从 Hexo 3.9.0 跳到 Hexo 5.2.0。

在前面其实有说过 Hexo 在更新上非常的麻烦,那麻烦程度是什麽呢?其实就是直接重新建立一个 Hexo 啦

WT...

在此我会建议先更新自己本身电脑的 Hexo CLI 才可以唷(目前版本是 4.2.0)

(这边要注意 Hexo5 必须要 Node.js 10 以上才能运作唷。)

安装完毕之後基本上流程与「试着学 Hexo - 认识 Hexo 目录结构」差不多,所以以下就快速贴上指令带过

hexo init blog # 部落格名称自订

建立完毕後打开 package.json 就可以看到 dependencies 中的 "hexo" 是显示 5.0.0

调整 _config.yml

更新这一段 _config.yml 是非常麻烦的,而且又不能直接复制贴上,因此新版 Hexo 调整了非常多地方,建议使用一些比对工具来重新回填

其实网路上比对工具满多的,所以挑选自己习惯的就好了

https://ithelp.ithome.com.tw/upload/images/20201031/20119486wabv7FEdJe.png

(这一段相对麻烦很多,但如果你想体验到 Hexo 最新的话,那就只能认命。)

Hexo 5 与 Hexo 4 差异

在最新版来讲,编译速度是不用多说,就是有提升,如果你跟我一样是使用旧版 3.9.0 的人,在更新到 Hexo 5 或 4 之後会有很大的感受(尤其是文章有破百篇的状况下)

但是在这边我自己觉得 Hexo 5 之後最大特色大概就是主题终於使用 npm 来安装而不是使用 git clone,当然 Hexo 5 还是有保留原有的 theme/[主题名称] 建立方式,但有好 npm 你能不用吗?

除此之外这次高亮不再只有 highlight.js 也加入了 Prism.js 所以整个功能上也大大的提升,其他的部分你可以去看官网解释比较快

Hexo 5.0.0 Released

基本上在设置上是没有太大差异,所以这边就不花太多时间介绍 _config.yml

我必须说更新这条路真的是坑,尤其是主题这部分,但这次的 Hexo 5 更新,其实对於主题的更新上就方便许多,所以下一篇就会来针对 NexT 的更新来介绍,那如果你是 Hexo 3.9.0,我是真心建议你可以更新到至少 Hexo 4,整体编译速度上真的快超多。

参考文献


<<:  JS 作用域 DAY47

>>:  [DAY12]跟 Vue.js 认识的30天 - Vue 模组资料传递(`props`)

[面试][後端]请简述 Node.js 的 Event Loop

熟悉的起手式:「我方便问你一个 Node.js 核心的问题吗?」 这是一个在了解後,无论面试还是工...

Day 26 排程管理

Day 26 排程管理 假设今天在架设一台服务器运作使用时,但很怕资料库或程序被误删等状况,这时候就...

(29) 试着学 Hexo - 奇淫技巧 - 快速上传你的图片到 imgur

前言 接下来来讲讲如何透过 VSCode 快速上传图片到 imgur 吧! imgur 前面章节「(...

Day15. Inheritance & Super - Ruby 继承 part2

在 Day2 提到过,Ruby为单一继承的语言。若我们要实现多重继承的话,我们在 Day14 提到可...

DAY9 资料室--Vuex初创Store

前言 前面两篇我们已经大约了解了 Vuex 的运作模式,所以现在让我们来用个简单的例子实际运用看看吧...