跳转到内容

你的第一行 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 开发人员!

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

任务清单