DoubanBoard - 显示豆瓣书单的Typecho插件

这款Typecho插件可以在博客上展示你的豆瓣书单,豆瓣影单&更多有趣的功能

豆瓣书单与豆瓣影单的抓取方法有所不同。书单有接口可以获取,影单没有,只能通过访问豆瓣的网页来解析。具体实现就不多说了。 而这款Typecho插件可以在博客上展示你的豆瓣书单,豆瓣影单&更多!

DoubanBoard - 显示豆瓣书单的Typecho插件-Npcink

快速开始

下载页底提供的文件,将文件夹改名为 DoubanBoard,上传至站点插件目录启用,并在插件设置页面进行必要设置。

上传至站点插件目录启用,并在插件设置面板进行必要的设置。设置项有:

  • 豆瓣 ID:你的豆瓣 ID,一般可以从你的个人主页的 URL 里找到。
  • 每次加载的数量:从速度和节省流量的考虑,书单和影单不会一次全部加载。你可以填写每次加载的数量。不填默认为 10。
  • 缓存过期时间:插件对数据做了本地缓存以提高访问速度,你可以在这里填写缓存过期时间,单位为秒。两次访问时间间隔超过该时间则会重新拉取数据,不填默认 24 小时。注意,不建议设置得过短,否则豆瓣可能判定你的 IP 存在异常流量。
  • 是否加载 JQuery:如果你的主题没有引入则勾选它来引入,否则取消勾选。

注意:要保证 插件目录/cache 这个文件夹可写!

注意

若你的站点没有引入 JQuery,需要在插件设置面板选择引入。若你的站点已经引入了,不要重复引入

请保证 插件目录/cache 目录可写!!!

使用方法:

插入书单与影单

想读清单:

<div data-status="wish" class="douban-book-list doubanboard-list"></div>

已读清单:

<div data-status="read" class="douban-book-list doubanboard-list"></div>

在读清单:

<div data-status="reading" class="douban-book-list doubanboard-list"></div>

电影想看清单:

<div data-status="wish" class="douban-movie-list doubanboard-list"></div>

电影已看清单:

<div data-status="watched" class="douban-movie-list doubanboard-list"></div>

电影在看清单:

<div data-status="watching" class="douban-movie-list doubanboard-list"></div>

注意,在某些 Type­cho 版本中你可能需要使用 !!! 来包裹住 HTML 代码。例如这样:

!!!
我的HTML代码
!!!

插入单部电影、书籍

插入单部电影

<div class="douban-single" data-type="movie" data-id="电影 ID" data-rating="你的评分"></div>

其中电影 ID 可以在豆瓣电影页面的 URL 中找到。你的评分修改为你自己的评分,10 分制,可带小数。

插入单部书籍

<div class="douban-single" data-type="book" data-id="书籍 ID" data-rating="你的评分"></div>

其中书籍 ID 可以在豆瓣书籍页面的 URL 中找到。你的评分修改为你自己的评分,10 分制,可带小数。

注意,在某些 Type­cho 版本中你可能需要使用 !!! 来包裹住 HTML 代码。

豆瓣好像蛮受欢迎的,这里有一款WordPress插件,也是添加豆瓣的,可以了解一下:

DoubanBoard - 显示豆瓣书单的Typecho插件-Npcink
DoubanBoard - 显示豆瓣书单的Typecho插件-Npcink

Bmdb - 添加豆瓣书影记录wordpress插件

在wordpress主题中添加豆瓣书影记录

下载权限

查看
  • 免费下载
    评论后下载
    登录后下载

  • {{attr.name}}:
您当前的等级为
您有每天免费下载所有资源次的特权,今日剩余 已取得下载权限
最后修改: 2020-09-23 04:37
Typecho

ExSearch - 为Typecho带来实时搜索体验的插件

2020-4-1 16:33:19

Typecho

Love - 相爱一百件事Typecho主题

2020-4-4 1:40:36

⚠️
Npcink上的部份代码及教程来源于互联网,仅供网友学习交流,若您喜欢本文可附上原文链接随意转载。
无意侵害您的权益,请发送邮件至 link@baimu.org 或点击右侧 私信:Muze 反馈,我们将尽快处理。
4 条回复 A文章作者 M管理员
  1. {
    "msg": "invalid_apikey, Please contact bd-team@douban.com for authorized access.",
    "code": 104,
    "request": "POST /v2/book/id/collection"
    }

    现在一直提示这个,不知道是不是appkey过期了。😁

    • 我装上去提示服务器错误(。>︿<)_θ

  2. 博主您好,请问教程里写的【在某些 Type­cho 版本中你可能需要使用 !!! 来包裹住 HTML 代码。】怎么包裹啊?

    • 感谢您提出的问题,我更新了文章,烦请您再看下这篇文章。

个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索