![[Hugo] Alpine.jsで検索モーダルを実装（Fuse.js対応）](https://humanxai.info/images/uploads/hugo-alpine_js-fuse_js.webp)
[Hugo] Alpine.jsで検索モーダルを実装（Fuse.js対応）
2025-06-03 | lain
Hugo × Alpine.js × Fuse.js：軽量な検索モーダルの作り方
カテゴリ：Hugo
![[Hugo] 静的ブログにgiscusでコメント機能を追加する方法](https://humanxai.info/images/uploads/hugo-giscus.webp)
[Hugo] 静的ブログにgiscusでコメント機能を追加する方法
2025-05-31 | lain
Hugoにコメント機能をgiscusで実装する方法の紹介
![[Hugo] ナビゲーションにカテゴリを追加し専用ページを作成](https://humanxai.info/images/uploads/hugo-navigation-add-category.webp)
[Hugo] ナビゲーションにカテゴリを追加し専用ページを作成
2025-06-04 | lain
Hugo でナビゲーションにカテゴリを追加し専用ページを作成する方法
![[Hugo] リンクをカード風に表示する](https://humanxai.info/images/uploads/hugo-link-card.webp)
[Hugo] リンクをカード風に表示する
2025-05-30 | lain
Hugoのショートコードを使って、リンクをカード風に表示する方法の紹介。
![[Hugo] 目次を自動生成し記事のサイド表示（Table of Contents： TOC）](https://humanxai.info/images/uploads/hugo-table-of-contents.webp)
[Hugo] 目次を自動生成し記事のサイド表示（Table of Contents： TOC）
2025-06-03 | lain
Hugo で目次を自動生成し記事のサイド表示（Table of Contents： TOC）の紹介
![[Hugo] 遅延読み込み (Lazy loading) をテンプレートに追加](https://humanxai.info/images/uploads/hugo-lazy-loading.webp)
[Hugo] 遅延読み込み (Lazy loading) をテンプレートに追加
2025-05-30 | lain
表示速度改善に効果的な画像の遅延読み込み (loading="lazy") をHugoのテンプレートに追加してみました
![[Hugo] 記事カードを自動シャッフル表示（ランダム切り替え）](https://humanxai.info/images/uploads/hugo-shuffle-card.webp)
[Hugo] 記事カードを自動シャッフル表示（ランダム切り替え）
2025-06-16 | lain
一定時間ごとにおすすめ記事が1件ずつ変わるシャッフル表示を実装＆紹介。小スペースに複数を収めたい場合に◎。
![[Hugo] おすすめ記事を動的に表示！フェードイン＋グリッド展開で洗練されたトップページに](https://humanxai.info/images/uploads/hugo-fade-in-grid.webp)
[Hugo] おすすめ記事を動的に表示！フェードイン＋グリッド展開で洗練されたトップページに
2025-06-15 | lain
CSS＋JavaScriptを使い、記事カードをグリッド表示し、スクロールに応じてフェードインする演出を実装する方法を紹介
![[Hugo] テーマ切り替えボタン(ダークモードトグル)の「修正」と「カスタム」](https://humanxai.info/images/uploads/hugo-theme-switch.webp)
[Hugo] テーマ切り替えボタン(ダークモードトグル)の「修正」と「カスタム」
2025-06-15 | lain
Hugoでダークモードボタン（月アイコン）が効かない原因とデザイン改善方法のまとめ。