update

gvcgo · Dec 21, 2024 · d6842d4 · d6842d4
1 parent 452820b
commit d6842d4
Show file tree

Hide file tree

Showing 3 changed files with 100 additions and 0 deletions.
diff --git a/astro.config.mjs b/astro.config.mjs
@@ -76,6 +76,13 @@ export default defineConfig({
 						{ label: '学习资料', slug: 'frontend/frontend' },
 					],
 				},
+				{
+					label: '设计师相关',
+					items: [
+						// Each item here is one entry in the navigation menu.
+						{ label: '设计师导航', slug: 'designer/designer' },
+					],
+				},
 			],
 			defaultLocale: 'root',
 			locales:{

diff --git a/src/content/docs/designer/designer.mdx b/src/content/docs/designer/designer.mdx
@@ -0,0 +1,21 @@
+---
+title: 设计师工具导航
+description: 超级开发者卷起来.
+---
+
+import { Card, CardGrid, LinkCard, Icon } from "@astrojs/starlight/components";
+
+<CardGrid>
+  <Card title="青年帮设计导航" icon="seti:notebook">
+    <LinkCard title="网站" href="https://www.qingnian8.com/" />
+  </Card>
+  <Card title="设计达人" icon="seti:notebook">
+    <LinkCard title="网站" href="https://hao.shejidaren.com/" />
+  </Card>
+  <Card title="优设导航" icon="seti:notebook">
+    <LinkCard title="网站" href="https://hao.uisdc.com/" />
+  </Card>
+  <Card title="设计师网址导航" icon="seti:notebook">
+    <LinkCard title="网站" href="https://webstack.cc/cn/index.html" />
+  </Card>
+</CardGrid>
diff --git a/src/content/docs/frontend/frontend.mdx b/src/content/docs/frontend/frontend.mdx
@@ -2,3 +2,75 @@
 title: 前端开发相关资料
 description: 愉快学习前端.
 ---
+
+import { Card, CardGrid, LinkCard, Icon } from "@astrojs/starlight/components";
+
+## 编程语言相关
+
+<CardGrid>
+  <Card title="JavaScript ES6" icon="seti:notebook">
+    <LinkCard title="网站" href="https://es6.ruanyifeng.com/" />
+  </Card>
+  <Card title="TypeScript" icon="seti:notebook">
+    <LinkCard title="网站" href="https://wangdoc.com/typescript/intro" />
+    <LinkCard title="文档" href="https://typescript.bootcss.com/" />
+  </Card>
+  <Card title="H5" icon="seti:notebook">
+    <LinkCard
+      title="网站"
+      href="https://www.runoob.com/html/html5-intro.html"
+    />
+  </Card>
+  <Card title="CSS" icon="seti:notebook">
+    <LinkCard title="w3ccoo" href="https://www.w3ccoo.com/css/index.html" />
+    <LinkCard
+      title="w3schools"
+      href="https://w3schools.org.cn/css/default.asp"
+    />
+    <LinkCard
+      title="菜鸟教程"
+      href="https://www.runoob.com/css/css-tutorial.html"
+    />
+    <LinkCard
+      title="mdn"
+      href="https://developer.mozilla.org/zh-CN/docs/Web/CSS"
+    />
+  </Card>
+</CardGrid>
+
+## 前端框架相关
+
+<CardGrid>
+  <Card title="Vue3" icon="seti:notebook">
+    <LinkCard title="网站" href="https://cn.vuejs.org/" />
+  </Card>
+  <Card title="React" icon="seti:notebook">
+    <LinkCard title="网站" href="https://react.docschina.org/" />
+  </Card>
+  <Card title="Angular15" icon="seti:notebook">
+    <LinkCard title="网站" href="https://v15.angular.cn/" />
+  </Card>
+  <Card title="uni-app" icon="seti:notebook">
+    <LinkCard title="网站" href="https://uniapp.dcloud.net.cn/" />
+  </Card>
+  <Card title="tailwindcss" icon="seti:notebook">
+    <LinkCard title="网站" href="https://www.tailwindcss.cn/" />
+  </Card>
+  <Card title="element-plus" icon="seti:notebook">
+    <LinkCard title="网站" href="https://element-plus.org/zh-CN/" />
+  </Card>
+</CardGrid>
+
+## 前端工具相关
+
+<CardGrid>
+  <Card title="hbuilderx" icon="seti:notebook">
+    <LinkCard title="网站" href="https://www.dcloud.io/hbuilderx.html" />
+  </Card>
+  <Card title="微信开发者工具" icon="seti:notebook">
+    <LinkCard
+      title="网站"
+      href="https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html"
+    />
+  </Card>
+</CardGrid>