[Hugo] 長い URL を改行する2

Hitoshi Arakawa | 2024/06/02 Sun 03:01

以前 Hugo の heyo テーマで、長い URL をウィンドウ幅で改行させる方法について書いた。

[Hugo] 長い URL を改行する|荒川仁志
https://note.com/hitoshiarakawa/n/nbb5131ebd699

しかし、URL を改行させるだけでなく、英単語の途中でも改行されてしまう。

これを解決する方法のメモ。

環境:
・macOS Ventura 13.5(英語環境)
・Hugo v0.119.0
・Hugo(heyo テーマ)

/theme/heyo/assets/css/style.css の body の項目に以下を追記する。

word-wrap: break-word;

p の項目に書いていた word-break: break-all; は消しておく。

参考:
2/3 長いURLや英単語の途中でも自動改行させるCSS [ホームページ作成] All About
https://allabout.co.jp/gm/gc/463542/2/

バスカヴィル家の犬 【新訳版】 シャーロック・ホームズ・シリーズ (創元推理文庫) | アーサー・コナン・ドイル, 深町 眞理子 | 英米の小説・文芸 | Kindleストア | Amazon
https://amzn.to/4bsGeVU