如何添加音乐播放器

发表于 | 分类于 | 阅读量 次
为主页添加背景音乐

1、首先打开网易云音乐网页端（注意客户端无法添加外链），登录你的账号，搜索”你想添加的歌曲”，点击播放。
2、在左侧看到“生成外链播放器”，点击获取外链（很多歌曲因为版权问题没法获取外链，可以尝试寻找无版权的版本）。
3、这里可以更改音乐播放器的在你的主页中显示的尺寸，还可以选择是否自动播放。这里选择iframe插件，复制地址。
4、将外链插入到侧边栏文件~/themes/next/layout/_macro/sidebar.swig
这里要注意外链代码插入的位置，比如我想把外链播放器放在侧边栏友情链接“Links”这一项之后，我就需要把代码放到Links相关代码后面。

比如在

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
{# Blogroll #}
        {% if theme.links %}
          <div class="links-of-blogroll motion-element {{ "links-of-blogroll-" + theme.links_layout | default('inline') }}">
            <div class="links-of-blogroll-title">
              <i class="fa  fa-fw fa-{{ theme.links_icon | default('globe') | lower }}"></i>
              {{ theme.links_title }}
            </div>
            <ul class="links-of-blogroll-list">
              {% for name, link in theme.links %}
                <li class="links-of-blogroll-item">
                  <a href="{{ link }}" title="{{ name }}" target="_blank">{{ name }}</a>
                </li>
              {% endfor %}
            </ul>
          </div>
        {% endif %}

后面添加

1
2
3
4
5
6
7
      <!-- CloudCalendar -->
<div class="widget-wrap" style="width: 90%;margin-left: auto;margin-right: auto; opacity: 0.97;">
	<div class="widget" id="CloudCalendar"></div>
</div>
      {% include '../_custom/sidebar.swig' %}
    </div>
  </section>

5、若想插入自己录制的音频，先将音频上传到音乐网站，再获取外链即可。