Skip to main content
We publish frequent updates to our documentation, and translation of this page may still be in progress. For the most current information, please visit the English documentation.
GitHub AE is currently under limited release.
All products
GitHub ページ

GitHub Pagesのクイックスタート

In this article

GitHub Pagesを使って、オープンソースプロジェクトを紹介したり、ブログをホストしたり、履歴書を共有することさえもできます。 このガイドは、次のWebサイトを作成し始めるための役に立ちます。

GitHub Pages は GitHub AE の内部およびプライベート リポジトリで利用できます。 GitHub Pagesは、GitHub Free及びOrganizationのGitHub Freeのパブリックリポジトリ、GitHub Pro、GitHub Team、GitHub Enterprise Cloud、GitHub Enterprise Serverのパブリック及びプライベートリポジトリで利用できます。

はじめに

GitHub Pagesは、GitHub AEを通じてホストされ、公開されるパブリックなWebページです。 立ち上げて実行するための最速の方法は、Jekyll テーマ選択画面を使って事前作成されたテーマをロードすることです。 その後、GitHub Pagesのコンテンツやスタイルを変更できます。

このガイドでは、username.github.io でのユーザー サイトの作成手順について説明します。

Webサイトの作成

  1. ページの右上隅で、[] ドロップダウン メニューを使用して、 [新しいリポジトリ] を選択します。 新しいリポジトリを作成するオプションがあるドロップダウン

  2. リポジトリ名として username.github.io を入力します。 username を GitHub のユーザー名に置き換えます。 たとえば、ユーザー名が octocat の場合、リポジトリ名を octocat.github.io とする必要があります。 リポジトリ名フィールド 1. リポジトリ名の下にある [設定] をクリックします。 [セキュリティ] タブが表示されない場合は、 [] ドロップダウン メニューを選び、 [設定] をクリックします。

    タブを示すリポジトリ ヘッダーのスクリーンショット。 [設定] タブが濃いオレンジ色の枠線で強調表示されています。

  3. サイドバーの [コードと自動化] セクションで、 [ ページ] をクリックします。

  4. [ビルドとデプロイ] の [ソース] で、 [ソースからのデプロイ] を選択します。

  5. [ビルドとデプロイ] の [ブランチ] で、 [なし] または [ブランチ] ドロップダウン メニューを使用し、公開元を選択します。

    公開ソースを選択するドロップダウン メニュー

  6. 必要に応じて、リポジトリの README.md ファイルを開きます。 README.md ファイルは、サイトのコンテンツを記述する場所です。 このファイルを編集することも、あるいはとりあえずデフォルトの内容をそのままにしておくこともできます。

  7. username.github.io にアクセスして新しい Web サイトをご覧ください。 注: サイトに対する変更は、その変更を GitHub AE にプッシュしてから公開されるまでに、最大 10 分かかることがあります。

タイトルと説明の変更

既定では、サイトのタイトルは username.github.io になります。 リポジトリ内の _config.yml ファイルを編集することで、タイトルを変更できます。 サイトの説明を追加することもできます。

  1. リポジトリの [Code](コード) タブをクリックします。

  2. ファイルの一覧で、_config.yml をクリックしてファイルを開きます。

  3. をクリックしてファイルを編集してください。

  4. _config.yml ファイルには、サイトのテーマを指定する行が既に含まれています。 新しい行を追加し、title: に続けて必要なタイトルを記載します。 新しい行を追加し、description: に続けて必要な説明を記載します。 次に例を示します。

    theme: jekyll-theme-minimal
title: Octocat's homepage
description: Bookmark this to keep an eye on my project updates!

  5. ファイルの編集が完了したら、 [Commit changes](変更のコミット) をクリックします。

次の手順

サイトにページを追加する方法の詳細については、「Jekyll を使用して GitHub Pages サイトにコンテンツを追加する」を参照してください。

Jekyll で GitHub Pages サイトを設定する方法の詳細については、「GitHub ページと Jekyll について」を参照してください。