跳转到内容
Astro Astro

你的第一行 Astro 代码

准备好…

  • 对新网站的第一次编辑

编辑你的主页

  1. 打开你的代码编辑器，然后在资源管理器文件窗口中导航至 src/pages/index.astro，并单击文件名打开文件内容。

    index.astro 文件的内容应该如下所示：

    src/pages/index.astro
    ---
    ---
    

    <html lang="zh-cn">
      <head>
        <meta charset="utf-8" />
        <link rel="icon" type ="image/svg+xml" href="/favicon.ico" />
        <meta name="viewport" content="width=device-width" />
        <meta name="generator" content = {Astro.generator} >
        <title>Astro</title>
      </head>
      <body>
        <h1>Astro</h1>
      </body>
    </html>

  2. 编辑页面 <body> 的内容。

    在编辑器中更改页面上的标题文本并保存。

    src/pages/index.astro
    <body>
      <h1>Astro</h1>
      <h1>我的 Astro 站点</h1>
    </body>

  3. 检查浏览器预览，你应该会看到你的页面内容已更新。

恭喜！你现在是一名 Astro 开发人员！

本单元的其余部分，将教会你版本控制和发布可以炫耀的网站。

任务清单