feat: redesign doc pages (#153)

docs/guid/index.md

@@ -0,0 +1,64 @@
+## 项目概览
+
+![](../../databasir.png) 是面向团队的**关系型数据库模型文档管理平台**，旨在通过自动化的方式解决模型文档管理过程中维护成本高、内容更新不及时以及团队协作复杂等问题。
+
+问题反馈：https://github.com/vran-dev/databasir/issues
+
+## 在线演示
+
+在线演示：[http://demo.databasir.com](http://demo.databasir.com)
+
+| 账号 | 密码    | 角色       |
+| ---- | ------- | ---------- |
+| demo | demo123 | 系统管理员 |
+| dev  | dev123  | 普通       |
+
+
+<!-- tabs:start -->
+
+#### **微信群**
+
+扫码加入微信群，随时获取第一手更新内容
+
+<img src="https://s2.loli.net/2022/05/04/c2b5O7yEgB6Yvpo.jpg" width="250px" />
+
+#### **公众号**
+
+![qrcode.jpg](https://s2.loli.net/2022/04/22/mZjlG5u4vrXW1SL.jpg)
+
+#### **邮箱**
+
+vran_dev@foxmail.com
+
+<!-- tabs:end -->
+
+## 多图展示
+
+<!-- tabs:start -->
+
+#### **文档同步**
+
+![sync.gif](https://s2.loli.net/2022/04/22/aoiSR1V3MuN67m8.gif)
+
+#### **版本对比**
+
+![](index/diff.gif)
+
+#### **文档导出**
+
+- UML 图片导出
+
+![](index/uml-export.gif)
+
+- 导出 Markdown 格式展示
+
+![](index/markdown-exported.gif)
+
+<!-- tabs:end -->
+
+## 捐赠
+
+开源不易，扶我起来，再写两行！
+
+<img src="img/sponsor.jpg" width="280">
+