frontend

gvcgo · Dec 7, 2024 · f49854a · f49854a
1 parent 317e6aa
commit f49854a
Show file tree

Hide file tree

Showing 3 changed files with 174 additions and 129 deletions.
diff --git a/astro.config.mjs b/astro.config.mjs
@@ -69,6 +69,13 @@ export default defineConfig({
 						{ label: '大模型学习', slug: 'ai/ai' },
 					],
 				},
+				{
+					label: '前端学习',
+					items: [
+						// Each item here is one entry in the navigation menu.
+						{ label: '学习资料', slug: 'frontend/frontend' },
+					],
+				},
 			],
 			defaultLocale: 'root',
 			locales:{

diff --git a/src/content/docs/community/community.mdx b/src/content/docs/community/community.mdx
@@ -5,150 +5,184 @@ description: 一起学习Kafka/RocketMQ.
 
 ## 国内技术社区
 
-import { Card, CardGrid, LinkCard, Icon } from '@astrojs/starlight/components';
+import { Card, CardGrid, LinkCard, Icon } from "@astrojs/starlight/components";
 
 <CardGrid>
-	<Card title="开源中国" icon="seti:notebook">
-        目前国内最大的开源技术社区
-		<LinkCard title="网站" href="https://www.oschina.net/" />
-	</Card>
-    <Card title="稀土掘金" icon="seti:notebook">
-        一个帮助开发者成长的社区(感觉都去捞钱了，现在没啥意思了)
-		<LinkCard title="网站" href="https://juejin.cn/" />
-	</Card>
-    <Card title="博客园" icon="seti:notebook">
-        开发者的网上家园(要倒闭，目前暂时救回来了)
-		<LinkCard title="网站" href="https://www.cnblogs.com/" />
-	</Card>
-    <Card title="go语言中文网" icon="seti:notebook">
-        go语言爱好者的网上家园(目前不怎么活跃了)
-		<LinkCard title="网站" href="https://studygolang.com/" />
-	</Card>
-    <Card title="chinaunix" icon="seti:notebook">
-        中国最大的Linux/Unix技术社区网站(太老了，很多板块现在都不活跃了，但是历史帖子很多)
-		<LinkCard title="网站" href="http://bbs.chinaunix.net/" />
-	</Card>
-    <Card title="v2ex" icon="seti:notebook">
-        一个需要梯子和邀请码的中文社区，主要是程序员之间交流。
-		<LinkCard title="网站" href="https://www.v2ex.com/" />
-	</Card>
-    <Card title="B站" icon="seti:notebook">
-        别问B站为什么上榜，你就搜一搜，看看上面有多少视频课程和技术分享。
-		<LinkCard title="网站" href="https://www.bilibili.com/" />
-	</Card>
-	<Card title="电鸭社区" icon="seti:notebook">
-        国内比较知名的找远程工作的社区。
-		<LinkCard title="网站" href="https://eleduck.com/" />
-	</Card>
+  <Card title="开源中国" icon="seti:notebook">
+    目前国内最大的开源技术社区
+    <LinkCard title="网站" href="https://www.oschina.net/" />
+  </Card>
+  <Card title="稀土掘金" icon="seti:notebook">
+    一个帮助开发者成长的社区(感觉都去捞钱了，现在没啥意思了)
+    <LinkCard title="网站" href="https://juejin.cn/" />
+  </Card>
+  <Card title="博客园" icon="seti:notebook">
+    开发者的网上家园(要倒闭，目前暂时救回来了)
+    <LinkCard title="网站" href="https://www.cnblogs.com/" />
+  </Card>
+  <Card title="go语言中文网" icon="seti:notebook">
+    go语言爱好者的网上家园(目前不怎么活跃了)
+    <LinkCard title="网站" href="https://studygolang.com/" />
+  </Card>
+  <Card title="chinaunix" icon="seti:notebook">
+    中国最大的Linux/Unix技术社区网站(太老了，很多板块现在都不活跃了，但是历史帖子很多)
+    <LinkCard title="网站" href="http://bbs.chinaunix.net/" />
+  </Card>
+  <Card title="v2ex" icon="seti:notebook">
+    一个需要梯子和邀请码的中文社区，主要是程序员之间交流。
+    <LinkCard title="网站" href="https://www.v2ex.com/" />
+  </Card>
+  <Card title="B站" icon="seti:notebook">
+    别问B站为什么上榜，你就搜一搜，看看上面有多少视频课程和技术分享。
+    <LinkCard title="网站" href="https://www.bilibili.com/" />
+  </Card>
+  <Card title="电鸭社区" icon="seti:notebook">
+    国内比较知名的找远程工作的社区。
+    <LinkCard title="网站" href="https://eleduck.com/" />
+  </Card>
 </CardGrid>
 
 ## 国外技术社区
 
 <CardGrid>
-	<Card title="StackOverFlow" icon="seti:notebook">
-        解决疑难bug的神器网站。
-		<LinkCard title="网站" href="https://stackoverflow.com/" />
-	</Card>
-    <Card title="Hacker News" icon="seti:notebook">
-        可以发布自己的开源作品，也可以看别人的开源作品或者观点之类的。
-		<LinkCard title="网站" href="https://news.ycombinator.com/" />
-	</Card>
-    <Card title="Reddit" icon="seti:notebook">
-        有很多技术相关的群。
-		<LinkCard title="网站" href="https://www.reddit.com/" />
-	</Card>
-    <Card title="Quora" icon="seti:notebook">
-        类似于知乎，也可以搜一些技术问题。
-		<LinkCard title="网站" href="https://www.quora.com/" />
-	</Card>
-    <Card title="Github" icon="seti:notebook">
-        想想还是加上吧，应该没有一个程序员是不知道的吧。
-		<LinkCard title="网站" href="https://github.com/" />
-	</Card>
+  <Card title="StackOverFlow" icon="seti:notebook">
+    解决疑难bug的神器网站。
+    <LinkCard title="网站" href="https://stackoverflow.com/" />
+  </Card>
+  <Card title="Hacker News" icon="seti:notebook">
+    可以发布自己的开源作品，也可以看别人的开源作品或者观点之类的。
+    <LinkCard title="网站" href="https://news.ycombinator.com/" />
+  </Card>
+  <Card title="Reddit" icon="seti:notebook">
+    有很多技术相关的群。
+    <LinkCard title="网站" href="https://www.reddit.com/" />
+  </Card>
+  <Card title="Quora" icon="seti:notebook">
+    类似于知乎，也可以搜一些技术问题。
+    <LinkCard title="网站" href="https://www.quora.com/" />
+  </Card>
+  <Card title="Github" icon="seti:notebook">
+    想想还是加上吧，应该没有一个程序员是不知道的吧。
+    <LinkCard title="网站" href="https://github.com/" />
+  </Card>
 </CardGrid>
 
 ## 大佬的技术博客
 
 <CardGrid>
-	<Card title="左耳听风" icon="seti:notebook">
-        大佬已经作古，可以去博客瞻仰缅怀。
-		<LinkCard title="网站" href="https://warrenluquant.gitbook.io/zuo-er-ting-feng" />
-	</Card>
-    <Card title="淘宝数据库内核月报" icon="seti:notebook">
-        做相关方向的大佬可以去看看。
-		<LinkCard title="网站" href="http://mysql.taobao.org/monthly/" />
-	</Card>
-    <Card title="二丫讲梵" icon="seti:notebook">
-        一个运维大佬的博客，也是我的开源项目VMR的第一个代码贡献者，他的肯定也给了我继续把VMR完善的信心。
-		<LinkCard title="网站" href="https://wiki.eryajf.net/" />
-	</Card>
-    <Card title="祝亚森" icon="seti:notebook">
-        Sponge框架的作者，基于Gin和grpc定制的一套http和微服务框架。
-		<LinkCard title="网站" href="https://zhuyasen.com/archives.html" />
-	</Card>
-    <Card title="美团技术团队" icon="seti:notebook">
-        美团技术团队的一些架构方面的技术分享。
-		<LinkCard title="网站" href="https://tech.meituan.com/" />
-	</Card>
-    <Card title="AGou的博客" icon="seti:notebook">
-        有一些关于DevOPs的文章。
-		<LinkCard title="网站" href="https://agou-ops.cn/post/" />
-	</Card>
-	<Card title="陈明勇的博客" icon="seti:notebook">
-        主要是go语言相关的文章。
-		<LinkCard title="网站" href="https://chenmingyong.cn/" />
-	</Card>
-	<Card title="饶全成的博客" icon="seti:notebook">
-        主要是go语言相关的文章。
-		<LinkCard title="网站" href="https://qcrao.com/" />
-	</Card>
-	<Card title="煎鱼的博客" icon="seti:notebook">
-        主要是go语言相关的文章。
-		<LinkCard title="网站" href="https://eddycjy.com/" />
-	</Card>
-	<Card title="go相关的一些外文博客和文章" icon="seti:notebook">
-		go training.
-		<LinkCard title="网站" href="https://github.com/ardanlabs/gotraining/blob/master/reading/README.md" />
-	</Card>
-	<Card title="曹春晖的博客" icon="seti:notebook">
-		go语言相关。
-		<LinkCard title="网站" href="https://xargin.com/page/4/" />
-	</Card>
-	<Card title="柴树杉的博客" icon="seti:notebook">
-		go语言相关。
-		<LinkCard title="网站" href="https://chai2010.cn/post/" />
-	</Card>
+  <Card title="左耳听风" icon="seti:notebook">
+    大佬已经作古，可以去博客瞻仰缅怀。
+    <LinkCard
+      title="网站"
+      href="https://warrenluquant.gitbook.io/zuo-er-ting-feng"
+    />
+  </Card>
+  <Card title="淘宝数据库内核月报" icon="seti:notebook">
+    做相关方向的大佬可以去看看。
+    <LinkCard title="网站" href="http://mysql.taobao.org/monthly/" />
+  </Card>
+  <Card title="二丫讲梵" icon="seti:notebook">
+    一个运维大佬的博客，也是我的开源项目VMR的第一个代码贡献者，他的肯定也给了我继续把VMR完善的信心。
+    <LinkCard title="网站" href="https://wiki.eryajf.net/" />
+  </Card>
+  <Card title="祝亚森" icon="seti:notebook">
+    Sponge框架的作者，基于Gin和grpc定制的一套http和微服务框架。
+    <LinkCard title="网站" href="https://zhuyasen.com/archives.html" />
+  </Card>
+  <Card title="美团技术团队" icon="seti:notebook">
+    美团技术团队的一些架构方面的技术分享。
+    <LinkCard title="网站" href="https://tech.meituan.com/" />
+  </Card>
+  <Card title="AGou的博客" icon="seti:notebook">
+    有一些关于DevOPs的文章。
+    <LinkCard title="网站" href="https://agou-ops.cn/post/" />
+  </Card>
+  <Card title="陈明勇的博客" icon="seti:notebook">
+    主要是go语言相关的文章。
+    <LinkCard title="网站" href="https://chenmingyong.cn/" />
+  </Card>
+  <Card title="饶全成的博客" icon="seti:notebook">
+    主要是go语言相关的文章。
+    <LinkCard title="网站" href="https://qcrao.com/" />
+  </Card>
+  <Card title="煎鱼的博客" icon="seti:notebook">
+    主要是go语言相关的文章。
+    <LinkCard title="网站" href="https://eddycjy.com/" />
+  </Card>
+  <Card title="go相关的一些外文博客和文章" icon="seti:notebook">
+    go training.
+    <LinkCard
+      title="网站"
+      href="https://github.com/ardanlabs/gotraining/blob/master/reading/README.md"
+    />
+  </Card>
+  <Card title="曹春晖的博客" icon="seti:notebook">
+    go语言相关。
+    <LinkCard title="网站" href="https://xargin.com/page/4/" />
+  </Card>
+  <Card title="柴树杉的博客" icon="seti:notebook">
+    go语言相关。
+    <LinkCard title="网站" href="https://chai2010.cn/post/" />
+  </Card>
+  <Card title="张鑫旭的博客" icon="seti:notebook">
+    《CSS世界》的作者。前端相关相关。
+    <LinkCard
+      title="网站"
+      href="https://www.zhangxinxu.com/wordpress/category/html/"
+    />
+  </Card>
 </CardGrid>
 
 ## 一些优秀的技术公众号
 
 <CardGrid>
-	<Card title="小徐先生的编程世界" icon="seti:notebook">
-        有一些关于源码阅读的万字长文，非常好。
-		<LinkCard title="网站" href="https://mp.weixin.qq.com/s/_FTvpvLIWfYzgNhOJgKypA" />
-	</Card>
-	<Card title="HelloGithub" icon="seti:notebook">
-        一些优秀、有趣的github开源项目的推荐和分享。
-		<LinkCard title="网站" href="https://mp.weixin.qq.com/s/hjzLzX0pbwnoa7GF8oCgCA" />
-	</Card>
-	<Card title="阮一峰的网络日志" icon="seti:notebook">
-        一些优秀、有趣的github开源项目的推荐和分享，科技新闻分享等等。
-		<LinkCard title="网站" href="https://mp.weixin.qq.com/s/eGWWGssIv0g7Y2qv50932A" />
-	</Card>
-	<Card title="go语言中文网" icon="seti:notebook">
-        分享一些go语言相关的技术文章。
-		<LinkCard title="网站" href="https://mp.weixin.qq.com/s/vlpTUltiV_ZR8Ql95h5lBQ" />
-	</Card>
-	<Card title="go语言开发栈" icon="seti:notebook">
-        分享一些go语言相关的技术文章。
-		<LinkCard title="网站" href="https://mp.weixin.qq.com/s/8JugNnvQpYSQ0B7uhFG2wA" />
-	</Card>
-	<Card title="码农的荒岛求生" icon="seti:notebook">
-        由《计算机底层的秘密》的作者分享一些计算机底层相关的技术文章。
-		<LinkCard title="网站" href="https://mp.weixin.qq.com/s/oatZuQC3ZCCD8yikxpjnVQ" />
-	</Card>
-	<Card title="中间件兴趣圈" icon="seti:notebook">
-        分享一些中间件相关的技术文章。
-		<LinkCard title="网站" href="https://mp.weixin.qq.com/s/eVrvHoibbATl2EIstL-Lrg" />
-	</Card>
+  <Card title="小徐先生的编程世界" icon="seti:notebook">
+    有一些关于源码阅读的万字长文，非常好。
+    <LinkCard
+      title="网站"
+      href="https://mp.weixin.qq.com/s/_FTvpvLIWfYzgNhOJgKypA"
+    />
+  </Card>
+  <Card title="HelloGithub" icon="seti:notebook">
+    一些优秀、有趣的github开源项目的推荐和分享。
+    <LinkCard
+      title="网站"
+      href="https://mp.weixin.qq.com/s/hjzLzX0pbwnoa7GF8oCgCA"
+    />
+  </Card>
+  <Card title="阮一峰的网络日志" icon="seti:notebook">
+    一些优秀、有趣的github开源项目的推荐和分享，科技新闻分享等等。
+    <LinkCard
+      title="网站"
+      href="https://mp.weixin.qq.com/s/eGWWGssIv0g7Y2qv50932A"
+    />
+  </Card>
+  <Card title="go语言中文网" icon="seti:notebook">
+    分享一些go语言相关的技术文章。
+    <LinkCard
+      title="网站"
+      href="https://mp.weixin.qq.com/s/vlpTUltiV_ZR8Ql95h5lBQ"
+    />
+  </Card>
+  <Card title="go语言开发栈" icon="seti:notebook">
+    分享一些go语言相关的技术文章。
+    <LinkCard
+      title="网站"
+      href="https://mp.weixin.qq.com/s/8JugNnvQpYSQ0B7uhFG2wA"
+    />
+  </Card>
+  <Card title="码农的荒岛求生" icon="seti:notebook">
+    由《计算机底层的秘密》的作者分享一些计算机底层相关的技术文章。
+    <LinkCard
+      title="网站"
+      href="https://mp.weixin.qq.com/s/oatZuQC3ZCCD8yikxpjnVQ"
+    />
+  </Card>
+  <Card title="中间件兴趣圈" icon="seti:notebook">
+    分享一些中间件相关的技术文章。
+    <LinkCard
+      title="网站"
+      href="https://mp.weixin.qq.com/s/eVrvHoibbATl2EIstL-Lrg"
+    />
+  </Card>
 </CardGrid>
diff --git a/src/content/docs/frontend/frontend.mdx b/src/content/docs/frontend/frontend.mdx
@@ -0,0 +1,4 @@
+---
+title: 前端开发相关资料
+description: 愉快学习前端.
+---