diff --git a/.gitignore b/.gitignore
index 190dc03..17d245d 100644
--- a/.gitignore
+++ b/.gitignore
@@ -46,7 +46,7 @@ meeting.md
 *.csv
 script/special.ts
 script/people.ts
-docs/
 user.ts
 .antlr
-graph.svg
\ No newline at end of file
+graph.svg
+docs/.vitepress
\ No newline at end of file
diff --git a/docs/index.md b/docs/index.md
new file mode 100644
index 0000000..fae36f2
--- /dev/null
+++ b/docs/index.md
@@ -0,0 +1,27 @@
+---
+# https://vitepress.dev/reference/default-theme-home-page
+layout: home
+
+hero:
+    name: 'mota-js'
+    text: 'HTML5魔塔样板V2.A'
+    tagline: HTML5魔塔样板从 2.x 到 3.0 的过渡版本
+    actions:
+        - theme: brand
+          text: 快速开始
+          link: /guide/diff
+        - theme: alt
+          text: API列表
+          link: /api/index
+        - theme: alt
+          text: 旧样板文档
+          link: https://h5mota.com/games/template/_docs/#/
+
+features:
+    - title: 高适配性
+      details: 不论你是在电脑上，还是手机上，甚至是电视上，游戏机上，只要有一个浏览器，就能游玩HTML5魔塔！不论你使用触屏，还是键盘，不论是鼠标，还是手柄，都能流畅地操作！
+    - title: 高扩展性
+      details: HTML5魔塔样板提供了非常丰富的API，借助于插件API，你可以做出任何你想要的东西！
+    - title: 上手难度低
+      details: 哪怕你不会代码，你也可以轻松地造出一个HTML5魔塔！借助于样板的事件系统与网站插件库，你也可以让你的魔塔更有个性！
+---