logo image with link to toppage hiyokoのHP
pages blog X(foremely Twitter) about&SNS

hugoでエラーが出たのでアップデートに追従する

golang-hugo-ssg
投 稿 日:2026/09/07
最終更新日:2026/09/07
書いた人:hiyoko
Share

ToC

  1. 警告とエラー
    1. Twitterショートコード
  2. なんかデザイン崩れてる
    1. 暫定対処
  3. 結果

サークル「空柳学園」 のHPは HUGO で構築している。(参照:空柳学園のイベント出展サークルHPを作りました | サークル: 空柳学園

選んだ理由を抜粋すると、

である。

2024年の構築当時からmarkdownの継ぎ足しのみで運用していたが、ついに弊ローカル環境でもエラーが出たためいい加減対応しようと思う。サークルメンバーにエラーの存在は指摘されてたんだからもっと早く対応しておけは、それはそう。

ちなみに現時点で公開されているHPのリポジトリ・ブランチをそのままbuildしようとしているため、当時は確実に通っていた記述である。

なお、テーマはhugo-profileである。

警告とエラー

ERROR The "twitter", "tweet", and "twitter_simple" shortcodes were deprecated in v0.142.0 and removed in v0.156.0. Please use the "x" shortcode instead.
Built in 603 ms
ERROR error building site: logged 1 error(s)

イー□ンのせいかよ(とばっちり)

Twitterショートコード

これ記事数多い人対応するの大変なのでは……?幸いなことに対応しなければならないページ数はとても少ないため、手動で直していく。どのファイルに残ってるかくらい教えてほしい気持ちもある。 単に{{ twitter user...}}となっているのを{{x user...}}とすればよい……そう、思っていた。

なんかデザイン崩れてる

しかもエラーが出てない。

主にカード類が縦に伸びたり、カード内テキストがカードの見出しより級数が上がったりしていておかしい。カスタムで当てているCSSが原因かと思ったが、すべてコメントアウトしても解決しないためテーマをアップデートしてみることとした。結果、さらに壊れた。

なお、パッチで当てているもテーマのアプデで多少の改修が必要であった。

カードが縦に伸びている

記事内で画像を貼った箇所の扱いも若干変な部分が見つかった。

暫定対処

状況を確認したところ、#recent-posts内の.card-textにて問題が起きていた。blog本文から自動で冒頭300(単位未確認)を持ってくるらしいが、どうにもうまく行っていない(htmlタグの途中を持ってきてしまったり、画像の扱いになにかがあったりしているように見えるが未確認)。.Summary.Plainに置き換えることで更新前に近くなるようである。

結果

とりあえず記事が書ける状態まで回復した。アプデのたびにこうなってしまうことは避けたいため、なんらかの方法を考えたい。SSGであるため、バージョン固定を行ってもデメリットは少ないかもしれない。

いっそのことhugoから出てきたものをさらに変換通す……?駄目ではないけど結局パッチ当てるのと似たような作業量になる。

改めて視聴したいアニメ2025