关于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 主题官网

【腾讯云】轻量 2核2G4M,首年65元

阿里云限时活动-云数据库 RDS MySQL  1核2G配置 1.88/月 速抢

本文由乐趣区整理发布,转载请注明出处,谢谢。

您可能还喜欢...

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据