GithubPagesの使用方法

概要

GithubPagesとは、サーバやドメインの用意なしで静的なWebサイトを構築することができるGithubのソリューションのことである。

使用方法

まずリポジトリを作成する。

リポジトリのsetting欄からpagesの欄へ行く。
そして、Branchの部分を表示する

URLは、page欄の上部にURLが書かれている。

このURLにアクセスするとWEBページが表示されている。

Reactを使用してGithubPagesを使用する。

gh-pagesパッケージを使用する。

npm install gh-pages --save-dev

そしてディレクトリ内のpackage.jsonに以下を追記する。

{
  ...,
  "scripts": {
    ...,
    "predeploy": "npm run build",
    "deploy": "gh-pages -d build"
  },
  ...,
  "homepage": "https://(user name).github.io/(repository name)/"
}

リモートリポジトリを追加した後でnpm run deployを使用することで公開することができる。

所管

ただ、ぶっちゃけCloudflareでドメイン買ってサイト公開したほうがいろいろ融通も利くしおすすめ。
github.ioドメインは個人的にあんまり好きじゃない
簡単にサイト公開できるのは魅力的だけどね