Meow 更新日志 v3.2.0:适配 Hexo 8.1/优化样式/封面自动显示

随着 Hexo 8.x 版本的发布,Meow 主题也进行了升级适配,快来看看主题 3.2.0 版本有什么变化吧~

💡 提示:

  1. 如果你想及时获取 Meow 的所有更新信息,请在 Meow 的 GitHub 仓库上点击右上角的⭐Star。
  2. 如果你只想获取 Meow 的重要更新信息,本展示站首页的侧边导航栏中提供了本站的 RSS 链接,可以进行订阅。

⚠️ 请注意:更新中涉及主题配置文件的变动时(下面会附加 * 号标记),你需要先自行备份修改过的配置内容;如果你使用了_config.meow.yml,则需要对比新版主题配置文件进行手动更新。

🌐更新 Hexo 版本

Hexo 在 10 月 26 号发布了8.1.0新版本。我检查v8.0v8.1的更新日志发现,Hexo 做了不少优化和修复。

当时,距离新版本发布约 19 小时,我便开始着手更新 Meow 主题,想迅速对其进行升级适配。

结果更新 Hexo 版本后我很快就察觉到不对劲,一些标签插件和代码块的内容居然丢失了!

经排查发现,是v8.1.0的其中一个合并导致注释内容失效…… 这个问题影响巨大,也影响了主题的更新,于是我立刻去 Hexo 的 GitHub 项目上提了 Issue。

官方团队在 3 天前更新了v8.1.1版本修复此问题,标签插件和代码块已经可以正常显示,但行内代码中的注释内容依然会被错误转换…… 这个只能等官方团队的下一次修复了。

总的来说,Hexov8.1.1 版本目前已经处于可用状态,建议大家同步更新。

更新 Hexo 版本
npm install hexo@8.1.1

🆕新增功能

  • 新增文章封面功能:支持在文章正文前自动显示文章封面图片,开关可配置(查看配置方法)*
  • 新增标签插件:Title 标题(查看效果

♾️优化项目

  • 代码块额外选项优化
代码块高亮特定行

Hexo 修复了代码块额外选项失效的问题,Meow 对其中的【高亮特定行】功能进行了适配优化。

目前,Meow 主题内置的几种主题均已支持高亮行效果,浅色 / 深色模式皆可使用,以下是示例效果:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
function $initHighlight(block, cls) {
try {
if (cls.search(/\bno\-highlight\b/) != -1)
return process(block, true, 0x0F) +
` class="${cls}"`;
} catch (e) {
/* handle exception */
}
for (var i = 0 / 2; i < classes.length; i++) {
if (checkCondition(classes[i]) === undefined)
console.log('undefined');
}
return (
<div>
<web-component>{block}</web-component>
</div>
)
}

代码块的额外选项使用方法请参考 Hexo 官方文档中的《语法高亮》和《代码块》章节。

  • 优化顶部导航栏菜单:调整二级子菜单样式,即使每项标题长度不同,鼠标划过时高亮的背景范围也保持大小一致
  • 优化首页侧边栏信息卡:修正网站数据统计栏目样式,使各项内容居中对齐和更加美观
  • 优化搜索功能的样式:鼠标划过搜索结果时,对应的文章标题会变为主题颜色,更加突出
  • 优化图片划过样式:可被放大浏览的图片,在鼠标划过时会有特效

✅️问题修复

  • 主题配置未开启搜索功能 / 未安装搜索功能插件时,控制台提示相应信息,防止报错
Icon喜欢这篇作品的话,奖励一下我吧~
💗感谢你的喜欢与支持!
QRCode微信
QRCode支付宝
致谢名单
本作品由 小橘猫 于 2025-10-27 14:47:41 发布
作品地址:Meow 更新日志 v3.2.0:适配 Hexo 8.1/优化样式/封面自动显示
除特别声明外,本站作品均采用 CC BY-NC-SA 4.0 许可协议,转载请注明来自 MEOW
Logo