📘

GWに向け簡単にオリジナル旅程サイトをgithub pagesにデプロイ

2021/04/29に公開約800字

はじめに

みなさんこんにちは、新型コロナウイルスのせいで楽しみにしていたGWどこにも出かけることができなく1日PCと向き合っていますOzoraです。

家にいても暇なのでGithub pageとGatsbyを使って簡単にオリジナルの旅程をまとめたページを公開できるレポジトリをGithubで公開しました。
ただ旅程サイトを作っても退屈ですので、Github actionsで、pushからだけでなく旅行先からスマホで直接githubのWebページから編集し、自動でデプロイされるような構成にしてみました。

https://github.com/ozora-ogino/gatsby-trip-plan

これを機にGithub Actionを今まで使ったことがない人はぜひぜひ体験してみてください〜
自分が作成したサイトのサンプルはこちらでご覧いただけます。

https://ozora-ogino.github.io/gatsby-trip-plan

使い方

基本的にはレポのREADMEに記載していますが、こちらでも説明すると、

  1. https://github.com/ozora-ogino/gatsby-trip-plan をForkします
  2. ローカルにクローンして/content/blogに旅行予定をMarkdownファイルで作成
  3. Github Access Tokenを作成してレポジトリの設定欄のSecretsにGH_TOKENという名前で設定します
  4. git push

というような流れになります。

旅行先からスマホで自分専用の旅行予定がまとまったサイトがあれば便利ですし、何より友達や家族にドヤ顔できますのでぜひ利用してみてください!
自分と同じで家で何もすることがない人はGithub Actionsを通してCI/CDを体験してみてください〜

Discussion

ログインするとコメントできます