コンテンツにスキップ

Astroでの最初の一行

ここで学ぶことは…

  • 新しいウェブサイトに最初の編集を加える
  1. コードエディターのファイルエクスプローラーペインでsrc/pages/index.astroに移動し、これをクリックしてファイルの内容を編集可能なタブで開きます。

    index.astroファイルの内容は以下のようになっています。

    src/pages/index.astro
    ---
    ---
    <html lang="en">
    <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の開発者です!

このユニットの残りの部分では、バージョン管理と、人に自慢できるようウェブサイトを公開する方法について説明します。