ブログをはてなからGithub Pageに移したお話

はじめに

GitHub Pageからこんにちは。どうも弊社です。

実は数年前から独自ドメインjyuch.devを所持しており、独自ドメインでブログをやるついでにはてなブログからGitHub Pageに移したいと考えていました。

それとは別に最近ちょくちょくDenoを触っており、Denoで動く静的サイトジェネレータであるLumeがいい感じそうだったので勢いでブログを移行してしまおうというお話です。

とはいえ弊社はフロントエンド周りに詳しいわけではないので、とりあえずテンプレートをベースに作って後々いい感じに調整していきたいと思います。

テンプレートをプルしてきたらとりあえず_data/site.ymlをいじっていい感じにします。 titleがブログ名になるのでとりあえずここだけ変えておけばいいのではないでしょうか。

あとは以下のコマンドでサーバが起動するので、http://localhost:3000にアクセスするとなんかいい感じのページが見えるようになると思います。

deno task serve

.github/workflow/build.ymlにGitHub Actionの設定があるので、以下の部分を自分の環境に合わせて書き直します。

- name: Build site
  run: |
    deno task build --location=https://www.jyuch.dev/

あとはGitHubにプッシュするだけでいい感じにGitHub Workflowが動いてgh-pagesブランチにビルド結果が展開されるので、設定からGitHubのページとしてph-pagesを使うように設定すれば完了です。

CMSは使わないつもりなので、デフォルトで入っているNetlify CMSは消しておきます。

また、_config.tsから.use(netlifyCMS())の記述を消しておきます。

フォントサイズとか調整したいところはいろいろあるのですが、いきなり100%の完成度を求めてもｱﾚですし、個人ブログなのでその辺はちょくちょく手を入れていこうと思います。

おわり