国际化
alauda
内部大部分文档都是中英文双语,因此我们默认支持使用 en
/zh
两个子文件夹来存放不同语言的文档,推荐在 public
目录下也按 en
/zh
子文件夹存放静态资源,这样可以方便文档内容和静态资源的管理。
目录
i18n.json
对于可复用组件,如果需要在同一个组件中同时支持中英文,那么就需要先在 docs
目录下创建 i18n.json
文件,然后在组件中通过 useI18n
来获取当前语言的文本,比如:
{
"title": {
"zh": "标题",
"en": "Title"
},
"description": {
"zh": "描述",
"en": "description"
}
}
.ts/.tsx
import { useI18n } from '@rspress/runtime'
export const CommonContent = () => {
const t = useI18n()
return <h1>{t('title')}</h1>
}
.mdx
import { useI18n } from '@rspress/runtime'
# {useI18n()('title')}
{useI18n()('description')}