0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

Github Pagesでwebサイトを公開する

Last updated at Posted at 2024-10-14

GitHubのアカウント作成

以下のURLにアクセスしてください
https://github.com/signup
※ すでにGitHubのアカウントを持っている場合、次の「リポジトリの作成」へ進んでください
以下の画像のようなページにアクセスしたら、入力フォームに、「メールアドレス」「パスワード」「ユーザー名」をそれぞれ入力して、アカウントを登録してください
image.png
※「ユーザー名」は後ほど公開するWebページのURLの一部になります

リポジトリの作成

画面右上の+のアイコンをクリックし、「New repository」を選択します
51a48994-6cdd-3c92-6af5-a33c470798f7.png
表示されたページの中央にある、「Repository name」という入力欄にリポジトリ名を入力します。リポジトリ名は基本的に何でも大丈夫ですが、
スクリーンショット 2024-10-14 191830.png
※「リポジトリ名」も後ほど公開するWebページのURLの一部になります

ファイルのアップロード

「uploading an existing file」をクリックします
スクリーンショット 2024-10-14 192119.png
「choose your files」をクリックし、ファイルを選択し、アップロードしてください
その後「Commit changes」を押して保存します
※主にhtml、js、cssをアップロードします
スクリーンショット 2024-10-14 192342.png
アップロードが完了すると以下の画像のようにアップロードしたファイルが一覧になっています
スクリーンショット 2024-10-14 193211.png

ページを公開する

「setting」をクリックします
スクリーンショット 2024-10-14 193812.png
左側にあるメニューの中から「Pages」をクリックしてください
スクリーンショット 2024-10-14 193958.png
Branchの「None」をファイルをアップデートしたBranch名(デフォルトはmain)に変えて「Save」を押します
スクリーンショット 2024-10-14 194151.png
以下の画像のようになっていれば公開完了です
「Visit site」をクリックしてサイトに飛びましょう
スクリーンショット 2024-10-14 220757.png

0
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?