GitHub Pagesでウェブサイトを作成する方法

GitHub Pagesを使えば、自分だけのサイトをゼロから作ることができます。 完全に無料で、GitHubアカウントさえあれば利用できます。 ただし、GitHub Pagesは（WixやSquarespaceと違って）ウェブサイトを作るのに最もユーザーフレンドリーなデザインを提供しているわけではありません。 このWikiHowでは、始め方を紹介します。

方法1

GitHub デスクトップを使う

1. GitHub デスクトップをダウンロードしてください。 GitHub デスクトップのインストールは、大きな紫色の "Download" ボタンをクリックするだけです。 そしてインストーラーを実行します。 これは、リポジトリに変更をプッシュするために必要です。
2. コードエディターをインストールする。 GitHub でシンタックスハイライトを使うには、エディターが必要です。 人気なのは、機能が豊富でミニマルな感じがする , , , などです。 コードエディターをインストールしたら、いよいよ始めましょう。
3. index.html "というファイルを作成します。 コードエディターでもオンラインでもできます。 ハードドライブ上のリポジトリの場所に行き、ドライブ上のリポジトリのフォルダに「index.html」ファイルを作成することもできます。
4. を追加します。 基本的なウェブページをコーディングできるようになるために必要です。 また、CSSを学ぶことで、ウェブページにスタイルや機能を追加することができます。

   • ファイルを保存することを忘れないでください。
5. 変更をコミットする。 GitHubのデスクトップに戻り、青いCommit to masterボタンをクリックします。 次にPush Originをクリックします。 これで変更がGitHubにアップロードされます。

   • さらに変更を加える場合は、オリジンもプルします。 GitHubデスクトップのPull originボタンをクリックすると、最新のコミットがあなたのマシンにダウンロードされます。
6. 自分のウェブページを見る ウェブブラウザで "[あなたの GitHub ユーザー名はこちら].github.io" にアクセスします。 新しいウェブページを表示するには、Ctrl または ⌘ Command を押しながら更新ボタンをクリックして、ブラウザのキャッシュをバイパスする必要があるかもしれません。

方法 2

GitHub オンラインを使う

1. index.html "というファイルを作成します。 Add fileをクリックし、Create new fileをクリックします。 ファイルエディターが開きます。 Name your file "フィールドに "index.html "を追加する。
2. .htmlを追加します。 基本的なウェブページをコーディングできるようになるために必要です。 また、CSSを学ぶことで、ウェブページにスタイルや機能を追加できるようになります。

   • ファイルを保存することを忘れないでください。
3. 変更をコミットします。 緑色の Commit new file ボタンをクリックして、ファイルを GitHub に保存します。
4. ウェブページを見る。 ウェブブラウザで"[あなたのGitHubユーザー名はこちら].github.io "にアクセスしてください。 新しいウェブページを表示するには、Ctrlか⌘Commandを押しながら更新ボタンをクリックして、ブラウザのキャッシュをバイパスする必要があるかもしれません。

この記事は CC BY-NC-SA で公開されている " How to Create a Website on GitHub Pages" を改変して作成しました。特に断りのない限り、CC BY-NC-SAの下で利用可能です。