记Next主题从7.8.0升级至8.0.0 rc1
【hexo】记Next主题从7.8.0升级至8.0.0 rc1
记Next主题从7.8.0升级至8.0.0 rc1
本人网站:Itxiaojun 技术知识
大家好! 这是你第一次在CSDN里写博客,不足之处请大家多多包涵。
next主题以“精于心,简于形”深受大家的喜欢,现整理了本次升级到最新版本的记录,希望能帮到有需要的朋友。
8.0.0 rc1新的变化
对于新的版本,目前主要的变化是:
- 由于Icons 源的变化,在使用icon图标的时候有变化,例如:“home: / || fa fa-home”,原来的版本可能是“home: / || home”;
- leancloud的配置有变化;
- 增加了夜间阅读模式,并可进行相关配置;
- 页面底部的版权信息,去掉了版本号的显示。
[NexT 8.0.0-rc.2 Released]: https://theme-next.js.org/next-8-0-0-rc-2-released/
升级前的准备
NEXT主题历年的Github存储源
2014- 2017年
https://github.com/iissnan/hexo-theme-next
2018-2019
https://github.com/theme-next/hexo-theme-next
2020年
https://github.com/next-theme/hexo-theme-next
为了获取最新更新,请备份旧主题NexT的文件,并执行以下命令
git clone https://github.com/next-theme/hexo-theme-next themes/next
对于Hexo 5.0或更高版本
npm install hexo-theme-next
由于主题NexT的GIT存储库已更改,所以新升级的朋友们记得先要备份,在按以上方法升级为原则,以下是我的升级过程。
备份方法
暂停hexo server访问服务后,将./themes/next 复制到另一个文件夹(由于我之间创建的主题目录是next-seven,所以我次新建的主题目录是next-eight,备份目录是next-seven-back)
升级步骤
1、按照要求进行备份操作(可能操作系统不同,备份方式不同,请大家自己发挥)
2、在你的hexo站点目录下执行以下命令:
git clone https://github.com/next-theme/hexo-theme-next themes/next
由于我是按next版本进行分类,故我的执行命令如下:
git clone https://github.com/next-theme/hexo-theme-next themes/next-eight
3、安装完成
4、启用主题
编辑hexo站点目录下的_config.yml文件
在此处添加新主题的名称(可搜索theme)
注:由于我的next-eight的安装相当于重新安装,此方法可能相对于麻烦。
5、配置next-eight主题
Next主题配置的文档网址:
https://theme-next.js.org/docs/theme-settings/
大家也可参照此目录的文档进行操作
6、修改主题配置文件
路径及文件名发生变化,本步骤需要修改和配置的参数较多所以耗时较长,可安排好时间操作。
7、启动站点
当你把所有需要设置的参数完成的后在站点目录下执行:
Hexo server
即可看到新版本的next主题。
注意:由于采用的是全新安装,所以需要一些时间来配置。
以下是我修改配置本站的主要步骤:
路径及文件名发生变化
在页脚中增加多语言切换
Ico源有变化
简化了HEXO和NEXT主题页面底部版权的显示
栏目的图标显示发生改变(因为ICO源发生变化)
新版取消了参数设置
标记页的标记云设置
代码显示设置变化
设置自定义字体
代码中的seo字样已删除,但seo的功能仍然存在
新增自定义注释标题
以上是本人升级新版本的记录,升级过程中也遇见了很多问题,以上描述如有不妥之处请请多多指教为谢!