PR

GitHubのPagesで始める無料ウェブサイトを公開する設定手順

広告

GitHubのPagesで始める無料ウェブサイトを公開する設定手順をご紹介します。

GitHubでPagesを作成する詳細な方法については、公式サイトをご参照ください。

GitHubで新しいリポジトリを作成

①GitHubにログインします。

②右上の “+” アイコンをクリックし、”New repository” を選択します。緑の「New」ボタンを押しても同じです。

【GitHub】Pagesのセットアップ手順

③リポジトリ名を正確に GitHubユーザー名.github.io と入力します。

④リポジトリを公開(Public)に設定します。

⑤”Initialize this repository with”の”Add a README file” にチェックを入れます。

⑥”Create repository” をクリックします。

【GitHub】Pagesのセットアップ手順202409080555
広告

ローカル環境でPages(ページ)を作成後、GitHubのリポジトリにアップロード

ターミナルを開きます。(コマンドプロンプト、Powershell、Git Bashなど)

以下のコマンドを実行して、ローカル環境にリポジトリをクローンする:

git clone https://github.com/GitHubユーザー名/GitHubユーザー名.github.io.git
cd GitHubユーザー名.github.io

ページのindex.htmlファイルを作成

ディレクトリのGitHubユーザー名.github.ioにテキストエディタでindex.htmlファイルを作成して保存します。

作成したファイルをアップロード(ステージング→コミット→プッシュ)

以下のコマンドを実行します。

git add index.html 
git commit -m "Add index.html" 
git push origin main

ローカル環境からアップロードするのではなく、GitHubのWebで直接index.htmlを作成しても同じです。

GitHub Pagesを有効にしてサイトを公開する

①リポジトリのページに戻ります。

②”Settings” タブをクリックします。

③左側のメニューから “Pages” を選択します。

④”Branch” セクションで、”Branch” を “main” に設定し、フォルダを “/ (root)” に設定します。

⑤”Save” をクリックします。

GitHubのPagesで始める無料ウェブサイトを公開する設定手順
GitHubのPagesで始める無料ウェブサイトを公開する設定手順

サイトの公開を確認する

数分待ちます(最初の公開には少し時間がかかることがあります)。

ブラウザで https://GitHubユーザー名.github.io にアクセスします。

(オプション)カスタムドメインを設定する

独自ドメインをお持ちの場合、”Settings” > “Pages” の “Custom domain” セクションでそれを設定できます。

DNSの設定も必要になります。詳細はGitHubのドキュメントを参照してください。

広告

まとめ

これで基本的なGitHubのPagesのセットアップは完了です。

このページをさらにカスタマイズしたり、新しいコンテンツを追加したりすることができます。

タイトルとURLをコピーしました