0
0

GitHub Pages プロジェクトサイトの公開手順

Posted at

はじめに

今回は、GitHub Pagesの公開手順を簡単に記載していきます。

GitHub Pagesサイトには、

  • ユーザーサイト
  • 組織サイト
  • プロジェクトサイト

の3種類があります。

ここで取り扱うのは3個目のプロジェクトサイトになります。

前提

調べる方は公開したい状況にあると思うので、GitHubへのリポジトリの作成やプッシュ、Git自体の設定方法などはスコープ外とします。

手順

  1. Githubのログイン後ページから、右上のアイコンを押下します。
    アイコンクリック.jpg

2.リストが展開されるので、Your Repositoriesを押下します。
YourRepositoriesクリック.jpg

3.リポジトリ一覧が表示されるので、公開したいリポジトリを押下します。
公開したいリポジトリ選択.jpg

4.リポジトリを開いたら、次のSettingsを押下します。
Settingクリック.jpg

5.Settingを開いたら、ページの最下まで移動してリポジトリの公開範囲を確認する。
リポジトリ作成時にPrivateにしていた場合、Publicに変更する必要があります。
Change Visibilityから変更しましょう。
Public確認.jpg

6.ページの最上まで戻り、次にPagesを押下します。
Pagesクリック.jpg

7.Pagesを開くと、色々と設定項目がありますが、変更するのはBranchの項目だけです。
画像ではmainを既に選択していますが、DefaultはNoneになっているかと思いますので、公開したいブランチを選択してください。
branch選択.jpg

8.ブランチを選択すると、Folderの選択プルダウンが表示されます。
基本的に、Defaultの/(root)のままで大丈夫です。
選択肢に/docsが見えると思いますが、リポジトリにdocsフォルダを作成し、その中に公開したいサイトのソースを入れるといったことをしていなければ気にしなくて良いということになります。
directory選択.jpg

9.ここまで設定したら、Saveを押下して完了です。
Save.jpg

10.え?これで公開されたの?どこに?と初めは思うかもしれませんが、ちょっと時間がかかります。
少し待ってから(2~5分くらい?)リロードすると、URLが表示されます。
カスタムドメインを使用していない限りは
http(s)://<username>.github.io/<repository>
のようになります。
URL表示.jpg

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