1 • 搭建并部署你的第一个 Astro 网站

你的第一行 Astro 代码

准备好…

对新网站的第一次编辑

编辑你的主页

打开你的代码编辑器，然后在资源管理器文件窗口中导航至 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>
```
编辑页面 <body> 的内容。

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

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

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

任务清单

我可以更改页面内容，并在浏览器中查看。
我是 Astro 开发者！