From 876f81682b0b9f8e52bed1a0a8fdd084693b50fb Mon Sep 17 00:00:00 2001
From: qwqcode <qwqcode@gmail.com>
Date: Wed, 18 Sep 2024 09:16:23 +0800
Subject: [PATCH] chore(docs): add support for auto-redirect to
 language-specific docs

---
 README.md                                  |  4 +-
 README.zh.md                               |  4 +-
 docs/docs/.vitepress/config/index.ts       |  2 +-
 docs/docs/.vitepress/config/shared.ts      |  7 +-
 docs/docs/.vitepress/config/zh.ts          | 96 +++++++++++-----------
 docs/docs/.vitepress/theme/Layout.vue      |  9 +-
 docs/docs/public/_headers                  |  3 +
 docs/docs/public/_redirects                |  8 ++
 docs/docs/zh/guide/backend/admin_notify.md |  2 +-
 docs/docs/zh/guide/backend/captcha.md      |  2 +-
 docs/docs/zh/guide/backend/config.md       | 14 ++--
 docs/docs/zh/guide/backend/docker.md       |  4 +-
 docs/docs/zh/guide/backend/email.md        |  2 +-
 docs/docs/zh/guide/backend/img-upload.md   |  4 +-
 docs/docs/zh/guide/backend/moderator.md    |  2 +-
 docs/docs/zh/guide/backend/multi-site.md   |  2 +-
 docs/docs/zh/guide/frontend/auth.md        |  2 +-
 docs/docs/zh/guide/frontend/config.md      |  6 +-
 docs/docs/zh/guide/frontend/emoticons.md   |  2 +-
 docs/docs/zh/guide/frontend/sidebar.md     |  2 +-
 docs/landing/index.html                    |  1 -
 docs/landing/src/i18n/zh-CN.ts             | 10 +--
 22 files changed, 100 insertions(+), 88 deletions(-)
 create mode 100644 docs/docs/public/_headers
 create mode 100644 docs/docs/public/_redirects

