关于github:基于-Hexo-NexT-GitHub-的静态博客2020-年-8-月升级过程记录

早在 2017 年，我基于 Hexo + NexT 搭建了 GitHub 托管的动态博客。到当初快 3 年了，产生了很多变动，比方 Hexo 脚手架降级了 2 个大版本「目前最新 5.0 版」，Node.js 也降级了多个大版本，动态博客的性能进行了很多加强，为了赶上时代的潮流，故须要对之前搭建的动态博客底层框架进行全方面的降级。本文记录了残缺的降级过程。本文演示在 Mac 零碎下的操作过程。

首先展现降级后，主页最终成果：

本次降级计划如下：

1. 应用最新版脚手架工具创立新的动态博客我的项目
2. 将文章、Next 主题、Hexo 配置等迁徙至新版我的项目中

应用该计划，可确保不会呈现新老版本的兼容性问题，在稳定性、效率之间找到最好的平衡点。

工具筹备

依据 Hexo 官网的介绍，进行工具的筹备，首先确保零碎中已装置如下工具：

1. node.js「演示版本 13.12.0」
2. git

而后在终端顺次执行如下 bash 指令：

# 国内执行 cnpm 命令更快更不便
npm install hexo-cli -g
hexo init blog
cd blog
npm install
hexo server

初始动态博客我的项目曾经能够在本地运行起来了，接下来集成最新版 NexT 主题，依据 NexT 官网的领导，间接执行如下指令：

git clone https://github.com/theme-next/hexo-theme-next themes/next

关上 Hexo 配置文件，更改主题：

theme: next

装置 git 部署插件

npm install hexo-deployer-git --save

接下来能够开始筹备数据的迁徙工作了。

配置及文章迁徙

只须要进行如下两步，即可实现迁徙工作：

1. 将 Hexo 目录下的 _config.yml 配置，以及主题目录下的 _config.yml 配置迁徙至新的我的项目中
2. 将 Hexo 目录下的 source 目录整体迁徙至新的我的项目中

新版性能变更

1. 在新版 NexT 主题的配置文件中，新增了很多基于 jsdelivr.net 的可选 CDN 服务，关上后能够保障三方资源文件的极快加载，倡议关上。
2. Hexo 的官网文档中，介绍了文章中插入图片的三种办法，不过无论是哪种办法，在应用本地 Markdown 编辑器进行文章编写时，都无奈预览图片。为了解决此问题，能够装置一个图片门路转换的插件 hexo-asset-image，然而该插件目前处于废除状态。目前未找到好的解决办法，临时实用官网举荐的「相对路径的标签援用」。
3. icon 资源的援用格局呈现了变动，详情能够参考配置示例，须要留神变更。

感触

尽管 Hexo + NexT 整体降级了 1 到 2 个大版本，细节性能明显增加了很多「从配置的规模就可以看进去」，页面细节更加现代化，然而主体性能并无变动。首次迁徙后，呈现局部图片、图标找不到的状况，后续通过钻研后都失去了解决，并无其余问题，体验相比原来达到了 105% 的程度，举荐降级。

参考链接

1. Hexo 中完满插入本地图片
2. Hexo 脚手架官网
3. NexT 主题官网