首页 > 其他分享 >给你的博客加个aplayer

给你的博客加个aplayer

时间:2022-08-21 20:33:27浏览次数:74  
标签:body layout pjax 加个 博客 aplayer

1.在 layout.ejs 中 body 标签内粘贴入以下

 <!--音乐-->
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/APlayer.min.css">
  <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/APlayer.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/Meting.min.js"></script>
  <div id="player" class="aplayer aplayer-withlist aplayer-fixed" data-id="3025663508" data-server="netease" data-type="playlist" data-order="random" data-fixed="true" data-listfolded="true" data-theme="#2D8CF0"></div>

ok,完成✅

2.让页面刷新音乐不停止

这个要pjax,我正在研究。。。

标签:body,layout,pjax,加个,博客,aplayer
From: https://www.cnblogs.com/wdysblog/p/16610796.html

相关文章

  • 博客自定义右键
    相信大家在访问我的网站就发现我的右键已经更换,那么今天就介绍一下我的方法!1.首先在head.ejs内添加:<!--自定义右键--></script><styletype="text/css">a{text-d......
  • 博客园主题推荐awescnb-自定义
    后台-设置博客皮肤:Custom页面定制CSS代码#loading{bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999;background-color:......
  • Github + Hexo 搭建个人博客超详细教程
    本文目录generatedwithDocToc网站搭建本文目录1.安装node.js2.添加国内镜像3.安装Git4.注册Github账号5.创建git仓库6.安装Hexo7.配置本地hexo8.连接Github......
  • MarkDown 本地图片快速上传到博客园
    到.NETDownloads下载.NET5打开CMD之类的终端,运行dotnettoolinstall--globaldotnet-cnblog安装dotnet-cnblogs-tool到博客后台创建Token,并复制运行......
  • Hexo+GitHub搭建个人博客
    操作环境:Windows10、Node、Git、ssh前置准备:<username>github.io仓库已建立,预计托管博客网址为<username>github.io/blog先对hexo有个清晰的认识,不至于稀里糊涂的跟......
  • 解决Notepad++ 中写的代码粘贴到博客园中,代码对不齐问题
    在Notepad++中写代码之前,在 设置->首选项..   在首选项页面上,进行如下操作,将制表符都替换为空格,就OK了  可以在视图->显示符号 -> 显示空格与制......
  • 博客搭建
    Author:meteordate:2022-08-2013:02:54LastEditTime:2022-08-2013:07:57title:博客搭建tags:hexo+github+action+pages#Thisisabasicworkflowtohelp......
  • 博客园定制皮肤收集内容1
    花了一点时间修改自己的博客背景设置,现在分享一下代码。希望对大家有帮助。主要代码模板来源于另外三个博主原博主的连接:(1)https://www.cnblogs.com/Penn000/p/6947472.ht......
  • 如何将typora的文件上传到博客园
    如何将typora的文件上传到博客园1.下载typora在偏好设置中做以下选择2.下载dotnet官网下载地址:https://dotnet.microsoft.com/下载后安装即可,window用户它会直......
  • 博客园定制皮肤教程_Cnblogs-Theme-SimpleMemory
    目录前言链接参考笔录草稿步骤1.注册博客园2.申请开通博客园3.申请支持JS权限4.配置皮肤做好以上步骤后,开始源码配置前言记录博客园皮肤设置。链接皮肤源码及......