Fluid -28- 添加新导航并配置中文翻译

本文最后更新于:2022年9月9日 下午

本文记录在 Fluid 主题中添加新导航标签并配置中文翻译的过程。

当需要在 Fluid 主题中添加新导航按钮时需要执行类似操作。

修改主题配置文件

  • 修改 _config.fluid.yml 文件
  • menu 一栏中加入新导航 wormhole
1
2
3
4
5
6
7
8
menu:
- { key: "home", link: "/", icon: "iconfont icon-home-fill" }
- { key: "archive", link: "/archives/", icon: "iconfont icon-archive-fill" }
- { key: "category", link: "/categories/", icon: "iconfont icon-category-fill" }
- { key: "tag", link: "/tags/", icon: "iconfont icon-tags-fill" }
- { key: "about", link: "/about/", icon: "iconfont icon-user-fill" }
- { key: "links", link: "/links/", icon: "iconfont icon-link-fill" }
- { key: "wormhole", link: "https://www.foreverblog.cn/go.html", icon: "iconfont icon-rss" }
  • 此时页面已经成功添加导航按钮,不过没有翻译

配置中文翻译

侵入式修改(不推荐)

  • 在 Fluid 主题中修改 Hexo\themes\fluid\languages\zh-CN.yml 文件
  • 添加:
1
2
3
4
wormhole:
menu: '虫洞'
title: '虫洞'
subtitle: '十年之约'
  • 可以成功翻译成中文

非侵入式修改(推荐)

  • 侵入式修改很爽,但是会破坏原始主题,再次升级可能会出现冲突
  • 官方指定了非侵入式修改语言的方法
1
2
3
4
5
6
7
你也可以使用类似于覆盖配置的方式去自定义语言,可按如下操作:

进入博客目录的 source/_data 目录(如不存在则创建),创建 languages 文件夹;
source/_data/languages 文件夹下创建 xxx.yml 文件(xxx 替换为对应语言的代码,例如 zh-CN)
将 fluid/languages (opens new window)目录下对应语言的配置内容复制到 xxx.yml 中;
以后配置都在 xxx.yml 中修改,配置会在 hexo g 时自动覆盖。
当然你可以按这个方法创建一份其他语言的配置。
  • Hexo/source/_data/languages 文件夹下创建 zh-CN.yml 文件
  • Hexo\themes\fluid\languages\zh-CN.yml 文件内容完整复制过来
  • Hexo/source/_data/languages/zh-CN.yml 中加入我们的翻译配置
1
2
3
4
wormhole:
menu: '虫洞'
title: '虫洞'
subtitle: '十年之约'

成功示例

参考资料


Fluid -28- 添加新导航并配置中文翻译
https://www.zywvvd.com/notes/hexo/theme/fluid/fluid-translate/fluid-translate/
作者
Yiwei Zhang
发布于
2022年9月9日
许可协议