作为一个用来记录生活展示兴趣爱好的个人博客怎么能没有一个看过的电影或书籍的页面呢?

image.png

  网上搜索了一下,用豆瓣API是最好的选择,这方面在两年前博主牧风基于豆瓣官方 App 中的 API开发了一套接口用来展示豆瓣看过的电影或者书籍,使用页面上的链接进行调用的话比较麻烦,继续搜索发现有基于此接口的现成Wordpress 插件。

  wordpress自带jQuery并不支持 $ 关键字,head 设置 meta 也需要通过官方钩子实现,如果你想在自己的wordpress的站点上布置读书观影记录,并不能完全按照牧风的教程来做,对没有接触过编程的人来说,这存在一定难度。插件作者熊野拿牧风的SDK改成了插件,可以直接拿来用。

  插件下载

  Github下载:GitHub – ibearye/bmdb-for-wordpress: 在wordpress站点上展示豆瓣读书观影记录

  百度网盘下载:https://pan.baidu.com/s/16oKVfG5BzMWV9y0-11XIzQ 提取码:cw58

  插件使用

  下载后将压缩包里边名为 bmdb 的文件夹上传到wordpress插件目录 -> 启用插件 -> 设置secret -> 新建页面填入对应的短代码即可使用 。

  Secret申请:https://bm.weajs.com/

image.pngimage.png

  问题排除

  子比主题,默认的jQuery版本为5.6,直接使用的话有报错:Uncaught Error: Syntax error, unrecognized expression: 看了看其它网站正常工作的jQuery版本为3.6.0,在后台自定义代码引入该版本即可解决,其它主题解决方法类似,这里不再赘述 。

image.png

  更新记录

  2020.2.18 Ver2.0 更新到mufeng最新API(book url error fixed)

  2019.11.8 Ver1.0 发布

  手动集成到主题

  在wordpress上布置bmdb,核心基本与Github上的readme没区别,特别就在于如何在wordpress上正确设置头部meta以及引入资源文件,具体方法可以去看原网站,这里我不准备这么做,也就不写了。