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>私のAstroサイト</h1>
</body>
```
ブラウザ上のプレビューを確認すると、ページの内容が新しいテキストに更新されているはずです。