Contents

Wordpressからhugoへ

長い間、wordpressを用いてブログを運用していました。といっても思いつきで書いて、しばらく放置を繰り返しておりました。 しかしセキュリティの脆弱性が見つかったり、そもそも管理画面の乗っ取りなど不安を感じておりました。

今回、思い立ったようにhugoという仕組みに乗り換えてみました。 エンジニアな人でないとちょっと扱いが難しいかもしれません。

自分のパソコンで記事を作成、コミット、プッシュすると自動的にサイトも更新されるという仕組みです。 静的ページなので表示も早く、しかも安全です。

install

インストールは簡単ですが、マニュアルが英語です。

https://gohugo.io/getting-started/quick-start/

ということで簡単にメモしておきます。

$ sudo apt install hugo
$ hugo version
hugo v0.152.2-xxxxxxxxxxxxxxx

$ hugo new site quickstart
$ cd quickstart

閲覧

インストールが済んだらまずは閲覧できるかお試しです。 hugo server -D これで以下のURLで閲覧ができるようになります https://localhost:1313

テーマ

多数のテーマが用意されています。

https://themes.gohugo.io/

たとえば、anankeというテーマを導入する場合

$ git init
$ git submodule add https://github.com/theNewDynamic/gohugo-theme-ananke.git themes/ananke

Dreamテンプレート

この仕組みで使っているテンプレートです マニュアル:

https://hugo-theme-dream.g1en.site/
Tip

ちなみに会社のサービスなどで使えそうなテーマが、いくつかあります。

https://devcows.github.io/hugo-universal-theme/ https://hugo-fresh.vercel.app/ https://saasify-demo.chaoming.li/# https://writeonlycode.github.io/hugo-up-business/ https://writeonlycode.github.io/hugo-agency-web/ https://mdfriday.com/

Googleが出しているテーマ https://github.com/google/docsy?tab=readme-ov-file

ということで、この流れでテーマについてさらに掘り下げて学んでいきたいと思います。

https://labs.fleuraison.net/posts/2025/learn-hugo-theme