GitHub から更新する手順


📅 2021-11-16

こんにちは。コワーキングスペース茅場町 Co-Edoopen in new window田中弘治open in new window です。
そんなわけで VuePress v2open in new window + Viteopen in new window + Vercelopen in new window なブログになりました。

VuePress は Vue.js でできているブログで SSG (静的ページ生成)の機能により、静的ファイルを書き出してくれ非常に高速に動作します。
ページ生成は GitHub への Push をきっかけに Vercel が vuepress build docs し、全記事ページのファイルが docs/.vuepress/dist に書き出されます。

ということは。

記事の更新は GitHub から可能 ということです。

GitHub から更新する手順

あらかじめ github ブランチを作成し GitHub に Push しています。

Add file

github ブランチの /docs/a/open in new window フォルダで [ Add file ] - [ Create new file ] します。
ファイル名 [slug].md で Markdown ファイルを作成します。

記事編集後

GitHub は新規ファイルの保存コミットが Web 上で可能ですので、コミットメッセージを書きます。

Create a new branch for this commit and start a pull request. を選択し [ Commit new file ] ボタンでコミット(保存)します。

Pull Request をマージする

dev ブランチにマージする

あとで Mac 上のリポジトリにマージするために、一旦 dev ブランチにマージします。

main ブランチにマージする

プレビュー環境で確認し問題なければ main ブランチにマージします。

しばらくすると本番環境の kohji.blogopen in new window が更新されるでしょう。

GitHub から更新できるのは気分が楽

いざというとき :octocat: GitHub から更新できることを知っていれば、気が楽になると思う。

Last Updated:
Contributors: TANAKA Kohji