diff --git a/.vitepress/config.mts b/.vitepress/config.mts
index 452c258..ba2b4eb 100644
--- a/.vitepress/config.mts
+++ b/.vitepress/config.mts
@@ -6,10 +6,12 @@ export const customIcons = {
 	}
 }
 
+export const baseUrl = '/openmcp'; 
+
 export default defineConfig({
 	title: "OpenMCP",
 	description: "为开发者和科研人员准备的MCP开发环境和SDK",
-	base: '/openmcp',
+	base: baseUrl,
 	ignoreDeadLinks: true,
 
 	head: [
diff --git a/.vitepress/theme/components/nav-item/index.vue b/.vitepress/theme/components/nav-item/index.vue
index a8eb0bd..e2ac3ef 100644
--- a/.vitepress/theme/components/nav-item/index.vue
+++ b/.vitepress/theme/components/nav-item/index.vue
@@ -1,6 +1,6 @@
 <template>
     <a class="nav-item" @mouseenter="isHovered = true" @mouseleave="isHovered = false"
-        :href="link"
+        :href="baseUrl + link"
     >
         <div class="nav-item-content">
             <div class="nav-item-icon" v-if="icon">
@@ -17,6 +17,8 @@
 <script setup>
 import { ref, computed } from 'vue';
 
+const baseUrl = '/openmcp';
+
 const props = defineProps({
     title: { type: String, required: true },
     description: { type: String, required: true },
diff --git a/index.md b/index.md
index c3dd313..4b7e68e 100644
--- a/index.md
+++ b/index.md
@@ -13,10 +13,10 @@ hero:
   actions:
     - theme: brand
       text: OpenMCP 插件
-      link: /plugin-tutorial
+      link: ./plugin-tutorial
     - theme: alt
       text: openmcp-sdk
-      link: /sdk-tutorial
+      link: ./sdk-tutorial
     - theme: alt
       text: GitHub
       link: https://github.com/LSTM-Kirigaya/openmcp-client
@@ -64,7 +64,7 @@ features:
     '每一次对话都会显示各项性能指标，方便进行成本管理。',
     '系统提示词管理面板，让您轻松用 mcp 服务器和系统提示词构建您的智能体应用。',
   ]"
-  image="/images/openmcp.chatbot.png"
+  image="./images/openmcp.chatbot.png"
 />
 <TwoSideLayout
   label="开源社区爱好者"
@@ -75,7 +75,7 @@ features:
     '可持久化的系统提示词管理面板，让您可以将实际的 mcp 服务器的系统提示词进行测试，以便于在社区内进行分享',
     '每一次测试的细节都会 100% 跟随 git 进行版本控制，方便你分享你的每一次试验结果，也方便你零成本复现别人的 mcp 项目。'
   ]"
-  image="/images/opensource.png"
+  image="./images/opensource.png"
 />
 <TwoSideLayout
   label="AI研发科学家"
@@ -85,7 +85,7 @@ features:
     '所有实验数据与配置参数均自动纳入Git版本管理系统，确保研究成果可追溯、可复现，便于学术交流与论文复现。',
     '基于 OpenMCP 快速完成您的 demo，缩短创新到落地的距离',
   ]"
-  image="/images/openmcp.chatbot.png"
+  image="./images/openmcp.chatbot.png"
 />
 </KTab>
 
diff --git a/plugin-tutorial/examples/go-neo4j-sse.md b/plugin-tutorial/examples/go-neo4j-sse.md
index c1bb5b2..5e70ebe 100644
--- a/plugin-tutorial/examples/go-neo4j-sse.md
+++ b/plugin-tutorial/examples/go-neo4j-sse.md
@@ -10,7 +10,7 @@
 
 建议下载本期的代码，因为里面有我为大家准备好的数据库文件。要不然，你们得自己 mock 数据了。
 
----
+
 
 ## 1. 准备
 
@@ -32,7 +32,7 @@ cd neo4j-go-server
 go mod init neo4j-go-server
 ```
 
----
+
 
 ## 2. 完成数据库初始化
 
@@ -177,7 +177,7 @@ go run main.go
 
 如果输出了 `Neo4j driver created successfully`，则说明数据库的连通性验证通过。
 
----
+
 
 ## 3. 实现 mcp 服务器
 
@@ -249,7 +249,7 @@ Server started at http://localhost:8083/sse
 
 说明我们的 mcp 服务器在本地的 8083 上启动了。
 
----
+
 
 ## 4. 通过 openmcp 来进行调试
 
@@ -348,7 +348,7 @@ CALL db.labels() YIELD label RETURN label
 
 通过使用 openmcp 调试，我们可以通过 system prompt + mcp server 来唯一确定一个 agent 的表现行为。
 
----
+
 
 ## 5. 扩充 mcp 服务器的原子技能
 
diff --git a/plugin-tutorial/examples/python-simple-stdio.md b/plugin-tutorial/examples/python-simple-stdio.md
index c52d588..ec11cc4 100644
--- a/plugin-tutorial/examples/python-simple-stdio.md
+++ b/plugin-tutorial/examples/python-simple-stdio.md
@@ -14,7 +14,7 @@
 
 如果直接写函数用 function calling 显得有点麻烦，这里面涉及到很多麻烦的技术细节需要我们商榷，比如大模型提供商的API调用呀，任务循环的搭建呀，文本渲染等等，从而浪费我们宝贵的时间。而 MCP 给了我们救赎之道，今天这期教程，就教大家写一个简单的 MCP 服务器，可以让大模型拥有得知天气预报的能力。
 
----
+
 
 ## 前言
 
@@ -217,7 +217,7 @@ mcp = FastMCP('锦恢的 MCP Server', version="11.45.14")
 
 目前我暂时只支持 tools 的支持，因为 prompts 和 resources 的我还没有想好，（resource 感觉就是可以当成一个 tool），欢迎大家进群和我一起讨论：QQ群 782833642
 
----
+
 
 ## 开始调试天气函数