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-hk
        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