博客园美化
博客园背景设置
链接:https://www.dbnuo.com/Cnblogs-Theme-SimpleMemory/docs/v2/#/
Markdown 模式下 代码折叠
背景
在黏贴代码块的时候代码快太多导致文章臃肿,markdown编辑器本身语法不足不支持代码的折叠与展开,故需要使用html语法来拓展其功能
实现
折叠语法：<details> 标签
<details>
<summary>点击时的区域标题：点击查看详细内容</summary>
<p> - 测试 测试测试</p>
<pre><code>title，value，callBack可以缺省</code></pre>
</details>
details：折叠语法标签
summary：折叠语法展示的摘要
pre：以原有格式显示元素内的文字是已经格式化的文本
code：指定代码范例
blockcode：表示程序的代码块
效果展示
点击时的区域标题：点击查看详细内容
HelloWorld转载自大专栏:https://www.dazhuanlan.com/2019/12/13/5df2e9e27b568/
添加音乐插件
转载链接: https://zhuanlan.zhihu.com/p/538567487
设置 >> 页脚脚本如下
<!-- require APlayer -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.css">
<script src="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.js"></script>
<!-- require MetingJS -->
<script src="https://cdn.jsdelivr.net/npm/meting@2/dist/Meting.min.js"></script>
<meting-js
id="7092962671"
lrc-type="0"
server="netease"
order="random"
type="playlist"
fixed="true"
list-olded="true">
</meting-js>
添加Aplayer音乐播放器相关参数列表
| 参数 | 默认值 | 描述 |
|---|---|---|
| id | require | 歌曲ID/播放列表ID/专辑ID/搜索关键字 |
| server | require | 音乐平台: netease, tencent, kugou, xiami, baidu |
| type | require | 类型：song, playlist, album, search, artist |
| auto | options | 音乐链接，支持，支持: netease, tencent, xiami |
| fixed | false | 开启吸底模式 |
| mini | false | 开启迷你模式 |
| autoplay | false | 自动播放，一般浏览器默认会阻止音频自动播放 |
| theme | #2980b9 | 主题色 |
| loop | all | 音频循环播放，值：'all'、'one'、'none' |
| order | list | 音频循环顺序，值：'list'，'random' |
| preload | auto | 音频预加载，值: 'none', 'metadata', 'auto' |
| volume | 0.7 | 默认音量，播放器会记住用户设置，用户自己设置音量后默认音量将失效 |
| mutex | true | 防止同时播放多个播放器，当该播放器开始播放时暂停其他播放器 |
| lrc-type | 0 | 歌词类型 |
| list-folded | false | 列表是否先折叠 |
| list-max-height | 340px | 音频列表最大高度 |
