i18n(zh-cn): update 6-islands/3.mdx (#8546)

* i18n(zh-cn): update 6-islands/3.mdx * Update src/content/docs/zh-cn/tutorial/6-islands/3.mdx Co-authored-by: Nin3 <[email protected]> --------- Co-authored-by: Nin3 <[email protected]>
withastro · Jun 18, 2024 · a0e8bd2 · a0e8bd2
1 parent 871e6d8
commit a0e8bd2
Showing 1 changed file with 28 additions and 8 deletions.
diff --git a/src/content/docs/zh-cn/tutorial/6-islands/3.mdx b/src/content/docs/zh-cn/tutorial/6-islands/3.mdx
@@ -10,6 +10,7 @@ import Checklist from '~/components/Checklist.astro';
 import CompletionConfetti from '~/components/tutorial/CompletionConfetti.astro';
 import PreCheck from '~/components/tutorial/PreCheck.astro';
 import Button from '~/components/Button.astro';
+import { CardGrid, LinkCard } from '@astrojs/starlight/components';
 
 还有一个修改要进行……
 
@@ -51,14 +52,6 @@ const textCase = "uppercase";
 </Checklist>
 </Box>
 
-## Next Steps
-
-继续阅读我们有关于[如何为该项目添加视图过渡动画](/zh-cn/tutorials/add-view-transitions/)以及[如何使用内容集合来管理你的博客文章](/zh-cn/tutorials/add-content-collections/)的扩展教程。
-
-[开始一个新的 Astro 项目](/zh-cn/getting-started/)
-
-[加入我们的 Discord](https://astro.build/chat)
-
 <CompletionConfetti />
 
 ## 分享你的成就！
@@ -69,3 +62,30 @@ const textCase = "uppercase";
   <Button link='https://twitter.com/intent/tweet?text=Just%20finished%20learning%20how%20to%20build%20my%20first%20Astro%20blog!%20Check%20it%20out%20at%20https://docs.astro.build/%0Avia%20%40astrodotbuild'>分享到 Twitter</Button>
   <Button link='https://www.reddit.com/submit?url=https://docs.astro.build/&title=Just%20finished%20learning%20how%20to%20build%20my%20first%20Astro%20blog!'>分享到 Reddit</Button>
 </div>
+
+## 接下来
+
+你可以使用我们的教程扩展之一来增强此项目的最终代码，或者开始你的下一个 Astro 项目！
+
+<CardGrid>
+  <LinkCard
+    title="使用内容集合"
+    description="重构教程代码，使用内容集合管理博客文章。"
+    href="/zh-cn/tutorials/add-content-collections/"
+  />
+   <LinkCard
+    title="使用视图过渡动画"
+    description="在教程代码中添加视图过渡动画，自定义页面导航。"
+    href="/zh-cn/tutorials/add-view-transitions/"
+  />
+  <LinkCard
+    title="开始一个新的 Astro 项目"
+    description="开始一个新的空白项目，或使用现有的 Astro 主题模板。"
+    href="/zh-cn/install-and-setup/"
+  />
+  <LinkCard
+    title="加入我们的 Discord"
+    description="与我们的社区联系，提出问题，分享你的作品，并参与到项目中来！"
+    href="https://astro.build/chat"
+  />
+</CardGrid>