i18n(zh-cn): Update tutorials (#12755)

Co-authored-by: Yan <61414485+yanthomasdev@users.noreply.github.com>

Author: liruifengv

src/content/docs/zh-cn/tutorial/3-components/3.mdx

@@ -103,7 +103,6 @@ import Badge from "~/components/Badge.astro"
 2. 将下面的 CSS 样式复制到 `global.css` 中。这些样式会：
 
     - 为移动设备样式和定位导航链接
-    - 包括一个 `expanded` 类，用于在移动设备上显示或隐藏链接
     - 使用 `@media` 查询来定义不同屏幕尺寸下的样式
 
     :::tip[移动优先设计]

src/content/docs/zh-cn/tutorial/3-components/4.mdx

@@ -123,16 +123,16 @@ import { Steps } from '@astrojs/starlight/components';
 添加一个 `<script>` 标签提供客户端 JavaScript，以「监听」用户事件并做出相应的响应。
 
 <Steps>
-1. 将以下 `<script>` 标签添加到 `index.astro`，就在结束的 `</body>` 标签之前。
+1. 使用 Astro 内置的 TypeScript 支持，将以下 `<script>` 标签添加到 `index.astro`，就在结束的 `</body>` 标签之前。
 
     ```astro title="src/pages/index.astro" ins={2-9}
       <Footer />
       <script>
         const menu = document.querySelector('.menu');
 
-        menu.addEventListener('click', () => {
+        menu?.addEventListener('click', () => {
           const isExpanded = menu.getAttribute('aria-expanded') === 'true';
-          menu.setAttribute('aria-expanded', !isExpanded);
+          menu.setAttribute('aria-expanded', `${!isExpanded}`);
         });
       </script>
     </body>
@@ -151,9 +151,9 @@ import { Steps } from '@astrojs/starlight/components';
     ```js title="src/scripts/menu.js"
     const menu = document.querySelector('.menu');
 
-    menu.addEventListener('click', () => {
+    menu?.addEventListener('click', () => {
       const isExpanded = menu.getAttribute('aria-expanded') === 'true';
-      menu.setAttribute('aria-expanded', !isExpanded);
+      menu.setAttribute('aria-expanded', `${!isExpanded}`);
     });
     ```
 
@@ -164,9 +164,9 @@ import { Steps } from '@astrojs/starlight/components';
       <script>
         const menu = document.querySelector('.menu');
 
-        menu.addEventListener('click', () => {
+        menu?.addEventListener('click', () => {
           const isExpanded = menu.getAttribute('aria-expanded') === 'true';
-          menu.setAttribute('aria-expanded', !isExpanded);
+          menu.setAttribute('aria-expanded', `${!isExpanded}`);
         });
 
         import "../scripts/menu.js";

src/content/docs/zh-cn/tutorial/5-astro-api/3.mdx

@@ -271,17 +271,15 @@ const pageTitle = "标签索引";
 
 1.  从 `src/pages/tags/index.astro` 中复制 `<div class="tags">...</div>` 和 `<style>...</style>` 并将它们重新用于 `MarkdownPostLayout.astro`中: 
 
-    ```astro title="src/layouts/MarkdownPostLayout.astro" ins={13-17, 21-40}
+    ```astro title="src/layouts/MarkdownPostLayout.astro" ins={11-15, 19-37}
     ---
     import BaseLayout from './BaseLayout.astro';
     const { frontmatter } = Astro.props;
     --- 
     <BaseLayout pageTitle={frontmatter.title}>
-      <p><em>{frontmatter.description}</em></p>
       <p>{frontmatter.pubDate.toString().slice(0,10)}</p>
-
-      <p>作者：{frontmatter.author}</p>
-
+      <p><em>{frontmatter.description}</em></p>
+      <p>Written by: {frontmatter.author}</p>
       <img src={frontmatter.image.url} width="300" alt={frontmatter.image.alt} /> 
 
       <div class="tags">

src/content/docs/zh-cn/tutorial/6-islands/3.mdx

@@ -14,21 +14,25 @@ import { CardGrid, LinkCard } from '@astrojs/starlight/components';
 
 还有一个修改要进行……
 
-```astro title="src/pages/about.astro" del={5} ins={6}
+```astro title="src/pages/about.astro" del={15} ins={16}
 ---
 import BaseLayout from "../layouts/BaseLayout.astro";
 const pageTitle = "关于我";
-const happy = true;
-const finished = false;
-const finished = true;
-const goal = 3;
+
 const identity = {
   firstName: "莎拉",
   country: "加拿大",
   occupation: "技术撰稿人",
   hobbies: ["摄影", "观鸟", "棒球"],
 };
+
 const skills = ["HTML", "CSS", "JavaScript", "React", "Astro", "Writing Docs"];
+
+const happy = true;
+const finished = false;
+const finished = true;
+const goal = 3;
+
 const skillColor = "crimson";
 const fontWeight = "bold";
 const textCase = "uppercase";