2025.04.19
【Hugo】Partial Templateでは複数returnを記述する早期Returnを使えない
Partial Templateを関数代わりに使おうとしたときに、returnを複数記述するとエラーになった。 {{ if isset .Params "img" }} {{ return .Params.img }} {{ else }} {{ return "images/nopicture.png" | absURL }} {{ end }} …
2024.01.05
ObsidianのためにHugoのエイリアス機能を無効化する
ObsidianのためにFrontMatterのaliasesを追加した場合、Hugoのエイリアス機能が意図しない動作になるケースがあった。disableAliasesをtrueに設定してエイリアス機能を無効化した。
2023.07.29
Hugoトピックノート
Hugoトピックノート Hugoプロジェクトでprettierの設定を整える Obsidian VaultにHugoのContentフォルダを指定する
2023.07.29
Hugoプロジェクトでprettierの設定を整える
インストール npm install -D --save prettier prettier-plugin-go-template prettier-plugin-tailwindcss 設定ファイル .prettierrcファイルにprettierの設定を記述する。複数のプラグインも同時に扱えるようだ。 prettier-plugin-go-templateは、Go Templateのため …
2023.04.30
Obsidian x Hugo
HugoのContentフォルダをObsidian Vaultに指定することで、HugoのコンテンツファイルもObsidianで閲覧・編集できるようにする。 目的 Obsidianを外部公開用のメタ・ノートとして使う 実装方法 Obsidian VaultにHugoのContentフォルダを指定する 気付き ObsidianだとVault内でフォルダを分けても、リンク先の.mdには階層構造が付与さ …
2023.02.03
TECH
Hugo v0.109.0でパンくずリストをシンプルに実装する
Hugo v0.109.0でトップページまでツリーを辿る.AncestorsメソッドがPageに追加された。 これにより、パンくずリストをシンプルに実装できるようになった。 Release v0.109.0 · gohugoio/hugo 以下.Ancestors.Reverseを利用した公式サンプ …
2022.09.03
TECH
【Hugo】Render Hooks for Code Blocksを利用してコードブロックにファイル名を表示する
Hugo v0.93.0からコードブロックに対してもRender Hooksを利用できるようになった。 Render Hooksを利用して、コードブロックにファイル名を表示する方法を調べたときのメモを以下に残しておく。 Release v0.93.0 · gohugoio/hugo …
2022.08.29
TECH
Hugoでブログカードを作成する（resources.GetRemote利用）
以前、 HugoでAMP対応のブログカードを作る でAPIサーバを利用したブログカードの作成方法を紹介した。このときは、getJSONを利用していた。 Hugo v0.91.0でresources.GetRemoteが実装され、getJSONやgetCSV以外に …
2022.08.14
TECH
GitHub PagesからCloudflare Pagesへの移行
Github Pagesから Cloudflare Pages に移行したときのメモを以下に記す。 目次 背景 Cloudflare Pages側の操作 PagesのCreate a project > Connect to Gitを選択 「Deploy a site from your …
2022.06.29
TECH
AMP Service WorkerでPrefetch Linksを実現する
AMP Service Workerを使うと、簡単にServiceWorkerを導入できる。 このブログでも利用しているが、1つうまく動かないモジュールがあった。 それは、Prefetch Linksの機能だ。 ドキュメントどおりに設定してもうまく動かなかった …
2021.02.11
TECH
Git pre-commitフックでFrontmatterの「更新日時」を自動更新する
今までブログ記事コンテンツの「更新日時」はgitの履歴情報を元にしていました。 たとえば、Hugoの場合はenableGitInfo = trueとすると、Gitの履歴情報からMarkdownの最終更新日時を自動で取得してlastmodとして割り当てられていました。 しかし、GitHub …
2021.01.24
TECH
「Hugoで始める静的サイト構築入門 静的サイトジェネレーターで作る自作サイト」を出版しました
2021年1月22日、技術書典9で頒布した電子書籍を底本とした「Hugoで始める静的サイト構築入門 静的サイトジェネレーターで作る自作サイト」をインプレスR&D様の「技術の泉シリーズ」の1つとして発行しました。 Hugoで始める静的サイト構築入門 Hugoとは、Webサイトを構築するための …
