GitHub Actionsを使ってGitHub PagesにVuePressの静的サイトをデプロイする

peaceirisさんのpeaceiris/actions-gh-pagesを使って GitHub PagesにVuePressで生成した静的サイトをデプロイしたのでその方法をメモしておきます。

peaceiris/actions-gh-pagesの使い方に関してはQiitaにまとまっています。

GitHub Actions による GitHub Pages への自動デプロイ - Qiita

GitHub Actions の登場により GitHub Pages へのデプロイがとても簡単になりました。手順を書いた YAML ファイルを Push するだけでビルド・デプロイの CI/CD を構築できます。この記事では GitHub Actions を用いて GitH...

Qiita

HugoとmdBookの例は先の記事にあったのですが、今回はVuePressで GitHub Pagesに公開したかったので、簡単なサンプルを作ってみました。

作成した GitHub Pagesはこちらです。

Home

このリポジトリの説明

tiryoh.github.io

管理しているリポジトリはこちらです。

GitHub - Tiryoh/test-docs-vuejs: VuePressをGitHub ActionsでGitHub Pagesにデプロイするサンプル

VuePressをGitHub ActionsでGitHub Pagesにデプロイするサンプル. Contribute to Tiryoh/test-docs-vuejs development by creating an account on GitHub.

GitHub

GitHub Actionsの設定はこちらです。

gh-pages.yml (Gist経由)

VuePressのコンテンツはVuePressのGetting Startedにある程度沿って進めました。Getting Startedではコンテンツをdocsディレクトリに保存していますが、今回はsrcディレクトリにしました。

Getting Started

Getting Started Warning VuePress v2 is currently in RC (Release Candidate) stage. It

VuePress