Hugoサイトをつくる

Hugoトピックノート Obsidian Hugo Obsidian Hugo Obsidian VaultにHugoのContentフォルダを指定する ObsidianのためにHugoのエイリアス機能を無効化する Private RepositoryのObsidian VaultをHugo Moduleとして読み込みサイトをビルドする Hugoメモ 【Hugo】prettierの設定を整える …

読む →

【Hugo】prettierの設定を整える

インストール npm install -D --save prettier prettier-plugin-go-template prettier-plugin-tailwindcss 設定ファイル .prettierrcファイルにprettierの設定を記述する。複数のプラグインも同時に扱えるようだ。 prettier-plugin-go-templateは、Go Templateのための …

読む →

更新

Obsidian Hugo

目的・やりたいこと HugoのContentフォルダをObsidian Vaultに指定することで、HugoのコンテンツファイルもObsidianで閲覧・編集できるようにする Obsidianを外部公開用のメタ・ノートとして使う 実装方法 Obsidian VaultにHugoのContentフォルダを指定する 気付き ObsidianだとVault内でフォルダを分けても、リンク先の.mdには階層 …

読む →

更新 TECH

【Hugo】Render Hooks for Code Blocksを利用してコードブロックにファイル名を表示する

Hugo v0.93.0からコードブロックに対してもRender Hooksを利用できるようになった。 Render Hooksを利用して、コードブロックにファイル名を表示する方法を調べたときのメモを以下に残しておく。 Release v0.93.0 · gohugoio/hugo 目次 Render Hooks for Code Blocksを利用してコードブロックにファイル名を表示する …

読む →

【Hugo】Render Hooks for Code Blocksを利用してコードブロックにファイル名を表示する
更新 TECH

Hugoでブログカードを作成する(resources.GetRemote利用)

以前、 HugoでAMP対応のブログカードを作るでAPIサーバを利用したブログカードの作成方法を紹介した。このときは、getJSONを利用していた。 Hugo v0.91.0でresources.GetRemoteが実装され、getJSONやgetCSV以外にもresources.GetRemoteを利用できるようになった。 Release v0.91.0 · gohugoio/hugo …

読む →

Hugoでブログカードを作成する(resources.GetRemote利用)
更新 TECH

GitHub PagesからCloudflare Pagesへの移行

Github Pagesから Cloudflare Pages に移行したときのメモを以下に記す。 目次 背景 Cloudflare Pages側の操作 PagesのCreate a project > Connect to Gitを選択 「Deploy a site from your account」からHugoのリポジトリを選択 Set up build and deployments …

読む →

GitHub PagesからCloudflare Pagesへの移行
更新 TECH

AMP Service WorkerでPrefetch Linksを実現する

AMP Service Workerを使うと、簡単にServiceWorkerを導入できる。 このブログでも利用しているが、1つうまく動かないモジュールがあった。 それは、Prefetch Linksの機能だ。 ドキュメントどおりに設定してもうまく動かなかったが、「amp-install-serviceworkerにdata-prefetch属性を付ける」というのがポイントだったので、メモとして残 …

読む →

AMP Service WorkerでPrefetch Linksを実現する
更新 TECH

Git pre-commitフックでFrontmatterの「更新日時」を自動更新する

今までブログ記事コンテンツの「更新日時」はgitの履歴情報を元にしていました。 たとえば、Hugoの場合はenableGitInfo = trueとすると、Gitの履歴情報からMarkdownの最終更新日時を自動で取得してlastmodとして割り当てられていました。 しかし、GitHub ActionsでHugoのビルドを行う際に、全履歴を取得するのをやめたことで、Markdownのlastmod …

読む →

Git pre-commitフックでFrontmatterの「更新日時」を自動更新する