ablog

不器用で落着きのない技術者のメモ

GitHub で Web サイトを公開する

  • ブラウザで GitHub にログインする。
  • "GitHubアカウント名.github.io(例: yoheia.github.io)" という名前のリポジトリを作成する。
  • gh-pages, develop という名前のブランチを作成する。

$ mkdir yoheia.github.io
$ cd yoheia.github.io
$ mkdir gh-pages develop
  • ブランチを clone する
$ git clone -b develop https://github.com/yoheia/yoheia.github.io.git develop
  • develop/ 配下の .git/config を書き換える(二段階認証を有効化しているため)。
前: url = https://github.com/yoheia/yoheia.github.io.git
後: url = git@github.com:yoheia/yoheia.github.io.git
  • develop ブランチにファイルをコピーして、push する。
$ cd develop
$ git add .
$ git commit -m "add contets"
$ git push origin develop
  • public ディレクトリを作成して、gh-pages ブランチを clone する。
$ cd develop
$ mkdir public
$ git clone -b gh-pages https://github.com/yoheia/yoheia.github.io.git public
  • public/ 配下の .git/config を書き換える(二段階認証を有効化しているため)。
前: url = https://github.com/yoheia/yoheia.github.io.git
後: url = git@github.com:yoheia/yoheia.github.io.git
  • Web サイトをビルドする。
$ cd ..
$ hugo
  • ビルドしたコンテンツを gh-pages ブランチに push する。
$ cd public
$ git add .
$ git commit -m "add contets"
$ git push origin gh-pages
  • yoheia.github.io リポジトリの Settings で、Source で gh-pages を選択して、Save をクリック。

f:id:yohei-a:20210104173829p:plain