hiro_env

モダンな技術スタックを扱う会社のエンジニアになるまでの学習記録

GitHub Pagesの使い方

GitHub Pages とは

  • GitHub Pagesは、作成したページを簡単に公開できるサービスです。
  • 無料のホスティングサービスのため、アカウントがあれば誰でもページを公開できます。

GitHub Pagesの使い方

  1. GitHubアカウントを作成: まず、GitHubのウェブサイトにアクセスしてアカウントを作成します。

  2. 新しいリポジトリを作成: 「New repository」をクリックして新しいリポジトリを作ります。

  3. コンテンツを追加: リポジトリソースコードや画像などのコンテンツを追加します。(作成したHTMLやCSS, JSをブラウザ上で追加、もしくはローカルからプッシュします。)

  4. GitHub Pagesを有効にする: リポジトリの設定(Settings)に移動し、画像の真ん中より下にある「Pages」セクションへ移動します。

    Pagesの場所を示す画像
    Pagesの場所

  5. ブランチを選択する:公開したいブランチを選択し、saveボタンを押下します。

    ブランチの選択とsaveができるGitHub PagesのSettings画面の画像
    ブランチの選択、saveボタン

  6. サイトを公開: 数十秒から数分でウェブサイトが公開されます。URLは公開後に設定ページをリロードすると上部に表示されます。

  7. URLにアクセス: 表示されたURLにアクセスして、作成されたページが公開されていたら成功です。

うまく表示されなかったり、ファイルやフォルダ名が表示されてしまったりする場合、URLにページまでのパス(/ディレクトリ名)を追加してみてください。