Dev Notes

  • Published on

    How to realize CSS i18n?

    TIP

    You can click this button to toggle locales.

    在一个页面中实现 i18n

    为了使 Valaxy 成为一个国际化的项目，i18n 是必不可少的。

    常见的 i18n 方案为采用不同的路径（如 /zh-CN/）或解析不同的域名（cn.xxx.xxx）来分别维护。

    此外还可使用 crowdin 平台辅助用户进行多语言翻译。

    但对于博客来说，这显然都很麻烦。 当你需要 i18n 时，你不得不同时维护多个目录下的文章。 当文章间存在相同的示例时，你还需要维护相同的内容。非常不优雅。

    Valaxy 中， 站点的独立字段部分（如文章目录：Table of Contents）基于 vue-i18n 实现， 而文章内容部分的大段文本则采用另一种 CSS i18n 的方案。

    我想先看看效果

    Read more →