docs(docs): add miaoer bilibili video to documentation

Author: wibus-wee

components/Icons/BilibiliFill.tsx

@@ -0,0 +1,7 @@
+import { SVGProps } from "react";
+
+export function RiBilibiliFill(props: SVGProps<SVGSVGElement>) {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" width="1.5em" height="1.5em" viewBox="0 0 24 24" {...props}><path fill="currentColor" d="M18.223 3.086a1.25 1.25 0 0 1 0 1.768L17.08 5.996h1.17A3.75 3.75 0 0 1 22 9.746v7.5a3.75 3.75 0 0 1-3.75 3.75H5.75A3.75 3.75 0 0 1 2 17.246v-7.5a3.75 3.75 0 0 1 3.75-3.75h1.166L5.775 4.855a1.25 1.25 0 0 1 1.767-1.768l2.652 2.651c.079.08.145.166.198.258h3.213c.053-.092.12-.18.199-.259l2.651-2.651a1.25 1.25 0 0 1 1.768 0Zm.027 5.42H5.75a1.25 1.25 0 0 0-1.247 1.157l-.003.093v7.5c0 .66.51 1.2 1.157 1.247l.093.003h12.5a1.25 1.25 0 0 0 1.247-1.156l.003-.094v-7.5c0-.69-.56-1.25-1.25-1.25Zm-10 2.5c.69 0 1.25.56 1.25 1.25v1.25a1.25 1.25 0 0 1-2.5 0v-1.25c0-.69.56-1.25 1.25-1.25Zm7.5 0c.69 0 1.25.56 1.25 1.25v1.25a1.25 1.25 0 0 1-2.5 0v-1.25c0-.69.56-1.25 1.25-1.25Z"></path></svg>
+  )
+}

components/Icons/MoreFour.tsx

@@ -0,0 +1,7 @@
+import { SVGProps } from "react";
+
+export function IconParkMoreFour(props: SVGProps<SVGSVGElement>) {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" width="1.5em" height="1.5em" viewBox="0 0 48 48" {...props}><mask id="ipTMoreFour0"><path fill="#555" stroke="#fff" strokeLinecap="round" strokeLinejoin="round" strokeWidth="4" d="m17 11l7.071-7.071L31.142 11l-7.07 7.071zm13 13l7.071-7.071L44.142 24l-7.07 7.071zM4 24l7.071-7.071L18.142 24l-7.07 7.071zm13 13l7.071-7.071L31.142 37l-7.07 7.071z"></path></mask><path fill="currentColor" d="M0 0h48v48H0z" mask="url(#ipTMoreFour0)"></path></svg>
+  )
+}

pages/docs/_meta.json

@@ -7,5 +7,6 @@
   },
   "docker": "Docker 部署",
   "scripts": "预设脚本部署",
-  "advanced": "进阶部署"
+  "advanced": "进阶部署",
+  "community": "社区分享"
 }

pages/docs/community.mdx

@@ -0,0 +1,12 @@
+# 社区用户 の 部署教程
+
+以下是社区用户分享的部署方式，你可以参考他们的部署方式，但我们不保证它们的可用性。如果你也有教程想要与大家分享的，欢迎您向文档提交 [Pull Request](https://github.com/mx-space/docs/pulls) 以分享您的部署方式。
+
+---
+
+import { RiBilibiliFill } from '@components/Icons/BilibiliFill';
+import { Cards, Card } from 'nextra/components';
+
+<Cards num={3}>
+<Card arrow title="BiliBili 教程 By 喵二" href="https://www.bilibili.com/video/BV14N4y137ZW/" icon={<RiBilibiliFill />} target="_blank" />
+</Cards>

pages/docs/index.mdx

@@ -31,10 +31,13 @@ import { UimStar } from '@components/Icons/Star';
   <Card arrow title="进阶部署" href="/docs/advanced" icon={<UimStar />} />
 </Cards>
 
-还有更多部署方式吗？欢迎您向文档提交 [Pull Request](https://github.com/mx-space/docs/pulls) 以分享您的部署方式。按上方**后端部署文档**完成你的部署后，你可以通过以下方式来继续部署 Mix Space **前端**： *（为什么分开部署？请查看 [一些你需要清楚知道的事情](#一些你需要清楚知道的事情)）*
+还有更多部署方式吗？欢迎您向文档提交 [Pull Request](https://github.com/mx-space/docs/pulls) 以分享您的部署方式。按上方**后端部署文档**完成你的部署后，你可以通过继续部署 Mix Space **前端** *（为什么分开部署？请查看 [一些你需要清楚知道的事情](#一些你需要清楚知道的事情)）*
+
+下面是一些你可能需要的链接：
 
 <Cards num={1}>
-  <Card arrow title="浏览前端主题" href="/themes" />
+  <Card arrow title="前端主题 の 部署文档" href="/themes" />
+  <Card arrow title="社区用户 の 部署教程" href="/docs/community" />
 </Cards>