Hugo Stack开启多语言模式

前言

Hugo Stack 主题默认没有开启语言模式，网页上没有语言转换的按钮，所以这篇文章介绍如何开启 Stack 主题的多语言模式。

另外，我使用的是 hugo-theme-stack-starter 直接构建的。

开启多语言模式

先看一下目录结构：

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
├─archetypes
├─assets
│  ├─icons
│  ├─img
│  └─scss
├─config
│  └─_default
├─content
│  ├─categories
│  ├─page
│  └─post
├─layouts
├─resources
└─static

这里主要是修改 config/_default 路径下的文件，正常来说会有 config/_default/_languages.toml 配置文件，这里修改为：

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
# Rename this file to languages.toml to enable multilingual support
[zh-cn]
languageName = "简体中文"
title = "博客站点"
weight = 1
[en]
languageName = "English"
languagedirection = "ltr"
title = "Blog site"
weight = 2

这里在默认的参数下添加了中文，由于我设置的默认语言为中文，所以中文的 weight 权重也是设置为 1。

然后，刷新页面，你会发现怎么还是没生效呢？

这算一个小坑，需要将 _languages.toml 重命名为 languages.toml 才能生效。

最终效果

会在夜间模式切换按钮之上添加一个语言切换按钮

语言切换按钮

然后，页面上也会有对应的语言切换按钮

页面语言切换按钮

至此，关于 Hugo Stack 主题的多语言模式就开启成功了。