Hugoブログの見出しアンカーをQiita風に変更し本文行間をnote.com風に調整した
Redesigning Heading Anchor Links Qiita-Style and Tuning Paragraph Spacing to Match note.com in Hugo
このブログの見出し（h2など）の末尾に常時表示されていた錨アイコン（fa-anchor）のアンカーリンクが少しダサく感じていた。
Qiita の見出しデザインを参考に、SEOへの影響も含めて表示方式を検討し直すことにした。ついでに本文の行間・余白も note の記事スタイルに合わせて調整した。
コードの修正はほぼ手作業ではなく生成AIに任せ、Playwright MCPでローカルの見た目を確認しながら進めた作業の記録。
[続きを読む]
