0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

GitHub Pagesを使ってサイトを公開する方法

Posted at

GitHub Pagesとは

GitHub Pages とは、GitHub のリポジトリから HTML、CSS、および JavaScript ファイル を直接取得し、任意でビルドプロセスを通じてファイルを実行し、ウェブサイトを公開できる静的なサイトホスティングサービスです。

リポジトリの新規作成

まずはGitHubにログインし右上の+マークを押してNew repositoryをクリック。

リポジトリの名前を入力しCreate repositoryをクリック。

ローカルファイルをGitHubにプッシュする

公開したいフォルダでターミナルを開き、以下を実行する。

git init
git add .
git commit -m "first commit"
git branch -M main
git remote add origin <自分のリモートリポジトリのURL>
git push -u origin main

自分のリモートリポジトリのURLには先ほど作成したリモートリポジトリのURLをコピーして入れてください。

自分のGitHubのリポジトリページに戻りプッシュされ反映されていることを確認。

GitHub Pagesの設定

Settings>Pagesをクリック。
スクリーンショット 2023-02-22 14.16.37.png

mainブランチを選択してSaveをクリック。
スクリーンショット 2023-02-22 14.26.53.png

Branchの部分が「None」になっていたら「main」に変更する。

そうすると画面上部にURLが発行されるのでそちらをクリックすると無事サイトが公開されます。
スクリーンショット 2023-02-22 14.27.02.png

以上がGitHub Pagesを使ってサイトを公開する方法です。

0
0
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
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?