CSDN 针对部分博主开放了自定义模块设置，我也是简单的使用了一下这个功能，感觉很不错，下面是我编写的参考代码大家可以复制下面代码来使自己的博客主页多样化。

<div class="pmusic">
    <iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=280 height=220 src="https://music.163.com/outchain/player?type=0&id=9108103776&auto=0&height=430"></iframe>
</div>
<div class="pvideo">
    <iframe src="https://player.bilibili.com/player.html?bvid=BV1VB4y1Y7wM&muted=1" width=280 height=220 scrolling="yes" border="0" frameborder="yes" framespacing="0" allowfullscreen="true"></iframe>
</div>


<style type="text/css">
    .pmusic {
        position: fixed;
        bottom: 235px;
        left: 5px;
        z-index: 9999;
    }
    
    .pvideo {
        position: fixed;
        bottom: 15px;
        left: 5px;
        z-index: 9999;
    }
    
    .pphoto {
        position: fixed;
        bottom: 450px;
        left: 5px;
        z-index: 9999;
    }
</style>

具体样式可以参考我的博客主页，左下角的网易云外链播放器，以及哔哩哔哩外链播放器。

大家注意修改网易云链接中的 id id=9108103776 为自己的专辑 id，以及哔哩哔哩链接的 bvid bvid=BV1VB4y1Y7wM 为自己的想看视频的 bvid 即可。