Hugo

Hugoで画像を自動でWebP化する、ついでにクリックで拡大できるようにする

Hugoで画像を自動でWebP化する、ついでにクリックで拡大できるようにする

 Hugo
 2026-02-01
このブログではHugoというmarkdownから静的サイトを生成するツールを使用しています。画像はmarkdownの書式どおり下記の記載をしています。 ![](img/hogehoge.png) このままだとデータ容量が大きいためWebPに自動変換処理を追加しました。また画像を拡大して見られるようにLightbox対応も行いました。 なお本ブログでは下記のHugoテーマをお借りしております。こちらのテーマを利用している前提で記載していますが、基本的には他のテーマでも利用できると思います。
HugoをCloudflare Pagesで自動ビルド・デプロイする

HugoをCloudflare Pagesで自動ビルド・デプロイする

 Hugo
 2023-10-01
前回の記事でHugoでブログを作成しました。しかし現状では手動ビルド、アップロードが必要です。 ブログをWordPressからHugoに移行した このブログを放置して早3年半くらいの月日が経ってしまいました。 元々このブログの構成はさくらのレンタルサーバーにWordPressを乗せてというシンプルなものでした。しかし、脆弱性が生まれないようにWordPressを更新していくのが面倒になってきました。 そのため、静的サイトジェネレーターのHugoに移行することにしました。 Hugoのインストール Hugoは静的サイトジェネレーターのため、執筆する端末にHugoをインストールします。 今回はCloudflare Pages(以下、Pages)を使って自動ビルド、デプロイを行います。
ブログをWordPressからHugoに移行した

ブログをWordPressからHugoに移行した

 Hugo
 2023-07-18
このブログを放置して早3年半くらいの月日が経ってしまいました。 元々このブログの構成はさくらのレンタルサーバーにWordPressを乗せてというシンプルなものでした。しかし、脆弱性が生まれないようにWordPressを更新していくのが面倒になってきました。 そのため、静的サイトジェネレーターのHugoに移行することにしました。 Hugoのインストール Hugoは静的サイトジェネレーターのため、執筆する端末にHugoをインストールします。