Hexo换Next主题遇到的各种问题

前边讲到Hexo搭建完博客后想要换个主题,当时换的主题没啥问题后边又换了几个版本试试,结果出现了各种问题无法显示,显示css样式错乱啊,版本导致的函数功能,以及后边没有对应文件,这都是我自己尝试过程中遇到的各种问题,还有一些忘记截图了,真是自己走一遍流程各种问题都出来了。

版本低无法正常显示

下载主题一切流程都正确,本地打开无法正常显示

解决方案:npm i hexo-renderer-swig

版本v8.0报错

1.yaml中的yaml.safeLoad()被yaml.load()替代

解决方案:根据生成时报错提示,找到对应的vender.js文件修改

2.加载的时候没有node_modules\highlight.js\styles下没有tomorrow.night.css

解决方案:暂时没有解决,更换版本到v7.8.0

 3.将2中对应文件夹中的tomorrow.night-blue.css改成tomorrow.night.css调试下,后边又出现其他问题

解决方案:没有解决,最后换版本

上面换版本是使用该仓库中的的next主题

Hexo是一个静态博客生成器,它提供了一些默认的主题,但是用户也可以自己开发或使用第三方主题。其中,Next是一款非常受欢迎的Hexo主题之一,它提供了丰富的功能和灵活的配置。 在使用Next主题时,我们可以通过override来修改主题的默认配置和样式。具体来说,override是指将主题的默认配置或样式文件复制到博客根目录下的/source/_data/或/source/css/override/目录下,然后进行修改。这样,在重新生成博客时,Hexo会优先使用override中的配置或样式文件,从而实现自定义主题的效果。 下面是具体的使用方法: 1. 复制配置文件到/source/_data/override/目录下 首先,我们可以通过命令`hexo config`查看当前主题的默认配置,然后将需要修改的配置项复制到/source/_data/override/目录下的同名文件中,并进行修改。例如,如果我们想修改Next主题的默认语言为英文,可以执行以下命令: ``` hexo config | grep language > source/_data/override/next.yml ``` 然后,打开source/_data/override/next.yml文件,将`language`的值修改为`en`,保存文件即可。 2. 复制样式文件到/source/css/override/目录下 如果我们需要修改主题的样式,可以将主题的默认样式文件复制到/source/css/override/目录下,并进行修改。例如,如果我们想修改Next主题的默认字体为微软雅黑,可以执行以下命令: ``` cp -r themes/next/source/css/fonts source/css/override/ ``` 然后,在source/css/override/fonts目录下,将所有字体文件中的字体名称修改为“Microsoft YaHei”,保存文件即可。 需要注意的是,override文件的命名和存放路径需要与主题默认文件一致,否则可能会导致修改无效或出现异常。同时,使用override也可能会导致主题升级时出现冲突,因此在使用时需要注意备份原始文件和谨慎修改。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值