添加首页README以及目录页

docs/README.md

@@ -0,0 +1,46 @@
+---
+# 首页
+home: true
+
+# 首页图片的 URL
+heroImage: /images/logo.png
+
+# 首页图片的 alt 属性
+heroAlt: " "
+
+# 标题   如果不设置，则默认使用站点 title
+# heroText: Coz的学习笔记
+
+#首页的标语 如果不设置，则默认使用站点 description 设置为 null 来禁用首页标语
+tagline: 🎉欢迎来到Coding Zhang的笔记小站🎊
+
+actions:
+  - text: 查看目录
+    link: /guide
+    type: primary
+
+footerHtml: true
+
+footer:
+   MIT Licensed | Copyright © 2021 <a href="http://www.only4.work/" target="_blank" rel="noopener noreferrer">张小弟之家</a>
+sidebar: false
+---
+
+<p align=center style="margin-top: 70px;">梦想需要付诸行动，否则只能是梦</p>
+
+<!--
+actions:
+
+  - text: 张小弟之家
+    link: https://www.only4.work/
+    type: secondary
+
+https://v2.vuepress.vuejs.org/zh/reference/default-theme/frontmatter.html#footerhtml
+features:
+- title: 计算机网络笔记
+  details: 111 [计算机网络笔记](computer-networks)
+- title: 基础知识
+  details: 树莓派硬件介绍和常用命令，掌握树莓派的基础知识，可以做一些树莓派的入门实验。
+- title: 快速上手
+  details: 树莓派是什么，树莓派怎么购买，怎么快速启动，都有那些树莓派版本？在这里都可以找到答案。
+  -->

docs/guide.md

@@ -0,0 +1,23 @@
+---
+# 首页
+home: true
+
+# 标题
+heroText: 目录
+
+# 标语
+tagline: 🎉欢迎来到Coding Zhang的笔记小站🎊
+
+actions:
+  - text: 回首页
+    link: /
+    type: secondary
+---
+
+<div align=center style="margin-top: 70px; font-size: larger;">
+
+[计算机网络笔记](computer-networks)
+
+[web服务器](web-server)
+
+</div>