diff --git a/server.py b/server.py
index 292a96501..02a1d0027 100755
--- a/server.py
+++ b/server.py
@@ -71,9 +71,9 @@ def decorated_function(*args, **kwargs):
     return decorated_function
 
 
-@app.route("/")
-def serve_index():
-    return send_from_directory("dist", "index.html")
+@app.route("/<path:path>")
+def serve_index(path):
+    return send_from_directory("dist", path)
 
 
 @app.errorhandler(404)
diff --git a/ui/components.d.ts b/ui/components.d.ts
index 0fdc6f357..de84912ed 100644
--- a/ui/components.d.ts
+++ b/ui/components.d.ts
@@ -21,6 +21,7 @@ declare module '@vue/runtime-core' {
     MaaWeekly: typeof import('./src/components/MaaWeekly.vue')['default']
     MaaWeeklyNew: typeof import('./src/components/MaaWeeklyNew.vue')['default']
     MaaWeeklypartly: typeof import('./src/components/MaaWeeklypartly.vue')['default']
+    NA: typeof import('naive-ui')['NA']
     NAvatar: typeof import('naive-ui')['NAvatar']
     NButton: typeof import('naive-ui')['NButton']
     NCard: typeof import('naive-ui')['NCard']
diff --git a/ui/src/pages/Doc.vue b/ui/src/pages/Doc.vue
index f14831097..8b14a7249 100644
--- a/ui/src/pages/Doc.vue
+++ b/ui/src/pages/Doc.vue
@@ -1,7 +1,20 @@
 <template>
+  <div class="link-container">
+    在线文档地址：
+    <n-a href="https://arkmowers.github.io/arknights-mower/" target="_blank">
+      https://arkmowers.github.io/arknights-mower/
+    </n-a>
+  </div>
   <iframe
-    :src="'https://arkmowers.github.io/arknights-mower/'"
+    src="/docs/index.html"
     sandbox="allow-popups allow-scripts allow-same-origin"
     style="width: 100%; height: 100vh; border: none"
   />
 </template>
+
+<style scoped>
+.link-container {
+  width: 100%;
+  padding: 6px 12px 0;
+}
+</style>