HugoブログにSpotifyの埋め込みする

なんかよく Web ページで曲の紹介するときに、spotify の埋め込みプレーヤーがあるけどあれを hugo ブログでもできないかなと思った。

埋め込むための下準備

hugo のドキュメントルート直下から、./layouts/shortcodes/spotify.html　というファイルを作成する
で、下記のコードを置く

あとは、各 markdown ドキュメントで下記の文字列を書けば、プレイヤーがでる

// 左の"｛ "は半角の"{"を指定してね
｛｛ spotify type="track | album | playlist" id="IDを入れる" width="100%" height="250" >}}

プレイリスト、アルバム、曲単体の 3 つで指定できそう？, ID は Web ブラウザの URL に入ってるのでそれをコピー

｛｛ spotify type="playlist" id="5TEr0Emzxg3FhLis6ANCD0" width="100%" height="250" >}}

｛｛ spotify type="album" id="79TqLAdf6fdKDoQS07ZxfE" width="100%" height="250" >}}

｛｛ spotify type="track" id="4saUEzP7RMKQapzxUZsbiR" width="100%" height="250" >}}

曲単体のリンクは、曲を右クリックしてShare->Copy Song Linkでわかるよ