Skip to main content
ドキュメントへの更新が頻繁に発行されており、このページの翻訳はまだ行われている場合があります。 最新の情報については、「英語のドキュメント」を参照してください。

GitHub Pagesのクイックスタート

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

GitHub Pagesは、GitHub Free及びOrganizationのGitHub Freeのパブリックリポジトリ、GitHub Pro、GitHub Team、GitHub Enterprise Cloud、GitHub Enterprise Serverのパブリック及びプライベートリポジトリで利用できます。 詳しくは、「GitHub の製品」をご覧ください。

はじめに

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

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

Webサイトの作成

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

    新しいアイテムを作成するオプションを示す GitHub ドロップダウン メニューのスクリーンショット。 [新しいリポジトリ] というメニュー項目が濃いオレンジ色の枠線で囲まれています。

  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 にプッシュしてから公開されるまでに、最大 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 PagesとJekyllについて」を参照してください。