ブログをWordPressからHugoに変更しました

目次

放置していましたが更新したい気はあって、セキュリティ面で不安がありましたので変更しました。

長らく放置していたブログですがまた何かあったら書いていこうと思い動かし始めることにしました。 とはいってもまたいつ放置するか分かりませんが……。


変更した理由

WordPress以前仕事で使用していた時期もあり、Gutenbergでの執筆は嫌ではないのですが思い通りにいかなくやきもきすることはあり、先述しましたがセキュリティ面で不安がありました。
放置しそうな人間が定期的にバージョンアップを行わないといけないWordPressに向いているわけもなく。

そこで調べていると静的サイトジェネレーターなるものがあると知りHugoを利用することにしました。 この記事以降は変更してからのものとなります。


移行方法

ブログをWordPressからHugoに移行しました | Lifehacking.jp

上記のブログを参考にしつつ進めました。
サーバーは引き続きカラフルボックス様を使用しております。無料ホスティングサービスもありますが一旦はこのままにしておきます。

これを機に無料サーバーに置いていた古のポートフォリオサイトもこちらに移動させました。

wordpressの記事を移行する際、複数のブログでwordpress-to-hugo-exporterというプラグインが紹介されていましたが、使用するとwordpressでエラーが発生したため手動で移動させました。 記事が少なくてよかった

テンプレートはMainroadを使用しております。カスタマイズ方法等書かれてありましたのでへっぽこでも形になりました。


執筆方法

マークダウン記法を利用して書いていきます。始めたばかりで慣れていませんがHTMLを使用できるのでGutenbergより見栄えの調整は簡単ですね。

こちらのチートシートを見ながら書いております
マークダウン記法 | エンジニアのためのWebチートシート

# 見出しH1
## 見出しH2
### 見出しH3
<br>
- リスト1
- リスト2
    - リスト3

上記のように書くと下記のようになります。

マークダウン→HTML

執筆後はHTMLを生成してFTPソフトを利用してサーバーにあげます。
カラフルボックスはGitで管理できるようにすることは可能らしいですが、設定が難しく挫折しました。そのうちまた挑戦します。