Hugo で、ブログでよく見るリンクをカードで表示するやつをやりたい

resources.GetRemote を利用することで、ビルドのタイミングで指定したURLへアクセスしてリソースを取得できる

v0.91.0 で入った機能

作り方

shortcode/card-link.html

外部リソースを取得

{{ $remote := resources.GetRemote "https://www.example.com/styles.scss" }}

スタイル

Hugoでついに外部URLのブログカードを作れるようになった【自作ショートコード】 | Hugoブログテーマ「Salt」

使い方

{{< card-link "https://example.com" >}}