diff --git a/README.md b/README.md
index 45348d27..cdef4c92 100644
--- a/README.md
+++ b/README.md
@@ -94,13 +94,13 @@ Artalk.init({
 
 <!-- prettier-ignore-end -->
 
-[**Learn More →**](https://artalk.js.org/guide/deploy.html)
+[**Learn More →**](https://artalk.js.org/en/guide/deploy.html)
 
 ## For Developers
 
 Pull requests are welcome!
 
-See [Development](https://artalk.js.org/develop/) and [Contributing](./CONTRIBUTING.md) for information on working with the codebase, getting a local development setup, and contributing changes.
+See [Development](https://artalk.js.org/en/develop/) and [Contributing](./CONTRIBUTING.md) for information on working with the codebase, getting a local development setup, and contributing changes.
 
 ## Contributors
 
diff --git a/README.zh.md b/README.zh.md
index 7651cf76..ac79515a 100644
--- a/README.zh.md
+++ b/README.zh.md
@@ -94,13 +94,13 @@ Artalk.init({
 
 <!-- prettier-ignore-end -->
 
-[**了解更多 →**](https://artalk.js.org/guide/deploy.html)
+[**了解更多 →**](https://artalk.js.org/zh/guide/deploy.html)
 
 ## For Developers
 
 Pull requests are welcome!
 
-See [Development](https://artalk.js.org/develop/) and [Contributing](./CONTRIBUTING.md) for information on working with the codebase, getting a local development setup, and contributing changes.
+See [Development](https://artalk.js.org/zh/develop/) and [Contributing](./CONTRIBUTING.md) for information on working with the codebase, getting a local development setup, and contributing changes.
 
 ## Contributors
 
diff --git a/docs/docs/.vitepress/config/index.ts b/docs/docs/.vitepress/config/index.ts
index 5168761b..d41e2fc5 100644
--- a/docs/docs/.vitepress/config/index.ts
+++ b/docs/docs/.vitepress/config/index.ts
@@ -6,7 +6,7 @@ import { en } from './en'
 export default defineConfig({
   ...shared,
   locales: {
-    root: { label: '简体中文', ...zh },
     en: { label: 'English', ...en },
+    zh: { label: '简体中文', ...zh },
   },
 })
diff --git a/docs/docs/.vitepress/config/shared.ts b/docs/docs/.vitepress/config/shared.ts
index fdd86ecb..e8c5e2e7 100644
--- a/docs/docs/.vitepress/config/shared.ts
+++ b/docs/docs/.vitepress/config/shared.ts
@@ -5,14 +5,9 @@ import * as Version from '../../code/ArtalkVersion.json'
 export const shared = defineConfig({
   title: 'Artalk',
 
-  rewrites: {
-    'zh/:rest*': ':rest*',
-  },
-
   /* prettier-ignore */
   head: [
     ['link', { rel: 'icon', type: 'image/png', href: '/favicon.png' }],
-    ['meta', { name: 'theme-color', content: '#007bff' }],
     ['meta', { property: 'og:type', content: 'website' }],
     ['meta', { property: 'og:locale', content: 'en' }],
     ['meta', { property: 'og:title', content: 'Artalk - A Self-hosted Comment System'}],
@@ -65,7 +60,7 @@ export const shared = defineConfig({
 
   vite: {
     server: {
-      open: '/guide/intro.html',
+      open: '/zh/guide/intro.html',
     },
   },
 })
diff --git a/docs/docs/.vitepress/config/zh.ts b/docs/docs/.vitepress/config/zh.ts
index fa1ea334..9fc04e1a 100644
--- a/docs/docs/.vitepress/config/zh.ts
+++ b/docs/docs/.vitepress/config/zh.ts
@@ -6,88 +6,88 @@ export const zh = defineConfig({
 
   themeConfig: {
     sidebar: {
-      '/guide/': [
+      '/zh/guide/': [
         {
           text: '快速开始',
           collapsed: false,
           items: [
-            { text: '项目介绍', link: '/guide/intro.md' },
-            { text: '程序部署', link: '/guide/deploy.md' },
-            { text: '数据迁移', link: '/guide/transfer.md' },
+            { text: '项目介绍', link: '/zh/guide/intro.md' },
+            { text: '程序部署', link: '/zh/guide/deploy.md' },
+            { text: '数据迁移', link: '/zh/guide/transfer.md' },
           ],
         },
         {
           text: '核心指南',
           collapsed: false,
           items: [
-            { text: '侧边栏', link: '/guide/frontend/sidebar.md' },
-            { text: '邮件通知', link: '/guide/backend/email.md' },
-            { text: '多元推送', link: '/guide/backend/admin_notify.md' },
-            { text: '社交登录', link: '/guide/frontend/auth.md' },
-            { text: '评论审核', link: '/guide/backend/moderator.md' },
-            { text: '验证码', link: '/guide/backend/captcha.md' },
-            { text: '图片上传', link: '/guide/backend/img-upload.md' },
-            { text: '账户与多站点', link: '/guide/backend/multi-site.md' },
-            { text: '解析相对路径', link: '/guide/backend/relative-path.md' },
+            { text: '侧边栏', link: '/zh/guide/frontend/sidebar.md' },
+            { text: '邮件通知', link: '/zh/guide/backend/email.md' },
+            { text: '多元推送', link: '/zh/guide/backend/admin_notify.md' },
+            { text: '社交登录', link: '/zh/guide/frontend/auth.md' },
+            { text: '评论审核', link: '/zh/guide/backend/moderator.md' },
+            { text: '验证码', link: '/zh/guide/backend/captcha.md' },
+            { text: '图片上传', link: '/zh/guide/backend/img-upload.md' },
+            { text: '账户与多站点', link: '/zh/guide/backend/multi-site.md' },
+            { text: '解析相对路径', link: '/zh/guide/backend/relative-path.md' },
           ],
         },
         {
           text: '进阶指南',
           collapsed: false,
           items: [
-            { text: '表情包', link: '/guide/frontend/emoticons.md' },
-            { text: '浏览量统计', link: '/guide/frontend/pv.md' },
-            { text: 'LaTeX', link: '/guide/frontend/latex.md' },
-            { text: '图片灯箱', link: '/guide/frontend/lightbox.md' },
-            { text: '图片懒加载', link: '/guide/frontend/img-lazy-load.md' },
-            { text: 'IP 属地', link: '/guide/frontend/ip-region.md' },
-            { text: '多语言', link: '/guide/frontend/i18n.md' },
-            { text: '开发文档', link: '/develop/index.md' },
+            { text: '表情包', link: '/zh/guide/frontend/emoticons.md' },
+            { text: '浏览量统计', link: '/zh/guide/frontend/pv.md' },
+            { text: 'LaTeX', link: '/zh/guide/frontend/latex.md' },
+            { text: '图片灯箱', link: '/zh/guide/frontend/lightbox.md' },
+            { text: '图片懒加载', link: '/zh/guide/frontend/img-lazy-load.md' },
+            { text: 'IP 属地', link: '/zh/guide/frontend/ip-region.md' },
+            { text: '多语言', link: '/zh/guide/frontend/i18n.md' },
+            { text: '开发文档', link: '/zh/develop/index.md' },
           ],
         },
         {
           text: '配置文档',
           collapsed: false,
           items: [
-            { text: '环境变量', link: '/guide/env.md' },
-            { text: '配置文件', link: '/guide/backend/config.md' },
-            { text: '界面配置', link: '/guide/frontend/config.md' },
+            { text: '环境变量', link: '/zh/guide/env.md' },
+            { text: '配置文件', link: '/zh/guide/backend/config.md' },
+            { text: '界面配置', link: '/zh/guide/frontend/config.md' },
           ],
         },
         {
           text: '部署说明',
           collapsed: true,
           items: [
-            { text: '守护进程', link: '/guide/backend/daemon.md' },
-            { text: '反向代理', link: '/guide/backend/reverse-proxy.md' },
-            { text: '编译构建', link: '/develop/contributing.md' },
-            { text: '程序升级', link: '/guide/backend/update.md' },
-            { text: 'Docker', link: '/guide/backend/docker.md' },
+            { text: '守护进程', link: '/zh/guide/backend/daemon.md' },
+            { text: '反向代理', link: '/zh/guide/backend/reverse-proxy.md' },
+            { text: '编译构建', link: '/zh/develop/contributing.md' },
+            { text: '程序升级', link: '/zh/guide/backend/update.md' },
+            { text: 'Docker', link: '/zh/guide/backend/docker.md' },
           ],
         },
         {
           text: '更多内容',
           collapsed: true,
           items: [
-            { text: '安全防范', link: '/guide/security.md' },
-            { text: '扩展阅读', link: '/guide/extras.md' },
-            { text: '案例展示', link: '/guide/cases.md' },
-            { text: '关于我们', link: '/guide/about.md' },
+            { text: '安全防范', link: '/zh/guide/security.md' },
+            { text: '扩展阅读', link: '/zh/guide/extras.md' },
+            { text: '案例展示', link: '/zh/guide/cases.md' },
+            { text: '关于我们', link: '/zh/guide/about.md' },
           ],
         },
       ],
-      '/develop/': [
+      '/zh/develop/': [
         {
           text: '开发文档',
           items: [
-            { text: '开发说明', link: '/develop/index.md' },
-            { text: '贡献指南', link: '/develop/contributing.md' },
-            { text: '置入博客', link: '/develop/import-blog.md' },
-            { text: '置入框架', link: '/develop/import-framework.md' },
-            { text: '前端 API', link: '/develop/fe-api.md' },
-            { text: '前端 Event', link: '/develop/event.md' },
-            { text: '插件开发', link: '/develop/plugin.md' },
-            { text: '兼容性', link: '/develop/compatibility.md' },
+            { text: '开发说明', link: '/zh/develop/index.md' },
+            { text: '贡献指南', link: '/zh/develop/contributing.md' },
+            { text: '置入博客', link: '/zh/develop/import-blog.md' },
+            { text: '置入框架', link: '/zh/develop/import-framework.md' },
+            { text: '前端 API', link: '/zh/develop/fe-api.md' },
+            { text: '前端 Event', link: '/zh/develop/event.md' },
+            { text: '插件开发', link: '/zh/develop/plugin.md' },
+            { text: '兼容性', link: '/zh/develop/compatibility.md' },
             {
               text: 'HTTP API',
               link: 'https://artalk.js.org/http-api.html',
@@ -101,27 +101,27 @@ export const zh = defineConfig({
       // NavbarItem
       {
         text: '介绍',
-        link: '/guide/intro',
+        link: '/zh/guide/intro',
       },
       {
         text: '部署',
-        link: '/guide/deploy',
+        link: '/zh/guide/deploy',
       },
       {
         text: '配置',
-        link: '/guide/backend/config',
+        link: '/zh/guide/backend/config',
       },
       {
         text: '迁移',
-        link: '/guide/transfer',
+        link: '/zh/guide/transfer',
       },
       {
         text: '案例',
-        link: '/guide/cases',
+        link: '/zh/guide/cases',
       },
       {
         text: '开发',
-        link: '/develop/',
+        link: '/zh/develop/',
       },
     ],
 
diff --git a/docs/docs/.vitepress/theme/Layout.vue b/docs/docs/.vitepress/theme/Layout.vue
index 9f6b2f53..5a4d7918 100644
--- a/docs/docs/.vitepress/theme/Layout.vue
+++ b/docs/docs/.vitepress/theme/Layout.vue
@@ -1,9 +1,16 @@
 <script setup>
 import DefaultTheme from 'vitepress/theme'
-import { onMounted } from 'vue'
+import { inBrowser, useData } from 'vitepress'
+import { watchEffect } from 'vue'
 import './style.scss'
 
 const { Layout } = DefaultTheme
+
+const { lang } = useData()
+watchEffect(() => {
+  if (inBrowser)
+    document.cookie = `nf_lang=${lang.value}; expires=Mon, 1 Jan 2030 00:00:00 UTC; path=/`
+})
 </script>
 
 <template>
diff --git a/docs/docs/public/_headers b/docs/docs/public/_headers
new file mode 100644
index 00000000..9079d85b
--- /dev/null
+++ b/docs/docs/public/_headers
@@ -0,0 +1,3 @@
+/assets/*
+  cache-control: max-age=31536000
+  cache-control: immutable
diff --git a/docs/docs/public/_redirects b/docs/docs/public/_redirects
new file mode 100644
index 00000000..685e3ea4
--- /dev/null
+++ b/docs/docs/public/_redirects
@@ -0,0 +1,8 @@
+/guide/*   /zh/guide/:splat    302!  Language=zh
+/guide/*   /en/guide/:splat    302!  Language=en
+/guide/*   /en/guide/:splat    302!
+
+/develop/* /zh/develop/:splat  302!  Language=zh
+/develop/* /en/develop/:splat  302!  Language=en
+/develop/* /en/develop/:splat  302!
+
diff --git a/docs/docs/zh/guide/backend/admin_notify.md b/docs/docs/zh/guide/backend/admin_notify.md
index 9c15adfa..64cd3a33 100644
--- a/docs/docs/zh/guide/backend/admin_notify.md
+++ b/docs/docs/zh/guide/backend/admin_notify.md
@@ -4,7 +4,7 @@ Artalk 支持通过多元推送功能以多种方式发送管理员通知。
 
 支持 **Telegram**、**飞书**、**钉钉**、**Bark**、**Slack**、**LINE**，并且多种方式可以同时启用。
 
-你可以在 [控制中心](/guide/frontend/sidebar.md#设置) 的设置界面修改此配置，也可以通过 [配置文件](/guide/backend/config.md#多元推送-admin-notify) 或 [环境变量](/guide/env.md#多元推送) 进行配置。
+你可以在 [控制中心](../frontend/sidebar.md#设置) 的设置界面修改此配置，也可以通过 [配置文件](./config.md#多元推送-admin-notify) 或 [环境变量](../env.md#多元推送) 进行配置。
 
 ## 配置文件
 
diff --git a/docs/docs/zh/guide/backend/captcha.md b/docs/docs/zh/guide/backend/captcha.md
index 5c31511a..c6a16ddf 100644
--- a/docs/docs/zh/guide/backend/captcha.md
+++ b/docs/docs/zh/guide/backend/captcha.md
@@ -6,7 +6,7 @@ Artalk 内置图片验证码功能，你可以配置操作频率限制，当超
 
 目前 Artalk 支持：Turnstile、reCAPTCHA、hCaptcha、极验。
 
-你可以在 [控制中心](/guide/frontend/sidebar.md#设置) 的设置界面修改此配置，也可以通过 [配置文件](/guide/backend/config.md#验证码-captcha) 或 [环境变量](/guide/env.md#验证码) 进行配置。
+你可以在 [控制中心](../frontend/sidebar.md#设置) 的设置界面修改此配置，也可以通过 [配置文件](./config.md#验证码-captcha) 或 [环境变量](../env.md#验证码) 进行配置。
 
 ## 配置文件
 
diff --git a/docs/docs/zh/guide/backend/config.md b/docs/docs/zh/guide/backend/config.md
index eb9c8a5e..8ee77140 100644
--- a/docs/docs/zh/guide/backend/config.md
+++ b/docs/docs/zh/guide/backend/config.md
@@ -2,7 +2,7 @@
 
 ## 轻松配置
 
-推荐在侧边栏 “[控制中心](/guide/frontend/sidebar.md)” 通过图形界面修改配置，无需手动编辑配置文件。
+推荐在侧边栏 “[控制中心](../frontend/sidebar.md)” 通过图形界面修改配置，无需手动编辑配置文件。
 
 ## 环境变量
 
@@ -114,7 +114,7 @@ http:
 
 Artalk 支持多站点，你可以创建多个管理员账户，为其分配站点，让你的朋友们共用同一个后端程序。
 
-详情参考：[管理员 × 多站点](/guide/backend/multi-site.md)
+详情参考：[管理员 × 多站点](./multi-site.md)
 
 ## 可信域名 `trusted_domains`
 
@@ -184,25 +184,25 @@ frontend:
 
 配置邮件通知，让回复通过邮件的形式通知目标用户，你可以自定义邮件发送者名称、标题、模版等。
 
-详情参考：[后端 · 邮件通知](/guide/backend/email.md)
+详情参考：[后端 · 邮件通知](./email.md)
 
 ## 多元推送 `admin_notify`
 
 你可以配置多种消息发送方式，例如飞书、Telegram 等，当收到新的评论时通知管理员。
 
-详情参考：[后端 · 多元推送](/guide/backend/admin_notify.md)
+详情参考：[后端 · 多元推送](./admin_notify.md)
 
 ## 评论审核 `moderator`
 
 配置评论审核来自动拦截垃圾评论。
 
-详情参考：[后端 · 评论审核](/guide/backend/moderator.md)
+详情参考：[后端 · 评论审核](./moderator.md)
 
 ## 验证码 `captcha`
 
 支持图片、滑动验证码，通过验证码对请求频率进行限制。
 
-详情参考：[后端 · 验证码](/guide/backend/captcha.md)
+详情参考：[后端 · 验证码](./captcha.md)
 
 ## 高速缓存 `cache`
 
@@ -356,5 +356,5 @@ test_file: ./data/artalk.log
 
 配置文件相关代码：[/internal/config/config.go](https://github.com/ArtalkJS/Artalk/blob/master/internal/config/config.go)
 
-前往：[前端配置](/guide/frontend/config.md)
+前往：[前端配置](../frontend/config.md)
 :::
diff --git a/docs/docs/zh/guide/backend/docker.md b/docs/docs/zh/guide/backend/docker.md
index 1aea92dd..e3a69db3 100644
--- a/docs/docs/zh/guide/backend/docker.md
+++ b/docs/docs/zh/guide/backend/docker.md
@@ -14,7 +14,7 @@ docker pull artalk/artalk-go
 
 :::tip
 
-推荐使用 Docker Compose，可参考 [程序部署](/guide/deploy) 页面的步骤。
+推荐使用 Docker Compose，可参考 [程序部署](../deploy) 页面的步骤。
 
 :::
 
@@ -98,4 +98,4 @@ docker exec -it artalk bash
 
 ## 多平台兼容性
 
-Docker 镜像暂仅提供 x86、arm64 的镜像构建，如需更多平台架构版本，请下载 [二进制构建部署](/guide/deploy.md#普通方式部署)。
+Docker 镜像暂仅提供 x86、arm64 的镜像构建，如需更多平台架构版本，请下载 [二进制构建部署](../deploy.md#普通方式部署)。
diff --git a/docs/docs/zh/guide/backend/email.md b/docs/docs/zh/guide/backend/email.md
index 328eec05..aa6d2bee 100644
--- a/docs/docs/zh/guide/backend/email.md
+++ b/docs/docs/zh/guide/backend/email.md
@@ -2,7 +2,7 @@
 
 Artalk 支持通过 SMTP 协议、阿里云邮件推送、调用系统 Sendmail 命令等方式向用户发送邮件通知。
 
-你可以在 [控制中心](/guide/frontend/sidebar.md#设置) 的设置界面修改此配置，也可以通过 [配置文件](/guide/backend/config.md#邮件通知-email) 或 [环境变量](/guide/env.md#邮件通知) 进行配置。
+你可以在 [控制中心](../frontend/sidebar.md#设置) 的设置界面修改此配置，也可以通过 [配置文件](./config.md#邮件通知-email) 或 [环境变量](../env.md#邮件通知) 进行配置。
 
 ## 配置文件
 
diff --git a/docs/docs/zh/guide/backend/img-upload.md b/docs/docs/zh/guide/backend/img-upload.md
index 6214e5fc..6fa9bd2a 100644
--- a/docs/docs/zh/guide/backend/img-upload.md
+++ b/docs/docs/zh/guide/backend/img-upload.md
@@ -2,7 +2,7 @@
 
 Artalk 提供图片上传功能，支持限制图片大小、上传频率等，你还能结合 UpGit 将图片上传到图床。
 
-你可以在 [控制中心](/guide/frontend/sidebar.md#设置) 的设置界面修改此配置，也可以通过 [配置文件](/guide/backend/config.md#图片上传-img_upload) 或 [环境变量](/guide/env.md#图片上传) 进行配置。
+你可以在 [控制中心](../frontend/sidebar.md#设置) 的设置界面修改此配置，也可以通过 [配置文件](./config.md#图片上传-img_upload) 或 [环境变量](../env.md#图片上传) 进行配置。
 
 ## 配置文件
 
@@ -61,7 +61,7 @@ docker run -d --name artalk -v /path/to/upgit:/usr/bin/upgit -v /path/to/artalk:
 
 频率限制跟随 `captcha` 验证码配置，当超出限制将弹出验证码。
 
-可参考：[后端 · 验证码](/guide/backend/captcha.md)
+可参考：[后端 · 验证码](./captcha.md)
 
 ## path
 
diff --git a/docs/docs/zh/guide/backend/moderator.md b/docs/docs/zh/guide/backend/moderator.md
index 8f4545f5..7591adac 100644
--- a/docs/docs/zh/guide/backend/moderator.md
+++ b/docs/docs/zh/guide/backend/moderator.md
@@ -2,7 +2,7 @@
 
 Artalk 支持多种评论过滤方式以拦截垃圾评论，支持通过 Akismet、腾讯云内容安全、阿里云内容安全 等在线 API 实现垃圾评论识别和拦截，也可通过本地离线关键词词库过滤评论，结合[验证码](./captcha.md)功能进一步提高评论审核强度，让垃圾评论没有容身之地。
 
-你可以在 [控制中心](/guide/frontend/sidebar.md#设置) 的设置界面修改此配置，也可以通过 [配置文件](/guide/backend/config.md#评论审核-moderator) 或 [环境变量](/guide/env.md#评论审核) 进行配置。
+你可以在 [控制中心](../frontend/sidebar.md#设置) 的设置界面修改此配置，也可以通过 [配置文件](./config.md#评论审核-moderator) 或 [环境变量](../env.md#评论审核) 进行配置。
 
 ## 配置文件
 
diff --git a/docs/docs/zh/guide/backend/multi-site.md b/docs/docs/zh/guide/backend/multi-site.md
index 97fe3d21..f113594c 100644
--- a/docs/docs/zh/guide/backend/multi-site.md
+++ b/docs/docs/zh/guide/backend/multi-site.md
@@ -67,7 +67,7 @@ admin_users:
 
 ::: tip
 
-可以通过环境变量配置管理员账户，参考：[环境变量配置](/guide/env.md)
+可以通过环境变量配置管理员账户，参考：[环境变量配置](../env.md)
 
 :::
 
diff --git a/docs/docs/zh/guide/frontend/auth.md b/docs/docs/zh/guide/frontend/auth.md
index 39136ca5..0192625b 100644
--- a/docs/docs/zh/guide/frontend/auth.md
+++ b/docs/docs/zh/guide/frontend/auth.md
@@ -15,7 +15,7 @@ Artalk 默认只需填写昵称和邮箱即可发表评论，无需验证邮箱
 | GitLab | [查看](https://docs.gitlab.com/ee/api/oauth2.html) | Gitea | [查看](https://docs.gitea.io/en-us/oauth2-provider/) | Mastodon | [查看](https://docs.joinmastodon.org/api/authentication/) |
 | Patreon | [查看](https://docs.patreon.com/#oauth) | Auth0 | [查看](https://auth0.com/docs/connections/social/) | 邮箱密码 | [查看](#邮箱密码登录) |
 
-开启社交登录功能仅需在 [控制中心](/guide/frontend/sidebar.md#设置) 找到「社交登录」启用该功能，然后填写对应的配置信息即可。也可以通过 [配置文件](/guide/backend/config.md) 或 [环境变量](/guide/env.md#社交登录) 进行配置。
+开启社交登录功能仅需在 [控制中心](./sidebar.md#设置) 找到「社交登录」启用该功能，然后填写对应的配置信息即可。也可以通过 [配置文件](../backend/config.md) 或 [环境变量](../env.md#社交登录) 进行配置。
 
 
 ## 邮箱密码登录
diff --git a/docs/docs/zh/guide/frontend/config.md b/docs/docs/zh/guide/frontend/config.md
index 6b146b18..31abd384 100644
--- a/docs/docs/zh/guide/frontend/config.md
+++ b/docs/docs/zh/guide/frontend/config.md
@@ -1,6 +1,6 @@
 # 界面配置
 
-可在「[控制中心](/guide/frontend/sidebar.md)」修改界面配置，而无需改动前端代码。另外也支持 [配置文件](/guide/backend/config.md#界面配置-frontend) 和 [环境变量](/guide/env.md#界面配置)。
+可在「[控制中心](./sidebar.md)」修改界面配置，而无需改动前端代码。另外也支持 [配置文件](../backend/config.md#界面配置-frontend) 和 [环境变量](../env.md#界面配置)。
 
 界面配置的优先级如下：
 
@@ -50,7 +50,7 @@ artalk.update({ ... })
 
 可以填写由博客系统生成的 `固定链接`，但建议使用相对路径以便日后切换域名。
 
-参考：[关于使用相对 / 绝对路径](/guide/backend/relative-path.md)
+参考：[关于使用相对 / 绝对路径](../backend/relative-path.md)
 
 ### pageTitle
 
@@ -147,7 +147,7 @@ Artalk.init({
 - 类型：`Object|Array|String|Boolean`
 - 默认值："[https://cdn.jsdelivr.net/gh/ArtalkJS/Emoticons/grps/default.json](https://cdn.jsdelivr.net/gh/ArtalkJS/Emoticons/grps/default.json)"
 
-详细内容：[前端 · 表情包](/guide/frontend/emoticons.md)
+详细内容：[前端 · 表情包](./emoticons.md)
 
 更新兼容 [OwO 格式](https://github.com/DIYgod/OwO)，支持 URL 动态加载。
 
diff --git a/docs/docs/zh/guide/frontend/emoticons.md b/docs/docs/zh/guide/frontend/emoticons.md
index 42f90037..3381aed0 100644
--- a/docs/docs/zh/guide/frontend/emoticons.md
+++ b/docs/docs/zh/guide/frontend/emoticons.md
@@ -1,6 +1,6 @@
 # 表情包
 
-你可以在 [控制中心](/guide/frontend/sidebar.md#设置) 的设置界面修改此配置，也可以通过 [配置文件](../backend/config.md#界面配置-frontend) 或 [环境变量](../env.md#界面配置) 进行配置。
+你可以在 [控制中心](./sidebar.md#设置) 的设置界面修改此配置，也可以通过 [配置文件](../backend/config.md#界面配置-frontend) 或 [环境变量](../env.md#界面配置) 进行配置。
 
 在配置文件中，可在 `frontend.emoticons` 填入表情包列表 URL：
 
diff --git a/docs/docs/zh/guide/frontend/sidebar.md b/docs/docs/zh/guide/frontend/sidebar.md
index 62325bba..2de2b1de 100644
--- a/docs/docs/zh/guide/frontend/sidebar.md
+++ b/docs/docs/zh/guide/frontend/sidebar.md
@@ -40,6 +40,6 @@ Artalk 拥有站内消息功能，在接收邮件通知的同时，也能在侧
 
 ## 设置
 
-登录管理员账户进入“控制中心”的设置界面，可修改 [配置](/guide/backend/config.md) 和 [界面](/guide/frontend/config.md)，无需编辑复杂的配置文件。
+登录管理员账户进入“控制中心”的设置界面，可修改 [配置](../backend/config.md) 和 [界面](./config.md)，无需编辑复杂的配置文件。
 
 <img src="/images/sidebar/settings.png" width="700">
diff --git a/docs/landing/index.html b/docs/landing/index.html
index b20f6315..7f16533d 100644
--- a/docs/landing/index.html
+++ b/docs/landing/index.html
@@ -12,7 +12,6 @@
       name="description"
       content="A self-hosted comment system built in Golang, providing a lightweight and highly customizable solution for adding comments to your website."
     />
-    <meta name="theme-color" content="#007bff" />
     <meta property="og:type" content="website" />
     <meta property="og:locale" content="en" />
     <meta property="og:title" content="Artalk - A Self-hosted Comment System" />
diff --git a/docs/landing/src/i18n/zh-CN.ts b/docs/landing/src/i18n/zh-CN.ts
index 3e9df35b..b003ed3d 100644
--- a/docs/landing/src/i18n/zh-CN.ts
+++ b/docs/landing/src/i18n/zh-CN.ts
@@ -3,11 +3,11 @@ import { MessageSchema } from '.'
 export const zhCN: MessageSchema = {
   home_title: 'Artalk | 由 Golang 驱动的自托管评论系统',
   get_artalk: '获取 Artalk',
-  get_artalk_link: 'https://artalk.js.org/guide/intro.html',
+  get_artalk_link: 'https://artalk.js.org/zh/guide/intro.html',
   slogan_line_1: 'Artalk 评论系统',
   slogan_line_2: '重构互动疾速体验',
   slogan_line_3: '',
-  nav_docs_link: 'https://artalk.js.org/guide/intro.html',
+  nav_docs_link: 'https://artalk.js.org/zh/guide/intro.html',
   nav_changelog_link: 'https://github.com/ArtalkJS/Artalk/blob/master/CHANGELOG.md',
   github_link: 'https://github.com/ArtalkJS/Artalk',
   docs: '文档',
@@ -21,12 +21,12 @@ export const zhCN: MessageSchema = {
   feature_swift_self_compile: '打算使用代码自编译？',
   deploy_bin: '二进制',
   deploy_bin_sub: '文件部署',
-  deploy_bin_link: 'https://artalk.js.org/guide/deploy.html#普通方式部署',
+  deploy_bin_link: 'https://artalk.js.org/zh/guide/deploy.html#普通方式部署',
   deploy_docker: 'Docker',
   deploy_docker_sub: '镜像部署',
-  deploy_docker_link: 'https://artalk.js.org/guide/deploy.html#docker-部署',
+  deploy_docker_link: 'https://artalk.js.org/zh/guide/deploy.html#docker-部署',
   docker_hub_link: 'https://hub.docker.com/r/artalk/artalk-go',
-  self_compile_guide_link: 'https://artalk.js.org/develop/contributing.html',
+  self_compile_guide_link: 'https://artalk.js.org/zh/develop/contributing.html',
   learn_more: '了解更多',
   copy: '复制',
   copied: '已复制！',