diff --git a/_layouts/home.html b/_layouts/home.html
new file mode 100644
index 0000000..e45ab72
--- /dev/null
+++ b/_layouts/home.html
@@ -0,0 +1,19 @@
+---
+layout: document
+---
+
+{{ content }}
+
+{% capture list %}
+{% for group in site.data.navigation.docs -%}
+## {{ group.title }}
+{% for item in group.children -%}
+1. [{{ item.title }}]({{ item.url | relative_url }})
+{%- if item.description %}\
+   {{ item.description }}
+{%- endif %}
+{% endfor %}
+{% endfor %}
+{% endcapture %}
+
+{{ list | markdownify }}
diff --git a/index.md b/index.md
index 3e39b43..c188575 100644
--- a/index.md
+++ b/index.md
@@ -1,31 +1,25 @@
 ---
+layout: home
 title: HMCL 新手导航
 author: wifi-left
 ---
 
-## 注意 Notice
+<!--{% comment %}-->
+> [!NOTE]
+> <!--{% endcomment %}-->
+> <!----{{ '>' }} **Notice** <br> {{ '<' }}!---->
+> The articles were written in Simplified Chinese. If you want to help translate them, please send a pull request to [HMCL-docs/pulls](https://github.com/HMCL-dev/HMCL-docs/pulls). Or you can enable your translation tool to read.\
+> If you encounter a BUG, please send feedback in time to [HMCL/issues](https://github.com/HMCL-dev/HMCL/issues).\
+> You can also submit your suggestions here.
+<!----{{ '>' }}
+{: .notice--info }
 
-The articles were written in Simplified Chinese. If you want to help translate them, please send a pull request to [GitHub: HMCL-dev/HMCL-docs](https://github.com/HMCL-dev/HMCL-docs/pulls). Or you can enable your translation tool to read.
-
-If you encounter a BUG, please send feedback in time to [GitHub: huanghongxun/HMCL/issues](https://github.com/HMCL-dev/HMCL/issues).
-
-You can also submit your suggestions here.
-
-如果您遇到 BUG，请及时在 [GitHub: huanghongxun/HMCL/issues](https://github.com/HMCL-dev/HMCL/issues) 发送反馈。
-
-您也可以在这里提交您的建议。
-
-{% comment %}
-此处的目录从 `_data/navigation.yml` 中的 docs 条目渲染，请修改该文件以更新目录
-{% endcomment %}
-{% for group in site.data.navigation.docs %}
-## {{ group.title }}
-
-{% for item in group.children %}
-{{ forloop.index }}. [{{ item.title }}]({{ item.url }})
-{%- if item.description %}
-
-    {{ item.description }}
-{% endif %}
-{% endfor %}
-{% endfor %}
+<!--{% comment %}-->
+> [!NOTE]
+> <!--{% endcomment %}-->
+> <!----{{ '>' }} **注意** <br> {{ '<' }}!---->
+> 如果您遇到 BUG，请及时在 [HMCL/issues](https://github.com/HMCL-dev/HMCL/issues) 发送反馈。\
+> 您也可以在这里提交您的建议。
+<!----{{ '>' }}
+{: .notice--info }
+<!---->