【Hugo機能】記事の見出しから目次(TOC)を自動生成・表示する方法
解説記事や技術ドキュメントなど文章が長くなってくると、読者が途中で迷子になったり、読みたいトピックをすぐに見つけられなかったりすることがありますよね。 Hugo …
Posts
世界へ発信！サイトの多言語化 (i18n)
Hugoは標準で強力な多言語（Multilingual）機能を持っています。 今回は、「ボタンやメニューなどの共通部分」 を多言語化する方法を学びます。
【Hugoカスタマイズ】自作ショートコードの作り方：Markdown内で使える警告ボックス
Hugoで記事を書いていると、「ここにYouTube動画のプレーヤーを埋め込みたい」「目立つデザインの警告ボックス（Alert）を挿入したい」といったように …
【Hugo入門】dataフォルダを使ったJSONリストの管理とショートコードでの呼び出し
「記事の途中に複数の表（テーブル）を挿入したいけれど、Markdown記法だと複雑で後からの編集がしづらい…」 「メンバー紹介や商品の料金表など、頻繁に変わる可 …
【Hugo入門】ブログ以外の新セクション(News等)を作成して別デザインを適用する方法
これまで、すべての記事データは content/posts の中（ブログ専用セクション）に作成してきました。 しかし、実際のWebサイト運用においては、ブログ以 …
【Hugo運用】Hugoのバージョン確認・アップデート手順と注意点(Windows/Mac)
静的サイトジェネレーターのHugoは世界的にも開発が非常に活発で、頻繁に新しいバージョンがリリースされています。 新しい機能をテーマに取り入れたり、バグ修正やビ …
【Hugoカスタマイズ】迷子を防ぐ「パンくずリスト(Breadcrumbs)」の作り方
ブログやマニュアルサイトを読んでいる時に、「今自分が、サイト全体の中のどの階層のページを見ているのか？」が分からなくなった経験はありませんか？ そんな時に、読者 …
【Hugo設定】記事のファイル名を連番管理しつつ、URL(slug)を綺麗に保つ方法
ブログの連載記事やチュートリアルが増えてくると、「あの記事のファイルはどこに置いたっけ？」「書く順番通りにエディタ上で並んでほしい」といった管理の悩みが生まれま …
【Hugoテーマ開発】トップページ(index.html)をカスタマイズして魅力的なサイトの顔を作ろう
ブログのコンテンツが増えてくると、トップページが「単なる新着記事の羅列」だけでは少し味気なく感じてくるものです。 今回は、トップページ専用のテンプレートファイル …
【Hugo入門】「_index.md」と「index.md」(Page Bundle)の違いと使い分け
Hugoにおいて、記事を保管する content フォルダは、「フォルダの階層構造がそのままサイトのURL構造に直結する」 という非常に重要な役割を持っています …