在 Typecho 的评论区和时光机(handsome 主题独有,事实上是基于评论的一个独立页面)中插入 DPlayer 播放器是一件十分困难的事情,虽然插件作者曾在相关的 issue 中回复过解决方案,但貌似不起作用,没辙,后来历经千辛万苦,我终于找到了一个近乎完美的解决方法🥰

Step 1:调整评论设置

进入网站后台,设置-评论,关闭在评论中使用 Markdown 语法这一选项,并将以下代码加入到允许使用的HTML标签和属性中:

<div class="" data-config=''/></div>

Step 2:在评论区插入 DPlayer 播放器

使用以下代码进行插入即可:

<div class="dplayer" data-config='{"video":{"url":"null_1","pic":"null_2"}}'/></div>

其中:null_1为视频地址,null_2为封面地址。

Tips:在文章中插入 DPlayer 播放器时可能需要对/进行转义(即前面加上\),但在评论区中插入 DPlayer 播放器是不需要进行转义的~

以下内容仅针对 handsome 主题的时光机

已知有一定几率出现以下问题:

  • 在网站内使用 pjax 无刷新切换网页到时光机时,页面排版错位(刷新页面后可暂时解决)。

事实上,针对这个问题暂无较好的解决方案,在折腾了一个多小时无果后,我索性彻底关闭了 pjax 功能,之后竟然意外的发现网页的加载速度变快了(逃

关闭 pjax 功能的方法:进入主题外观设置,主题增强功能-增强功能开关-启用pjax

 

最后修改:2021 年 08 月 17 日
如果觉得我的文章对你有用,请随意赞赏