# GitHub ページ サイトの作成

新規または既存のリポジトリ内に、GitHub Pages サイトを作成できます。

## サイト用にリポジトリを作成する

リポジトリを作成することも、自分のサイト用の既存のリポジトリを選ぶこともできます。

リポジトリに対して GitHub Pages サイトを作成したい場合、そのリポジトリ内のすべてのファイルがサイトに関連付けられるわけではないのなら、そのサイトに対して公開元を構成することができます。 たとえば、サイト ソース ファイルを保持する専用のブランチとフォルダーを用意することや、カスタムの GitHub Actions ワークフローを使ってサイト ソース ファイルをビルドして配置することができます。
GitHub ActionsをGitHub Pagesの発行元として使用するには、サイト管理者がGitHub ActionsのGitHub Enterprise Serverを有効にする必要があります。 詳細については、 [AUTOTITLE を](/ja/enterprise-server@3.22/admin/managing-github-actions-for-your-enterprise/enabling-github-actions-for-github-enterprise-server)参照してください。

既存のリポジトリにサイトを作成する場合は、「[サイトを作成する](#creating-your-site)」セクションに進んでください。

1. ページの右上隅で <svg version="1.1" width="16" height="16" viewBox="0 0 16 16" class="octicon octicon-plus" aria-label="Create something new" role="img"><path d="M7.75 2a.75.75 0 0 1 .75.75V7h4.25a.75.75 0 0 1 0 1.5H8.5v4.25a.75.75 0 0 1-1.5 0V8.5H2.75a.75.75 0 0 1 0-1.5H7V2.75A.75.75 0 0 1 7.75 2Z"></path></svg> を選択し、 **\[新しいリポジトリ]** をクリックします。

   ![新しいアイテムを作成するオプションを示す GitHub ドロップダウン メニューのスクリーンショット。 \[新しいリポジトリ\] というメニュー項目が濃いオレンジ色の枠線で囲まれています。](/assets/images/help/repository/repo-create-global-nav-update.png)1. **\[所有者]** ドロップダウン メニューを使い、リポジトリを所有させたいアカウントを選びます。
   ![新しい GitHub リポジトリの所有者メニューのスクリーンショット。 メニューには、octocat と github の 2 つのオプションが表示されます。](/assets/images/help/repository/create-repository-owner.png)   1. リポジトリの名前と、任意で説明を入力してください。 ユーザーまたは Organization サイトを作成する場合は、リポジトリに `<user>.github.io` または `<organization>.github.io` という名前を付ける必要があります。 ユーザーまたは Organization の名前に大文字が含まれている場合は、小文字にする必要があります。
   詳しくは、「[GitHub Pages とは](/ja/enterprise-server@3.22/pages/getting-started-with-github-pages/what-is-github-pages#types-of-github-pages-sites)」をご覧ください。
   ![リポジトリの GitHub Pages 設定のスクリーンショット。 リポジトリ名フィールドにはテキスト "octocat.github.io" が含まれており、濃いオレンジ色の枠線で囲まれています。](/assets/images/help/pages/create-repository-name-pages.png)1. リポジトリの可視性を選択してください。 詳しくは、「[リポジトリについて](/ja/enterprise-server@3.22/repositories/creating-and-managing-repositories/about-repositories#about-repository-visibility)」をご覧ください。1. \[ **README の追加** ] を **\[オン] に**切り替えます。1. **\[Create repository]** (リポジトリの作成) をクリックします。

## サイトを作成する

リポジトリが最初に必要です > \[!WARNING]

> サイト管理者がパブリック ページを有効にしている場合、サイトのリポジトリがプライベートまたは内部の場合でも、 GitHub Pages サイトはインターネット上で一般公開されます。 サイトのリポジトリにセンシティブなデータがあるなら、公開前にそのデータを取り除くのが良いでしょう。 詳細については、「[エンタープライズ向けの GitHub ページの構成](/ja/enterprise-server@3.22/admin/configuring-settings/configuring-user-applications-for-your-enterprise/configuring-github-pages-for-your-enterprise#enabling-public-sites-for-github-pages)」および「[リポジトリについて](/ja/enterprise-server@3.22/repositories/creating-and-managing-repositories/about-repositories#about-repository-visibility)」を参照してください。

サイトリポに移動します

1. 使用する公開ソースを決定します。 「[GitHub Pages サイトの発行ソースの構成](/ja/enterprise-server@3.22/pages/getting-started-with-github-pages/configuring-a-publishing-source-for-your-github-pages-site)」を参照してください。
2. サイト用のエントリ ファイルを作成します。 GitHub Pages では、サイト用のエントリ ファイルとして `index.html`、`index.md`、または `README.md` ファイルを検索します。

   パブリッシュ ソースがブランチとフォルダーの場合、エントリ ファイルはソース ブランチのソース フォルダーの最上位にある必要があります。 たとえば、公開元が `/docs` ブランチ上の `main` フォルダーである場合、エントリ ファイルは、`/docs` という名前のブランチ上の `main` フォルダー内に配置する必要があります。

   公開元が GitHub Actions ワークフローである場合、デプロイする成果物には、成果物の最上位レベルにあるエントリ ファイルが含まれている必要があります。 エントリ ファイルをリポジトリに追加する代わりに、GitHub Actions ワークフローの実行時にエントリ ファイルを生成するように選択することもできます。
3. 公開ソースを設定してください。 「[GitHub Pages サイトの発行ソースの構成](/ja/enterprise-server@3.22/pages/getting-started-with-github-pages/configuring-a-publishing-source-for-your-github-pages-site)」を参照してください。

## 公開されたサイトを表示する

1. リポジトリ名の下にある **<svg version="1.1" width="16" height="16" viewBox="0 0 16 16" class="octicon octicon-gear" aria-label="gear" role="img"><path d="M8 0a8.2 8.2 0 0 1 .701.031C9.444.095 9.99.645 10.16 1.29l.288 1.107c.018.066.079.158.212.224.231.114.454.243.668.386.123.082.233.09.299.071l1.103-.303c.644-.176 1.392.021 1.82.63.27.385.506.792.704 1.218.315.675.111 1.422-.364 1.891l-.814.806c-.049.048-.098.147-.088.294.016.257.016.515 0 .772-.01.147.038.246.088.294l.814.806c.475.469.679 1.216.364 1.891a7.977 7.977 0 0 1-.704 1.217c-.428.61-1.176.807-1.82.63l-1.102-.302c-.067-.019-.177-.011-.3.071a5.909 5.909 0 0 1-.668.386c-.133.066-.194.158-.211.224l-.29 1.106c-.168.646-.715 1.196-1.458 1.26a8.006 8.006 0 0 1-1.402 0c-.743-.064-1.289-.614-1.458-1.26l-.289-1.106c-.018-.066-.079-.158-.212-.224a5.738 5.738 0 0 1-.668-.386c-.123-.082-.233-.09-.299-.071l-1.103.303c-.644.176-1.392-.021-1.82-.63a8.12 8.12 0 0 1-.704-1.218c-.315-.675-.111-1.422.363-1.891l.815-.806c.05-.048.098-.147.088-.294a6.214 6.214 0 0 1 0-.772c.01-.147-.038-.246-.088-.294l-.815-.806C.635 6.045.431 5.298.746 4.623a7.92 7.92 0 0 1 .704-1.217c.428-.61 1.176-.807 1.82-.63l1.102.302c.067.019.177.011.3-.071.214-.143.437-.272.668-.386.133-.066.194-.158.211-.224l.29-1.106C6.009.645 6.556.095 7.299.03 7.53.01 7.764 0 8 0Zm-.571 1.525c-.036.003-.108.036-.137.146l-.289 1.105c-.147.561-.549.967-.998 1.189-.173.086-.34.183-.5.29-.417.278-.97.423-1.529.27l-1.103-.303c-.109-.03-.175.016-.195.045-.22.312-.412.644-.573.99-.014.031-.021.11.059.19l.815.806c.411.406.562.957.53 1.456a4.709 4.709 0 0 0 0 .582c.032.499-.119 1.05-.53 1.456l-.815.806c-.081.08-.073.159-.059.19.162.346.353.677.573.989.02.03.085.076.195.046l1.102-.303c.56-.153 1.113-.008 1.53.27.161.107.328.204.501.29.447.222.85.629.997 1.189l.289 1.105c.029.109.101.143.137.146a6.6 6.6 0 0 0 1.142 0c.036-.003.108-.036.137-.146l.289-1.105c.147-.561.549-.967.998-1.189.173-.086.34-.183.5-.29.417-.278.97-.423 1.529-.27l1.103.303c.109.029.175-.016.195-.045.22-.313.411-.644.573-.99.014-.031.021-.11-.059-.19l-.815-.806c-.411-.406-.562-.957-.53-1.456a4.709 4.709 0 0 0 0-.582c-.032-.499.119-1.05.53-1.456l.815-.806c.081-.08.073-.159.059-.19a6.464 6.464 0 0 0-.573-.989c-.02-.03-.085-.076-.195-.046l-1.102.303c-.56.153-1.113.008-1.53-.27a4.44 4.44 0 0 0-.501-.29c-.447-.222-.85-.629-.997-1.189l-.289-1.105c-.029-.11-.101-.143-.137-.146a6.6 6.6 0 0 0-1.142 0ZM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM9.5 8a1.5 1.5 0 1 0-3.001.001A1.5 1.5 0 0 0 9.5 8Z"></path></svg> \[Settings]** をクリックします。 \[設定] タブが表示されない場合は、 **\[<svg version="1.1" width="16" height="16" viewBox="0 0 16 16" class="octicon octicon-kebab-horizontal" aria-label="More" role="img"><path d="M8 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM1.5 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm13 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"></path></svg>]** ドロップダウン メニューを選び、 **\[設定]** をクリックします。

   ![タブを示すリポジトリ ヘッダーのスクリーンショット。 \[設定\] タブが濃いオレンジ色の枠線で強調表示されています。](/assets/images/help/repository/repo-actions-settings.png)1. サイドバーの \[Code and automation] セクションで、**\[<svg version="1.1" width="16" height="16" viewBox="0 0 16 16" class="octicon octicon-browser" aria-label="browser" role="img"><path d="M0 2.75C0 1.784.784 1 1.75 1h12.5c.966 0 1.75.784 1.75 1.75v10.5A1.75 1.75 0 0 1 14.25 15H1.75A1.75 1.75 0 0 1 0 13.25ZM14.5 6h-13v7.25c0 .138.112.25.25.25h12.5a.25.25 0 0 0 .25-.25Zm-6-3.5v2h6V2.75a.25.25 0 0 0-.25-.25ZM5 2.5v2h2v-2Zm-3.25 0a.25.25 0 0 0-.25.25V4.5h2v-2Z"></path></svg> Pages]** をクリックします。
2. 公開されたサイトを表示するには、\[GitHub Pages] で **<svg version="1.1" width="16" height="16" viewBox="0 0 16 16" class="octicon octicon-link-external" aria-label="link-external" role="img"><path d="M3.75 2h3.5a.75.75 0 0 1 0 1.5h-3.5a.25.25 0 0 0-.25.25v8.5c0 .138.112.25.25.25h8.5a.25.25 0 0 0 .25-.25v-3.5a.75.75 0 0 1 1.5 0v3.5A1.75 1.75 0 0 1 12.25 14h-8.5A1.75 1.75 0 0 1 2 12.25v-8.5C2 2.784 2.784 2 3.75 2Zm6.854-1h4.146a.25.25 0 0 1 .25.25v4.146a.25.25 0 0 1-.427.177L13.03 4.03 9.28 7.78a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042l3.75-3.75-1.543-1.543A.25.25 0 0 1 10.604 1Z"></path></svg> \[Visit site]** をクリックします。

> \[!NOTE]
> サイトに対する変更は、その変更を GitHub にプッシュしてから公開されるまでに最大 10 分かかることがあります。 GitHub Pages サイトの変更が 1 時間経ってもブラウザーに反映されない場合は、「[GitHub Pages サイトの Jekyll ビルド エラーについて](/ja/enterprise-server@3.22/pages/setting-up-a-github-pages-site-with-jekyll/about-jekyll-build-errors-for-github-pages-sites)」を参照してください。> \[!NOTE]
>
> * ブランチから公開していて、サイトが自動的に公開されていない場合は、管理者アクセス許可と検証済みのメール アドレスを持つユーザーが公開元にプッシュしていることを確認します。
> * `GITHUB_TOKEN` を使う GitHub Actions ワークフローによってプッシュされたコミットでは、GitHub Pages ビルドがトリガーされません。

## 静的サイト生成ツール

GitHub Pages は、リポジトリにプッシュされたあらゆる静的ファイルを公開します。 静的ファイルを自分で作成することも、静的サイトジェネレータでサイトをビルドすることも可能です。 ローカルまたは別のサーバー上で独自のビルドプロセスをカスタマイズすることもできます。

カスタム ビルド プロセスまたは Jekyll 以外の静的サイト ジェネレーターを使う場合は、GitHub Actions ワークフローを作成して、サイトのビルドと公開を行うことができます。 GitHub には、いくつかの静的サイト ジェネレーターのワークフロー テンプレートが用意されています。 詳しくは、「[GitHub Pages サイトの発行ソースの構成](/ja/enterprise-server@3.22/pages/getting-started-with-github-pages/configuring-a-publishing-source-for-your-github-pages-site)」をご覧ください。

ソース ブランチからサイトを公開する場合、GitHub Pages では、既定で Jekyll を使用してサイトをビルドします。 Jekyll 以外の静的サイト ジェネレーターを使用する場合は、代わりに GitHub Actions を作成してサイトをビルドして公開することをお勧めします。 それ以外の場合は、公開元のルートに `.nojekyll` という名前の空のファイルを作成して Jekyll ビルド プロセスを無効にし、静的サイト ジェネレーターの指示に従ってローカルでサイトをビルドします。

> \[!NOTE] GitHub Pages は、PHP、Ruby、Python などのサーバー側言語をサポートしていません。

## GitHub Pages での MIME タイプ

MIME タイプとは、ブラウザがリクエストするファイルの性質やフォーマットに関する情報を提供するため、サーバーがブラウザに送信するヘッダのことです。 GitHub Pages は、数千のファイル拡張子にわたり、750 を超える MIME タイプをサポートしています。 サポートされている MIME の種類の一覧は、[mime-db プロジェクト](https://github.com/jshttp/mime-db)から生成されます。

ファイルごと、リポジトリごとにカスタム MIME タイプを指定することはできませんが、GitHub Pages で使う MIME タイプを追加や変更することは可能です。 詳細については、[mime-db のコントリビューション ガイドライン](https://github.com/jshttp/mime-db#adding-custom-media-types)を参照してください。

## 次のステップ

新しいファイルを追加で作成することにより、ページを追加できます。 各ファイルは、公開元と同じディレクトリ構造で、サイト上に表示されます。 たとえば、プロジェクト サイトの公開元が `gh-pages` ブランチであり、`/about/contact-us.md` ブランチで `gh-pages` という名前の新しいファイルを作成した場合、ファイルは `http(s):///<hostname>pages/<username>/<repository>/about/contact-us.html` で使用できます。

また、サイトの見た目をカスタマイズするため、テーマを追加できます。 詳しくは、「[Jekyll を使用して GitHub Pages サイトにテーマを追加する](/ja/enterprise-server@3.22/pages/setting-up-a-github-pages-site-with-jekyll/adding-a-theme-to-your-github-pages-site-using-jekyll)」をご覧ください。

## 参考資料

* 「[GitHub ページと Jekyll について](/ja/enterprise-server@3.22/pages/setting-up-a-github-pages-site-with-jekyll/about-github-pages-and-jekyll)」。
* [GitHub Pages サイトの Jekyll ビルド エラーのトラブルシューティング](/ja/enterprise-server@3.22/pages/setting-up-a-github-pages-site-with-jekyll/troubleshooting-jekyll-build-errors-for-github-pages-sites)
* [リポジトリ内のブランチの管理](/ja/enterprise-server@3.22/pull-requests/collaborating-with-pull-requests/proposing-changes-to-your-work-with-pull-requests/creating-and-deleting-branches-within-your-repository)
* [新しいファイルの作成](/ja/enterprise-server@3.22/repositories/working-with-files/managing-files/creating-new-files)
* [GitHub ページ サイトの 404 エラーのトラブルシューティング](/ja/enterprise-server@3.22/pages/getting-started-with-github-pages/troubleshooting-404-errors-for-github-pages-sites)