![[Hugo] 記事カードを自動シャッフル表示（ランダム切り替え）](https://humanxai.info/images/uploads/hugo-shuffle-card.webp)
[Hugo] 記事カードを自動シャッフル表示（ランダム切り替え）
2025-06-16 | lain
一定時間ごとにおすすめ記事が1件ずつ変わるシャッフル表示を実装＆紹介。小スペースに複数を収めたい場合に◎。
カテゴリ：Hugo
![[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でダークモードボタン（月アイコン）が効かない原因とデザイン改善方法のまとめ。
![[Hugo] OGP（Open Graph Protocol）対応方法 [SNS]](https://humanxai.info/images/uploads/hugo-ogp.webp)
[Hugo] OGP（Open Graph Protocol）対応方法 [SNS]
2025-05-30 | lain
[Hugo] でOGP用のメタタグを設定する方法の紹介。
![[Hugo] 記事に吹き出しメッセージを作る（Goテンプレート）](https://humanxai.info/images/uploads/hugo-chat-bubble.webp)
[Hugo] 記事に吹き出しメッセージを作る（Goテンプレート）
2025-06-06 | lain
Hugoで記事に吹き出しメッセージを作る方法の紹介（Goテンプレート）
![[Hugo] favicon.ico の 404 対策 [ERROR]](https://humanxai.info/images/uploads/hugo-404-favicon.webp)
[Hugo] favicon.ico の 404 対策 [ERROR]
2025-05-30 | lain
DeveloperToolで favicon.ico の 404 が出るのでアイコンを作成してみました
![[Hugo] メタディスクリプションを追加 (SEO強化)](https://humanxai.info/images/uploads/hugo-meta-description.webp)
[Hugo] メタディスクリプションを追加 (SEO強化)
2025-05-30 | lain
Hugoでメタディスクリプション(meta description)を追加する方法の紹介（SEO強化）
![[Hugo] ページ推移用のボタンを作成](https://humanxai.info/images/uploads/hugo-page-transition-button.webp)
[Hugo] ページ推移用のボタンを作成
2025-05-29 | lain
hugo のデフォルト機能であるページネーション機能を実装した備忘録的メモ
![[Hugo] Hugoで使われているテンプレートを確認する方法](https://humanxai.info/images/uploads/blog-i-cach_hugo-template.webp)
[Hugo] Hugoで使われているテンプレートを確認する方法
2025-05-24 | lain
[Hugo] 使用中のテンプレートリスト確認方法