reuixiy / hugo-theme-meme

😝 You can’t spell awesome without MemE!
http://reuixiy.github.io/hugo-theme-meme
MIT License
1.03k stars 279 forks source link

希望添加背景音乐功能 #106

Open aigooman opened 4 years ago

aigooman commented 4 years ago

十分喜欢这个主题,希望作者大大能加入post页的背景音乐功能~

tianheg commented 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

aigooman commented 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

感谢回复,之前想像的是这种音乐播放形式,不过你的回答也可以满足我的要求,十分感谢。

tianheg commented 4 years ago

我又遇到一种尝试:使用shortcode.

比这个方法简单一些 @aigooman

huoranger commented 1 year 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

我想问一下,如何实现全局播放呢,这种方式切换页面音乐就没了

Rurouni-z commented 1 year ago

我又遇到一种尝试:使用shortcode.

比这个方法简单一些 @aigooman

https://tianheg.xyz/posts/hugo-toc-conflicts-with-aplayer/ 原作者更换url了