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

2022-09-30 16:33:38 浏览数 (1)

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

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

修改主题配置文件

  • 修改 _config.fluid.yml 文件
  • 在 menu 一栏中加入新导航 wormhole
代码语言：javascript复制
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 主题中修改 Hexothemesfluidlanguageszh-CN.yml 文件
  • 添加：
代码语言：javascript复制
wormhole:
  menu: '虫洞'
  title: '虫洞'
  subtitle: '十年之约'

  • 可以成功翻译成中文
非侵入式修改（推荐）
  • 侵入式修改很爽，但是会破坏原始主题，再次升级可能会出现冲突
  • 官方指定了非侵入式修改语言的方法
代码语言：javascript复制
你也可以使用类似于覆盖配置的方式去自定义语言，可按如下操作：

进入博客目录的 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 文件
  • 将 Hexothemesfluidlanguageszh-CN.yml 文件内容完整复制过来
  • 在 Hexo/source/_data/languages/zh-CN.yml 中加入我们的翻译配置
代码语言：javascript复制
wormhole:
  menu: '虫洞'
  title: '虫洞'
  subtitle: '十年之约'

成功示例

参考资料

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

0 人点赞