diff --git a/astro.config.mjs b/astro.config.mjs
index 3e6134c..fa739bb 100644
--- a/astro.config.mjs
+++ b/astro.config.mjs
@@ -9,6 +9,22 @@ export default defineConfig({
integrations: [
starlight({
title: "Pixeval",
+ defaultLocale: "zh-cn",
+ locales: {
+ "zh-cn": {
+ label: "简体中文",
+ lang: "zh-CN",
+ },
+ en: {
+ label: "English",
+ },
+ fr: {
+ label: "Français",
+ },
+ ru: {
+ label: "Русский",
+ },
+ },
logo: {
src: "./src/assets/logo.png",
},
diff --git a/src/content/docs/guides/example.md b/src/content/docs/en/guides/example.md
similarity index 100%
rename from src/content/docs/guides/example.md
rename to src/content/docs/en/guides/example.md
diff --git a/src/content/docs/index.mdx b/src/content/docs/en/index.mdx
similarity index 97%
rename from src/content/docs/index.mdx
rename to src/content/docs/en/index.mdx
index 19c86dc..a0ab076 100644
--- a/src/content/docs/index.mdx
+++ b/src/content/docs/en/index.mdx
@@ -15,7 +15,7 @@ hero:
tagline: Congrats on setting up a new Starlight project!
image:
- file: ../../assets/houston.webp
+ file: ../../../assets/houston.webp
actions:
- text: Example Guide
link: /guides/example/
diff --git a/src/content/docs/reference/example.md b/src/content/docs/en/reference/example.md
similarity index 100%
rename from src/content/docs/reference/example.md
rename to src/content/docs/en/reference/example.md
diff --git a/src/content/docs/fr/guides/example.md b/src/content/docs/fr/guides/example.md
new file mode 100644
index 0000000..ebd0f3b
--- /dev/null
+++ b/src/content/docs/fr/guides/example.md
@@ -0,0 +1,11 @@
+---
+title: Example Guide
+description: A guide in my new Starlight docs site.
+---
+
+Guides lead a user through a specific task they want to accomplish, often with a sequence of steps.
+Writing a good guide requires thinking about what your users are trying to do.
+
+## Further reading
+
+- Read [about how-to guides](https://diataxis.fr/how-to-guides/) in the Diátaxis framework
diff --git a/src/content/docs/fr/index.mdx b/src/content/docs/fr/index.mdx
new file mode 100644
index 0000000..a0ab076
--- /dev/null
+++ b/src/content/docs/fr/index.mdx
@@ -0,0 +1,46 @@
+---
+title: Welcome to Starlight
+description: Get started building your docs site with Starlight.
+template: splash
+hero:
+ title: |
+ Welcome to Starlight with
+
+ Tailwind
+
+ tagline: Congrats on setting up a new Starlight project!
+ image:
+ file: ../../../assets/houston.webp
+ actions:
+ - text: Example Guide
+ link: /guides/example/
+ icon: right-arrow
+ - text: Read the Starlight docs
+ link: https://starlight.astro.build
+ icon: external
+ variant: minimal
+---
+
+import { Card, CardGrid } from '@astrojs/starlight/components';
+
+## Next steps
+
+
+
+ Edit `src/content/docs/index.mdx` to see this page change.
+
+
+ Add Markdown or MDX files to `src/content/docs` to create new pages.
+
+
+ Edit your `sidebar` and other config in `astro.config.mjs`.
+
+
+ Learn more in [the Starlight Docs](https://starlight.astro.build/).
+
+
diff --git a/src/content/docs/fr/reference/example.md b/src/content/docs/fr/reference/example.md
new file mode 100644
index 0000000..ac8cfa8
--- /dev/null
+++ b/src/content/docs/fr/reference/example.md
@@ -0,0 +1,11 @@
+---
+title: Example Reference
+description: A reference page in my new Starlight docs site.
+---
+
+Reference pages are ideal for outlining how things work in terse and clear terms.
+Less concerned with telling a story or addressing a specific use case, they should give a comprehensive outline of what your documenting.
+
+## Further reading
+
+- Read [about reference](https://diataxis.fr/reference/) in the Diátaxis framework
diff --git a/src/content/docs/ru/guides/example.md b/src/content/docs/ru/guides/example.md
new file mode 100644
index 0000000..ebd0f3b
--- /dev/null
+++ b/src/content/docs/ru/guides/example.md
@@ -0,0 +1,11 @@
+---
+title: Example Guide
+description: A guide in my new Starlight docs site.
+---
+
+Guides lead a user through a specific task they want to accomplish, often with a sequence of steps.
+Writing a good guide requires thinking about what your users are trying to do.
+
+## Further reading
+
+- Read [about how-to guides](https://diataxis.fr/how-to-guides/) in the Diátaxis framework
diff --git a/src/content/docs/ru/index.mdx b/src/content/docs/ru/index.mdx
new file mode 100644
index 0000000..a0ab076
--- /dev/null
+++ b/src/content/docs/ru/index.mdx
@@ -0,0 +1,46 @@
+---
+title: Welcome to Starlight
+description: Get started building your docs site with Starlight.
+template: splash
+hero:
+ title: |
+ Welcome to Starlight with
+
+ Tailwind
+
+ tagline: Congrats on setting up a new Starlight project!
+ image:
+ file: ../../../assets/houston.webp
+ actions:
+ - text: Example Guide
+ link: /guides/example/
+ icon: right-arrow
+ - text: Read the Starlight docs
+ link: https://starlight.astro.build
+ icon: external
+ variant: minimal
+---
+
+import { Card, CardGrid } from '@astrojs/starlight/components';
+
+## Next steps
+
+
+
+ Edit `src/content/docs/index.mdx` to see this page change.
+
+
+ Add Markdown or MDX files to `src/content/docs` to create new pages.
+
+
+ Edit your `sidebar` and other config in `astro.config.mjs`.
+
+
+ Learn more in [the Starlight Docs](https://starlight.astro.build/).
+
+
diff --git a/src/content/docs/ru/reference/example.md b/src/content/docs/ru/reference/example.md
new file mode 100644
index 0000000..ac8cfa8
--- /dev/null
+++ b/src/content/docs/ru/reference/example.md
@@ -0,0 +1,11 @@
+---
+title: Example Reference
+description: A reference page in my new Starlight docs site.
+---
+
+Reference pages are ideal for outlining how things work in terse and clear terms.
+Less concerned with telling a story or addressing a specific use case, they should give a comprehensive outline of what your documenting.
+
+## Further reading
+
+- Read [about reference](https://diataxis.fr/reference/) in the Diátaxis framework
diff --git a/src/content/docs/zh-cn/guides/example.md b/src/content/docs/zh-cn/guides/example.md
new file mode 100644
index 0000000..ebd0f3b
--- /dev/null
+++ b/src/content/docs/zh-cn/guides/example.md
@@ -0,0 +1,11 @@
+---
+title: Example Guide
+description: A guide in my new Starlight docs site.
+---
+
+Guides lead a user through a specific task they want to accomplish, often with a sequence of steps.
+Writing a good guide requires thinking about what your users are trying to do.
+
+## Further reading
+
+- Read [about how-to guides](https://diataxis.fr/how-to-guides/) in the Diátaxis framework
diff --git a/src/content/docs/zh-cn/index.mdx b/src/content/docs/zh-cn/index.mdx
new file mode 100644
index 0000000..a0ab076
--- /dev/null
+++ b/src/content/docs/zh-cn/index.mdx
@@ -0,0 +1,46 @@
+---
+title: Welcome to Starlight
+description: Get started building your docs site with Starlight.
+template: splash
+hero:
+ title: |
+ Welcome to Starlight with
+
+ Tailwind
+
+ tagline: Congrats on setting up a new Starlight project!
+ image:
+ file: ../../../assets/houston.webp
+ actions:
+ - text: Example Guide
+ link: /guides/example/
+ icon: right-arrow
+ - text: Read the Starlight docs
+ link: https://starlight.astro.build
+ icon: external
+ variant: minimal
+---
+
+import { Card, CardGrid } from '@astrojs/starlight/components';
+
+## Next steps
+
+
+
+ Edit `src/content/docs/index.mdx` to see this page change.
+
+
+ Add Markdown or MDX files to `src/content/docs` to create new pages.
+
+
+ Edit your `sidebar` and other config in `astro.config.mjs`.
+
+
+ Learn more in [the Starlight Docs](https://starlight.astro.build/).
+
+
diff --git a/src/content/docs/zh-cn/reference/example.md b/src/content/docs/zh-cn/reference/example.md
new file mode 100644
index 0000000..ac8cfa8
--- /dev/null
+++ b/src/content/docs/zh-cn/reference/example.md
@@ -0,0 +1,11 @@
+---
+title: Example Reference
+description: A reference page in my new Starlight docs site.
+---
+
+Reference pages are ideal for outlining how things work in terse and clear terms.
+Less concerned with telling a story or addressing a specific use case, they should give a comprehensive outline of what your documenting.
+
+## Further reading
+
+- Read [about reference](https://diataxis.fr/reference/) in the Diátaxis framework