用 Vue 生成自己的豆瓣观影/读书/听歌数据 Widget

[gnomeek]

刚上手学了几天 Vue ，看到那个生成豆瓣海报墙的帖子后，自己动手做了一个仿 iOS14+的 Widget 的豆瓣统计 Widget 。

• Github： https://github.com/Gnomeek/douban_stats_widget
• 预览地址： https://douban_stats_widget.web.cloudendpoint.cn/?id=152076608
• 预览图：

• 参数：
  • id ，你的豆瓣 id ，即 https://movie.douban.com/people/152076608 这个 url 的最后一部分
  • type ，默认为 movie ，书音数据为 book/music
• TODO:
  • iOS14+的 medium 尺寸 Widget ，展示最近看过 /读过 /听过的电影 /图书 /唱片封面和更详细的数据统计
  • 弄成像github_stats_card那样，可以生成图片加到 README 里（刚学前端不久，有大佬愿意提个 MR 帮我做了这一部分就更好了！）

[chiperman]

@gnomeek 能问一下接口哪里来的吗？我之前用的豆瓣 API 都封掉了

[gnomeek]

@chiperman #1 从豆瓣 App 抓包拿的接口，可以参考 https://github.com/doufen-org/tofu 的实现。这个代码就不开源了暂时...被发现又要被封了 🙊

[gnomeek]

APPEND 一下，svg 的部分完成了。可以通过以下代码嵌入。请注意将链接中的 id 数字替换为你的豆瓣 ID ，将 type 更换为 book/music 即可展示书 /音统计数据。
< img src="https://qce78q.api.cloudendpoint.cn/generateDoubanStatsSvg?id=152076608&type=movie" />