给自己的博客园添加网抑云音乐播放器

1. 申请权限

首先给自己的博客园设置，申请js权限，这个教程可以去搜。

2. 打开网页版网抑云音乐

点击一首你喜欢的歌进入 ， 然后点击生成外链播放器

然后复制代码：

进入到自己的博客园设置页面

我是将代码粘贴在侧边栏，但是将iframe标签换成embed自闭合标签，然后自己调一下位置就可以了 auto = 1 是自动播放

这样就出现了单曲的音乐播放器（但是chrome浏览器不支持自动播放，所以设置auto = 1无效的）

其他

如果你也觉得有点意思，想把自己的博客园花里胡哨一点，还有一些小tips

1.想设置背景图片，字体等什么的，你可以在设置的页面定制css里面去随意发挥，找dom节点可以f12或者右键点击检查去找对应的id名称，或者class名，或标签名。之后根据这些名称在css里面设置背景，字体等。只需要用到一点点css知识就可。

2.想拥有以下特效可以直接粘贴代码

（1）鼠标图标

body {
	cursor: url('https://blog-static.cnblogs.com/files/lucas--liu/cat13.ico'), auto;
	background-color: #bedff1;
}

(2) 首页HTML代码

<p id="back-top" style="display:none" title="回到页面顶部"><a href="#top"><span></span></a></p>
<!-- 回到顶部 -->
<style>
  #back-top {
    position: fixed;
    bottom: 5rem;
    right: 5rem;
    z-index: 10;
  }

  #back-top span {
    width: 50px;
    height: 64px;
    display: block;
    background: url(http://images.cnblogs.com/cnblogs_com/seanshao/855033/o_rocket.png) no-repeat center center;
  }

  #back-top a {
    outline: none
  }
</style>
<script type="text/javascript">
  $(function () {
    // 默认是隐藏“回到顶部”按钮
    $("#back-top").hide();
    // 滚动距离顶部 500 像素时 淡入、淡出
    $(window).scroll(function () {
      if ($(this).scrollTop() > 500) {
        $('#back-top').fadeIn();
      } else {
        $('#back-top').fadeOut();
      }
    });
    // 回到顶部，点击事件
    $('#back-top a').click(function () {
      $('body,html').animate({
        scrollTop: 0
      }, 800);
      return false;
    });
  });
</script>
<script type="text/javascript">
    /* 鼠标特效 */
    var a_idx = 0;
    jQuery(document).ready(function($) {
        $("body").click(function(e) {
            var a = new Array("❤你好呀！❤","❤欢迎！❤","❤热烈欢迎！❤","永远保持热情！

标签：网抑,播放器,canvas,dist,function,博客园,random,window,var	

From： https://www.cnblogs.com/Fantasyfzg/p/16784544.html