目次

  • はじめに
  • GitHub のアカウントを作成する
  • 開発環境を立ち上げる
  • ソースコードを保存する
  • サイトを公開する
  • トップページを作る
  • CSSでサイトを装飾する
  • 新しいページを作る
  • 画像を表示する
  • ブログ記事を作る
  • デザインを調整する
  • サイトのURLを変更する
  • おわりに

ソースコードを保存する

所要時間の目安 : 5分

StackBlitz で開いているソースコードを、GitHub に保存してみましょう。


# GitHub と連携する

画面右上の Sign in というボタンをクリックすると、新しいウィンドウで Authorize の確認画面が表示されると思います。Autorize stackblitz という緑色のボタンをクリックして、GitHub と連携することを承認します。

連携が完了すると、画面の右上に GitHub のプロフィールが表示されているはずです。


# GitHub にソースコードを保存する

まずは画面左上の Fork ボタンを押します。

Fork が完了すると、画面左上に Connect repository というボタンが表示されるので、それをクリックします。

新しいウィンドウで Authorize の確認画面が表示されるので、Autorize stackblitz という緑色のボタンをクリックします。

すると、stackblitz の画面に以下のフィールドが出現します。

Make this repository private には、チェックをいれないでください。

New repository name: に、任意の名前を入力し、Create repo & push ボタンをクリックします。

repository (リポジトリ)は GitHub の用語で、ファイルやフォルダを記録する場所のことを指します。


# GitHub に保存したソースコードを確認する

Create repo & push が完了したら、画面の左上に作成したリポジトリの名前が表示されていると思います。

それをクリックすると、GitHub のリポジトリが開かれます。

右上の About 欄に stackblitz.com/edit/github-bvrdnh というリンクが表示されていますが、これをクリックすると stackblitz の開発環境を開くことができます。




前: 開発環境を立ち上げる 次: サイトを公開する



Created by n1sym
Inspired by https://diy-anime.com/