diff --git a/docs/.vitepress/config.js b/docs/.vitepress/config.js
index 5c155ed..2b908ac 100644
--- a/docs/.vitepress/config.js
+++ b/docs/.vitepress/config.js
@@ -1,5 +1,5 @@
 export default {
-    title: 'blogs',
+    title: 'meteoroid.fit',
     description: 'Just playing around.',
     themeConfig: {
         logo: '/icon.png',
@@ -9,31 +9,37 @@ export default {
         ],
         sidebar: [
             {
-                text: '流星探测简介',
+                text: '流星探测理论',
                 items: [
-                    { text: '前言', link: 'meteor/start' },
-                    { text: '探测原理', link: 'meteor/concepts' },
+                    //{ text: '前言', link: 'meteor/start' },
+                    { text: '流星探测原理（1）', link: 'meteor/concepts' },
+                    { text: '流星探测原理（2）', link: 'meteor/concepts2' },
                     { text: '世界上的流星监测网', link: 'meteor/networks' }
                 ]
             },
-            {
-                text: 'meteoroid.fit网站',
-                items: [
-                    { text: '注册', link: 'website/register' }
-                ]
-            },
             {
                 text: '架设流星探测设备',
                 items: [
-                    { text: '总体设计', link: 'hardware/overall' }
+                    /*{ text: '总体设计', link: 'hardware/overall' }*/
                 ]
             },
+            {
+                text: 'meteoroid.fit网站',
+                items: [
+                    /*{ text: '注册', link: 'website/register' }*/
+                ]
+            },
+
             {
                 items: [{
                     text: '京ICP备19031740号-2',
                     link: 'https://beian.miit.gov.cn/'
                 }]
             }
-        ]
+        ],
+        footer: {
+            message: '<a href="https://beian.miit.gov.cn/">京ICP备19031740号-2</a>',
+            copyright: 'Copyright © 2022-present quan787'
+        }
     }
 }
diff --git a/docs/.vitepress/theme/custom.css b/docs/.vitepress/theme/custom.css
new file mode 100644
index 0000000..9888d57
--- /dev/null
+++ b/docs/.vitepress/theme/custom.css
@@ -0,0 +1,4 @@
+:root {
+    --vp-c-brand: #715bca;
+    --vp-c-brand-light: #A096C8;
+}
\ No newline at end of file
diff --git a/docs/.vitepress/theme/index.js b/docs/.vitepress/theme/index.js
new file mode 100644
index 0000000..508d8b4
--- /dev/null
+++ b/docs/.vitepress/theme/index.js
@@ -0,0 +1,4 @@
+import DefaultTheme from 'vitepress/theme'
+import './custom.css'
+
+export default DefaultTheme
\ No newline at end of file
diff --git a/docs/index.md b/docs/index.md
index 4df4618..3847097 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -1,5 +1,28 @@
-# Meteoroid.fit 文档
+---
+title: docs&blogs
 
-[![Deploy](https://github.com/quan787/blog_meteoroid_fit/actions/workflows/deploy.yml/badge.svg)](https://github.com/quan787/blog_meteoroid_fit/actions/workflows/deploy.yml)
+layout: home
 
-![](icon.png)  
\ No newline at end of file
+hero:
+  name: Meteoroid.Fit
+  text: 流星探测全生态链平台
+  tagline: 文档/博客中心
+  image:
+    src: /icon.png
+    alt: logo
+  actions:
+    - theme: brand
+      text: 文档中心
+      link: /preface
+    - theme: alt
+      text: 在GitHub上查看
+      link: https://github.com/quan787/blog_meteoroid_fit
+
+# features:
+#   - title: <a href="https://google.com/">link</a>
+#     details: 1
+#   - title: 网站操作手册
+#     details: With Markdown-centered content, it's built to help you focus on writing and deployed with minimum configuration.
+#   - title: 架设流星探测设备
+#     details: Enhance your content with all the features of Vue in Markdown, while being able to customize your site with Vue.
+---
\ No newline at end of file
diff --git a/docs/preface.md b/docs/preface.md
new file mode 100644
index 0000000..076f3c7
--- /dev/null
+++ b/docs/preface.md
@@ -0,0 +1,20 @@
+# 文档中心
+
+[![Deploy](https://github.com/quan787/blog_meteoroid_fit/actions/workflows/deploy.yml/badge.svg)](https://github.com/quan787/blog_meteoroid_fit/actions/workflows/deploy.yml)
+
+## 流星探测理论
+
+这里是流星探测的技术博客，记录了在我们的流星观测中的发现和思考。
+
+* [流星探测原理（1）](meteor/concepts)
+* [流星探测原理（2）](meteor/concepts2)
+* [世界上的流星监测网](meteor/networks)
+
+
+## 架设流星探测设备
+
+从零开始，搭建一套可以自动运行、远程管理的流星观测站
+
+## 网站使用说明
+
+在网站上管理你的设备和数据，与大家一起探究流星的奥秘
\ No newline at end of file