http://chihiro.shigitani.me/tags/hugo/Recent content in Hugo on Chihiro's Blog☕🎀Hugoen-USSun, 29 Mar 2026 00:00:00 +0000http://chihiro.shigitani.me/blog/2026/03-29/Sun, 29 Mar 2026 00:00:00 +0000http://chihiro.shigitani.me/blog/2026/03-29/ここTiny notes everywhere (static)を参考にして、フセンぽい表示がhugoでもできるようにしたよ。とりあえず、トップページに設置した🚧 sylviaさんのブログで以前使われていて超かわいいじゃん！と思っていたんで。http://chihiro.shigitani.me/blog/2024/09-25/Wed, 25 Sep 2024 00:00:00 +0000http://chihiro.shigitani.me/blog/2024/09-25/フロントマターに"draft: true"が入ってるから hugoコマンドで自動で新規記事を作るとデフォルトで付いてくる。安全な初期設定だけど変え忘れて❓になることがある。 タイムゾーンを設定していないから📅🌏 これ。今回の自分はこのパターンだった。 hugo.tomlだかyamlでタイムゾーンを特に設定していないとUTCだと判別されるので、日本時間を入力したら9時間後に表示されることになる。 なので、ちゃんと設定しよう。これを貼り付ける。 timeZone = "Asia/Tokyo" または、コマンドをhugo server -Fにすると未来日付の記事も表示できる。http://chihiro.shigitani.me/blog/2024/09-22/Sun, 22 Sep 2024 00:00:00 +0000http://chihiro.shigitani.me/blog/2024/09-22/Hugo ʕ•ᴥ•ʔ Bear Blog このテーマだと、ブログ記事にたどり着くためには上にある”Blog”ボタンを押してブログ一覧ページに行ってから選ぶという手順になる。これだとちょっと奥に隠れている感じがする。 だから、ホームページの下半分の辺りに直近のブログ記事へのリンクが数個表示できたら便利だと思った。 色々調べた🔍結果、以下の方法で思ったような表示ができるようになった。あんまりこういうの詳しくないけど、もし同じテーマを使って同じことがしたい人がいた時のために書いて残しとく📝 この👉Hugoで最近更新された記事（新着記事）のリストを表示する|まくまく Hugo ノートサイトを参考にしたよ。🙏🙏 まず、themes/hugo-bearblog/layouts/index.htmlをコピーしてlayoutsフォルダに貼り付ける。 次に、新しくlayouts/partials/recent.htmlを作って下の内容を書き込む。(別に名前は何でもいい) <h2>あたらしい記事</h2> <ul> {{ range first 5 .Site.RegularPages.ByDate.Reverse }} <li> <b><a href=“{{.RelPermalink}}”>{{.Title}}</a></b> <time>{{.Date.Format “2006-01-02”}}</time> </li> {{ end }} </ul> ↑ 3行目の first 5 のところの数字を変えると表示される件数が変わるよ 最初にコピーしてきたindex.htmlを開く。すると最初はこうなってるんで、 {{ define “main” }} {{ .Content }} {{ end }} 下から2行目に追記する {{ define “main” }} {{ .Content }} {{ partial “recent.html” . }} {{ end }} キレイ✨ これでホームページの後半に新着記事が表示されるようになったはず！🙌