前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Fluid -28- 添加新导航并配置中文翻译

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

作者头像
为为为什么
发布2022-09-30 16:33:38
2620
发布2022-09-30 16:33:38
举报
文章被收录于专栏:又见苍岚

本文记录在 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 主题中修改 Hexo\themes\fluid\languages\zh-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 文件
  • Hexo\themes\fluid\languages\zh-CN.yml 文件内容完整复制过来
  • Hexo/source/_data/languages/zh-CN.yml 中加入我们的翻译配置
代码语言:javascript
复制
wormhole:
  menu: '虫洞'
  title: '虫洞'
  subtitle: '十年之约'

成功示例

参考资料

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022年9月9日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 修改主题配置文件
  • 配置中文翻译
    • 侵入式修改(不推荐)
      • 非侵入式修改(推荐)
      • 成功示例
      • 参考资料
      领券
      问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档