i18n(zh-cn): Update from-gatsby.mdx

src/content/docs/zh-cn/guides/migrate-to-astro/from-gatsby.mdx

@@ -8,7 +8,7 @@ stub: false
 framework: Gatsby
 i18nReady: true
 ---
-import { Steps } from '@astrojs/starlight/components';
+import { Steps, LinkCard, CardGrid } from '@astrojs/starlight/components';
 import AstroJSXTabs from '~/components/tabs/AstroJSXTabs.astro';
 import PackageManagerTabs from '~/components/tabs/PackageManagerTabs.astro';
 
@@ -565,22 +565,26 @@ export const pageQuery = graphql`
 </Steps>
 
 ## 社区资源 
-
-- 博客帖子：[从 Gatsby 迁移到 Astro](https://loige.co/migrating-from-gatsby-to-astro/)
-
-- 博客帖子：[迁移到 Astro 是多么的简单](https://joelhooks.com/migrating-to-astro-was-ez)。
-
-- 博客帖子：[我为什么从 Gatsby 切换到 Astro](https://www.joshfinnie.com/blog/my-switch-from-gatsby-to-astro/)。
-
-- 博客帖子：[我为什么从 Gatsby 迁移到 Astro](https://dev.to/askrodney/why-i-moved-to-astro-from-gatsby-3fck)。
-
-- 博客帖子：[我如何将我的网站从 Gatsby 迁移到 Astro](https://dev.to/flashblaze/migrating-my-website-from-gatsby-to-astro-2ej5)。
-
-- 博客帖子：[再次迁移：从 Gatsby 到 Astro](https://logarithmicspirals.com/blog/migrating-from-gatsby-to-astro/)。
-
-- 博客帖子：[我为什么以及如何将我的博客从 Gatsby 和 React 迁移到了 Astro 和 Preact](https://www.helmerdavila.com/blog/en/why-and-how-i-moved-my-blog-away-from-gatsby-and-react-to-astro-js-and-preact)
-
-- 博客帖子：[我是如何在 Astro 中重写我 100G+ 大小的 Gatsby 网站，并在这个过程中学会并喜欢上它的](https://dunedinsound.com/blog/how_i_rewrote_my_huge_gatsby_site_in_astro_and_learned_to_love_it_in_the_process/)
+<CardGrid>
+<LinkCard title="从 Gatsby 迁移到 Astro" href="https://loige.co/migrating-from-gatsby-to-astro/" 
+description="我是如何以及为什么将博客从 Gatsby 迁移到 Astro 的，以及我在这个过程中学到了什么。" />
+<LinkCard title="迁移到 Astro 是多么的简单" href="https://joelhooks.com/migrating-to-astro-was-ez" 
+description="关于从 Gatsby 迁移到 Astro 的过程，以及我选择 Astro 的原因。" />
+<LinkCard title="我为什么从 Gatsby 切换到 Astro" href="https://www.joshfinnie.com/blog/my-switch-from-gatsby-to-astro/" 
+description="切换到 Astro 绝对值得写一篇博客！它正在革新静态 Web 开发的前景，使其变得更好。"/>
+<LinkCard title="我为什么从 Gatsby 迁移到 Astro" href="https://dev.to/askrodney/why-i-moved-to-astro-from-gatsby-3fck" 
+description="快速浏览一下我想迁移的原因，以及为什么 Astro 如此合适。" />
+<LinkCard title="再次迁移：从 Gatsby 到 Astro" href="https://logarithmicspirals.com/blog/migrating-from-gatsby-to-astro/" 
+description="了解我是如何将我的个人网站从 Gatsby 过渡到 Astro，同时分享我迁移过程中的见解和经验。"/>
+<LinkCard title="我如何将我的网站从 Gatsby 迁移到 Astro" href="https://dev.to/flashblaze/migrating-my-website-from-gatsby-to-astro-2ej5" 
+description="Astro has entered the chat.Astro 已加入群聊。" />
+<LinkCard title="我为什么以及如何将我的博客从 Gatsby 和 React 迁移到了 Astro 和 Preact" href="https://www.helmerdavila.com/blog/en/why-and-how-i-moved-my-blog-away-from-gatsby-and-react-to-astro-js-and-preact" 
+description="与它有关的一切，简单，却强大。" />
+<LinkCard title="我是如何在 Astro 中重写我超大的 Gatsby 网站，并在这个过程中学会并喜欢上它的" href="https://dunedinsound.com/blog/how_i_rewrote_my_huge_gatsby_site_in_astro_and_learned_to_love_it_in_the_process/" 
+description="一切都变得更快、更愉悦、更高效。"/>
+<LinkCard title="我如何从 Gatsby 切换到 Astro（同时保留 Drupal）" href="https://albert.skibinski.nl/en/blog/how-i-switched-gatsby-astro-while-keeping-drupal-mix/" 
+description="与新版本的 Astro 相遇，而它满足了我的所有需求。"/>
+</CardGrid>
 
 :::note[你有资源分享吗？]
 如果你找到（或制作）了一个关于将 Gatsby 网站转换为 Astro 的有用的视频或博客文章，[编辑此页面](https://github.com/withastro/docs/edit/main/src/content/docs/en/guides/migrate-to-astro/from-gatsby.mdx)并将其添加到这里！