LogoMark.png

GitHubPages

GitHub Pages

https://pages.github.com/

GitHubPages04.png

一般にWebページを公開する際は、サーバーをレンタルするなどして、FTPでファイルをアップロードしますが、 GitHub を利用すると、簡単に Webサイトを公開することができます。ここではその方法を紹介します(要アカウント作成、無料)。


CONTENTS


前提の確認

アカウントの作成

GitHub の無料アカウントを作成します。


リポジトリの作成

リポジトリとは、Webサイトやファイルセットなどを GitHub 上で管理するためのプロジェクトフォルダ・・とご理解下さい。リポジトリはいくつでも作ることができるので、その数だけサイトを作ることができます。

GitHubPagesNew.png
GitHubPages01.png


ファイルのアップロード

GitHubPages02.png
GitHubPages03.png

公開設定

サイトのファイルは、アップしただけでは公開されません。以下の設定操作によって公開されます。

GitHubPagesSettings.png
GitHubPages05.png



サイトの更新

ソースコードの更新には、以下の2つの方法があります。


付記:不要なリポジトリの削除

作業の過程で、間違った名称のリポジトリを作ってしまった場合は、以下の手順で削除可能です。

GitHubPagesDelete.jpg


より本格的に活用するには

GitHub は本来、自分のPC内にある「ローカルリポジトリ」とGitHub上にある「リモートリポジトリ」を同期させるかたちで利用するものです。
 基本的には、手元のPCにあるローカルリポジトリ(要するに Git管理下にあるフォルダ)で作業を行い、その作業内容をリモートポジトリへプッシュする流れで更新を行います。

そこで必要になるのが、GitHubのクライアントツール(Git GUIツール)です。以下、GitHub Desktop はこれを直感的に行えるツールです。

https://desktop.github.com/

詳細については、ここでは割愛いたします。以下のように検索すると、親切な解説サイトが多数ヒットします。
Google: GitHub Desktop 使い方




PAGES

GUIDE

DATA

添付ファイル: fileSampleSite04.jpg 37件 [詳細] fileSampleSite03.jpg 41件 [詳細] fileSampleSite02.jpg 59件 [詳細] fileSampleSite01.jpg 56件 [詳細] fileGitHubPagesDelete.jpg 80件 [詳細] fileGitHubPagesSettings.png 102件 [詳細] fileGitHubPages02.png 183件 [詳細] fileGitHubPagesNew.png 82件 [詳細] fileGitHubPages01.png 236件 [詳細] fileGitHubPages03.png 222件 [詳細] fileGitHubPages04.png 97件 [詳細] fileGitHubPages05.png 166件 [詳細]
Last-modified: 2020-06-30 (火) 13:37:16