リニューアルしました。

ブログをリニューアルしてみた

リニューアルの目的

  • 動的サイトから静的サイトへの乗り換え
  • エディタの充実したサイトが良かった(ここは自分で実装したくない)
  • シンプルに、飽きた。

なぜ静的サイトなのか

  • 頻繁に更新しない。
  • クライアントとサーバが完全に分離しているので、安全

このサイトがどう動いているか

  • 静的サイトジェネレータに、Hugoを使用

    • mdファイルをビルドしテンプレートにしたがってHTMLに変換してくれる。
  • Netlifyでのホスティング

    • CDN、DNS、CIとその結果の通知まで全部Netlifyに任せられるので、楽。
  • esaをCMSとして利用する。

    • 記事の投稿をトリガーにmdファイル生成 -> GitHub push する機能がある。
    • もちろんのことながら、使いやすくて見やすくてかわいい。
  • これらのいいところを使うと以下のような順序で動作する。

    1. esaで記事を更新
    2. esaが記事からmdファイルを生成、GitHubへpushしてくれる
    3. GitHubのpush をトリガーにNetlifyへデプロイしてくれる
    4. HugoコマンドでのビルドするのでmdファイルがHTMLに変換される

    人がやるのは1だけなので、いつも通りesaで記事書いて投稿するだけ。

とりあえず最初はこんなもん。


28 Words

2019-10-09 23:47:58