Featured image of post Hugo i18n 多语言汉字字形的处理与配置

Hugo i18n 多语言汉字字形的处理与配置

针对多语言站点的配置方式

如果您的站点同时提供了中文的不同变体,需要在站点的 config.yaml 文件中指定 languageCode,如 languageCode: zh-tw 才能正确显示相应的变体字形。

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
languages:
    zh-cn:
        languageName: 简体中文(中国)
        languageCode: zh-cn
        title: Example Site
        weight: 1

    zh-hk:
        languageName: 繁体中文(香港)
        languageCode: zh-hk
        title: Example Site
        weight: 2

    zh-tw:
        languageName: 正體中文(台灣)
        languageCode: zh-tw
        title: Example Site
        weight: 3

同样的,如果您的站点同时提供了中文、日语、韩语中的任意两种语言,您也需要指定 languageCode,以获得正确的汉字字体与字形。

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
languages:
    zh-cn:
        languageName: 中文
        languageCode: zh-cn
        title: Example Site
        weight: 1

    ja:
        languageName: 日本語
        languageCode: ja
        title: Example Site
        weight: 2

    ko:
        languageName: 한국어
        languageCode: ko
        title: Example Site
        weight: 3

在文章中指定某段落使用特定字形

您可以使用 HTML 标签来达到在文章中指定某文字或段落使用特定字形的效果。比如想实现这样的效果:

在中国大陆、台灣、香港、澳門、日本和韓國,同一汉字可能有不同的字形。以下为例:

中国大陆 台灣 日本 韓國 香港
启啓 啟啓
机機 機机

我们可以通过这样的 HTML 来实现,指定某文字或段落使用特定字形:

1
2
3
4
5
<span lang="zh-cn">启啓</span>
<span lang="zh-tw">啟啓</span>
<span lang="ja"></span>
<span lang="ko"></span>
<span lang="zh-hk"></span>
Supports IPv6, HTTP/3, TLS 1.3 & DNSSEC
Theme Stack designed by Jimmy
This blog has been visited by people  
Posts have been viewed a total of times