编写你的第一行 Astro 代码

准备开始……

对你的新网站进行第一次编辑

编辑你的主页

在你的代码编辑器中，在文件资源管理器窗格中导航到 src/pages/index.astro，然后点击它，在一个可编辑的标签页中打开文件内容。

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

---
---

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

编辑你的页面 <body> 中的内容。

在编辑器中输入以更改页面上的标题文本，并保存更改。
src/pages/index.astro
```
<body>
  <h1>Astro</h1>
  <h1>My Astro Site</h1>
</body>
```
检查浏览器预览，你应该会看到你的页面内容已更新为新文本。

恭喜！你现在是一名 Astro 开发者了！

本单元的其余部分将帮助你成功设置版本控制，并发布一个可以展示的网站。

清单

我能够进行更改并在浏览器中看到它们。
我是一名 Astro 开发者！

贡献社区赞助