Hugoでブログを書いていてずっと欲しかったブログカードをshortcodeで実装してみました。 はてなブログでURLを「埋め込み」形式で貼り付けたときのイメージを目指します。 以下の流れでやっていきます。 指定したURLのogp情報を取得するNetlify Functionを作成Netlify Functionから取得したogp情報を元にブログカードを生成するshortcodeを作成ブログ記事からshortcodeを呼び出す取得する情報当ブログにも設置していますがheadタグ下のmetaタグから必要な情報を取得します。 記事の「タイトル」「アイキャッチ画像」「記事の説明」が今回取得したいものになります。 Twitter Cardからも欲しい情報は取得できますが今回はogpタグから取得します。 <meta name="description" content="Mac OSのDockerで
![Netlify Functionsでブログカードを埋め込むHugoのshortcodeを実装しました - A1 Blog](https://cdn-ak-scissors.b.st-hatena.com/image/square/b7e9a4ebdbe34febcb705064cdbcab64ec037f00/height=288;version=1;width=512/https%3A%2F%2Fblog.a-1.dev%2Fimages%2Fblog-card%2Ftitle.png)