如何使用i18next本地化我的網站？

Question

我有一個非常簡單的網站，沒有后端，只有純HTML頁面。

我需要該網站有英文/中文版本，我要實現的是在NavBar上有一個按鈕，當用戶單擊此按鈕時，整個網站上的措辭將更改為中文/英文。

我所看到的所有示例都需要類似以下內容：

localize(".nav");

這是否意味着我需要執行以下操作：

localize("body");

為了切換整個網站的語言？

Answer 1

根據文檔，這里是supported-frameworks的列表。 由於您的項目是一種基本的HTML，因此您應該使用https://github.com/mthh/loc-i18next 。 當您在TAG上初始化模塊時，應該確保有data-i18n="myKey"屬性和需要轉換的字符串鍵。 因此localize("body"); 應該翻譯整個正文，但是您必須使用字符串鍵將data-i18n屬性添加到每個標簽