diff --git a/docs/index.md b/docs/index.md
index 2c8edc1..a219f6c 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -1,3 +1,6 @@
+---
+sidebar_position: 1
+---
 # 引言
 
 写这个的想法源自于，最开始学习编程时，无法入门的痛苦。
diff --git a/docs/post-10.md b/docs/post-10.md
index facb318..d578d05 100644
--- a/docs/post-10.md
+++ b/docs/post-10.md
@@ -1,3 +1,7 @@
+---
+sidebar_position: 10
+---
+
 # React 入门
 
 学完了 1+1，我们可以开始学习微积分了。（🐶 保命）
diff --git a/docs/post-2.md b/docs/post-2.md
index 79e3575..2d183dd 100644
--- a/docs/post-2.md
+++ b/docs/post-2.md
@@ -1,3 +1,7 @@
+---
+sidebar_position: 2
+---
+
 # 信息时代
 
 信息时代有很多获取信息的方式。
diff --git a/docs/post-3.md b/docs/post-3.md
index 2a1eb4d..935d44c 100644
--- a/docs/post-3.md
+++ b/docs/post-3.md
@@ -1,3 +1,7 @@
+---
+sidebar_position: 3
+---
+
 # 现代的网页
 
 现代的网页并不复杂 —— 不只是文字 —— 有漂亮的外观，可以响应用户的操作。
diff --git a/docs/post-4.md b/docs/post-4.md
index e365144..0998880 100644
--- a/docs/post-4.md
+++ b/docs/post-4.md
@@ -1,3 +1,7 @@
+---
+sidebar_position: 4
+---
+
 # HTML5 Hello World
 
 在学习一样新技术的时候，写一个 Hello World 是最简单的。
diff --git a/docs/post-5.md b/docs/post-5.md
index 73d2cd6..f589d4c 100644
--- a/docs/post-5.md
+++ b/docs/post-5.md
@@ -1,3 +1,7 @@
+---
+sidebar_position: 5
+---
+
 # CSS3 快速入门
 
 上一节，入门了 HTML5。了解了 HTML5 的 Hello World 后，我们可以开始学习 CSS3 了。
diff --git a/docs/post-6.md b/docs/post-6.md
index d41f622..4c906b9 100644
--- a/docs/post-6.md
+++ b/docs/post-6.md
@@ -1,3 +1,7 @@
+---
+sidebar_position: 6
+---
+
 # JS Hello World
 
 继续学习 Hello World。
diff --git a/docs/post-7.md b/docs/post-7.md
index 3d213bf..da3eadd 100644
--- a/docs/post-7.md
+++ b/docs/post-7.md
@@ -1,3 +1,7 @@
+---
+sidebar_position: 7
+---
+
 # 模块和库
 
 软件工程领域存在大量的模块和库，目的是为了更方便的维护软件。
diff --git a/docs/post-8.mdx b/docs/post-8.mdx
index b58f63f..b4aabb7 100644
--- a/docs/post-8.mdx
+++ b/docs/post-8.mdx
@@ -1,3 +1,7 @@
+---
+sidebar_position: 8
+---
+
 import Tabs from "@theme/Tabs";
 import TabItem from "@theme/TabItem";
 
diff --git a/docs/post-9.mdx b/docs/post-9.mdx
index 1780677..e855f30 100644
--- a/docs/post-9.mdx
+++ b/docs/post-9.mdx
@@ -1,3 +1,7 @@
+---
+sidebar_position: 9
+---
+
 import Tabs from "@theme/Tabs";
 import TabItem from "@theme/TabItem";