WordPressからHugoへリプレイスした

数年前から宣言していたブログのリプレイス作業がひと段落したのでメモします。

やったこと

  • Hugo のテーマ作り
    • ホームページ(記事一覧ページ)実装
    • 記事ページ実装
      • コンテンツ表示
      • アイキャッチ画像表示
      • タグ表示
      • 関連記事の取得・表示機能
      • コメント欄の実装
    • 単一ページ実装
      • お問い合わせフォームを formspree で実装
    • サイドバー実装
    • ヘッダー・メニュー実装
    • ページネーション実装
    • カテゴリーページ実装
    • タグページ実装
    • head 内メタ情報実装
    • robots.txt の生成
    • sitemap.xml の生成
    • css 修正(データ移行後、見た目がおかしくなっていた箇所を修正)
    • jQuery から vanilla js へ書き換え
  • データ移行
    • DB のダンプファイル取得
    • DB 構造の調査
    • 移行スクリプト作成
  • その他
    • 画像ファイルの移行
    • 不要な記事やファイルのお掃除

やらなかったこと

  • リダイレクト設定
    • https://hodalog.com/category/https://hodalog.com/categories/
    • https://hodalog.com/tag/https://hodalog.com/tags/

リリース後にやったこと

  • コメント機能(disqus)の動作確認
  • フォーム送信機能の動作確認
  • 広告表示(google adsense)
  • google analytics の動作確認
  • facebook の共有の確認
  • twitter card の確認

今後やりたいこと

リプレイスして何が良くなったか

  • 記事を github で管理できるようになった。最高。
  • 記事を完全な markdown 形式で書けるようになった。最高。
  • nvim を使ってリンターとフォーマッターが効く環境で記事を書ける。最高。
  • インフラと DB の運用・保守をする必要がなくなった。これは一長一短。
  • 運用コストが下がった。最高。
  • リプレイスの過程で新しい知見が得られた。

まとめ

とりあえず Hugo へのリプレイスが一旦完了しました。やったぜ!

WordPress、これまでありがとう、、

今後もより良い開発体験を求めて定期的に環境をアップデートしていこうと思います。