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

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

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

修改主题配置文件

• 修改 _config.fluid.yml 文件
• 在 menu 一栏中加入新导航 wormhole

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 文件
• 添加：

wormhole:
  menu: '虫洞'
  title: '虫洞'
  subtitle: '十年之约'

• 可以成功翻译成中文

非侵入式修改（推荐）

• 侵入式修改很爽，但是会破坏原始主题，再次升级可能会出现冲突
• 官方指定了非侵入式修改语言的方法

你也可以使用类似于覆盖配置的方式去自定义语言，可按如下操作：

进入博客目录的 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 中加入我们的翻译配置

wormhole:
  menu: '虫洞'
  title: '虫洞'
  subtitle: '十年之约'

成功示例

参考资料

• https://hexo.fluid-dev.com/docs/guide/#语言配置