diff --git a/docs/.vuepress/config.ts b/docs/.vuepress/config.ts
index 303a29f..7832e4b 100644
--- a/docs/.vuepress/config.ts
+++ b/docs/.vuepress/config.ts
@@ -1,5 +1,11 @@
-import path from 'path'
-
 export default {
+    base: "./",
+    title: 'Vaguer',
     plugins: ['demo-container'],
+    themeConfig: {
+        nav: [
+            { text: 'Home', link: '/' }
+        ],
+        sidebar: {}
+    }
 }
\ No newline at end of file
diff --git a/docs/README.md b/docs/README.md
index 9690a97..6243697 100644
--- a/docs/README.md
+++ b/docs/README.md
@@ -1,6 +1,6 @@
-# Hello VuePressasd
+# Hello Vaguer
 
-组件展示
+Vue2组件展示
 
 ::: demo 此处放置代码示例的描述信息，支持 `Markdown` 语法，**描述信息只支持单行**
 ```html
diff --git a/docs/guide/README.md b/docs/guide/README.md
new file mode 100644
index 0000000..9690a97
--- /dev/null
+++ b/docs/guide/README.md
@@ -0,0 +1,29 @@
+# Hello VuePressasd
+
+组件展示
+
+::: demo 此处放置代码示例的描述信息，支持 `Markdown` 语法，**描述信息只支持单行**
+```html
+<template>
+  <div class="red-center-text">
+      <VaguerButton>{{ message }}</VaguerButton>
+      <input v-model="message" placeholder="Input something..."/>
+  </div>
+</template>
+<script>
+export default {
+  data() {
+    return {
+      message: 'Hello Vue'
+    }
+  }
+}
+</script>
+<style>
+.red-center-text { 
+  color: #ff7875;
+  text-align: center;
+}
+</style>
+```
+:::
\ No newline at end of file
diff --git a/docs/guide/vue/README.md b/docs/guide/vue/README.md
new file mode 100644
index 0000000..56000ef
--- /dev/null
+++ b/docs/guide/vue/README.md
@@ -0,0 +1 @@
+fuck
\ No newline at end of file
diff --git a/docs/guide/vue/test01.md b/docs/guide/vue/test01.md
new file mode 100644
index 0000000..5e3f9c9
--- /dev/null
+++ b/docs/guide/vue/test01.md
@@ -0,0 +1 @@
+# sda
\ No newline at end of file