Open aigooman opened 4 years ago
可以使用这个工具 MetingJS.
可以看我的这篇文章 Hugo 目录和音乐播放器 APlayer 的冲突问题.
所以,当我想添加音乐时,就不用目录。以下是我的博客的“关于”页面有关背景音乐的代码:
<!-- 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
server="netease"
type="playlist"
id="5043861211">
</meting-js>
另外,你这个背景音乐,是我展示的这个意思吗?我感觉我好像理解错了你的需求. @aigooman
可以使用这个工具 MetingJS.
可以看我的这篇文章 Hugo 目录和音乐播放器 APlayer 的冲突问题.
所以,当我想添加音乐时,就不用目录。以下是我的博客的“关于”页面有关背景音乐的代码:
<!-- 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 server="netease" type="playlist" id="5043861211"> </meting-js>
另外,你这个背景音乐,是我展示的这个意思吗?我感觉我好像理解错了你的需求. @aigooman
感谢回复,之前想像的是这种音乐播放形式,不过你的回答也可以满足我的要求,十分感谢。
我又遇到一种尝试:使用shortcode.
比这个方法简单一些 @aigooman
可以使用这个工具 MetingJS.
可以看我的这篇文章 Hugo 目录和音乐播放器 APlayer 的冲突问题.
所以,当我想添加音乐时,就不用目录。以下是我的博客的“关于”页面有关背景音乐的代码:
<!-- 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 server="netease" type="playlist" id="5043861211"> </meting-js>
另外,你这个背景音乐,是我展示的这个意思吗?我感觉我好像理解错了你的需求. @aigooman
我想问一下,如何实现全局播放呢,这种方式切换页面音乐就没了
我又遇到一种尝试:使用shortcode.
比这个方法简单一些 @aigooman
https://tianheg.xyz/posts/hugo-toc-conflicts-with-aplayer/ 原作者更换url了
十分喜欢这个主题,希望作者大大能加入post页的背景音乐功能~