添加HUGO站点音乐

stack主题自带视频模板，支持bilibili、tencent、youtube及本地视频，本篇主要介绍如何添加音乐模板

存放 自定义模板.html 的目录有以下两处：

一个为根目录下：\layouts\shortcodes
一个为主题目录下：\themes\hugo-theme-stack\layouts\shortcodes

两个路径添加其中之一即可

本地音乐

添加模板

添加本地音乐.html模板：

<h2>{{.Get 0}}</h2>
<audio controls autoplay loop  preload="none" src="{{.Get 0}}">
    <p>Your browser does not support the <code>audio</code> element.</p>
</audio>

Get 0：关闭自动播放
Get 1：开启自动播放

用法

在md中插入：

{ {< music “music.mp3” “music” >} }

注意： 中括号{{、}}内无空格

第一个参数表示歌曲的位置，第二个参数表示歌名
本地音乐存放至对应md目录下

效果

网易云音乐

原生的hugo不支持iframe标签嵌入，所以无法支持网易云音乐的外链播放，但可以用自定义的方式添加自己的shortcode-templates

添加模板

添加网易云音乐.html模板：

{{ with .Get "id" }}
    <iframe
        frameborder="no"
        border="0"
        marginwidth="0"
        marginheight="0"
        width=60%
        height=86
        src="//music.163.com/outchain/player?type=2&id={{ . }}&auto=1&height=66">
    </iframe>
{{ end }}

用法

在md中插入：

{ {< neteasemusic id=“1234567890”>} }

注意： 中括号{{、}}内无空格

效果

注意音量！

HUGO食用指南