创建书单页面 – 竹炉山房

今年特意办了交行联名卡，为了能用上Kindle Unlimited。

前一阵子收到了Kindle的年终报告，总结了这一年来所阅读的书籍情况。

书借了不少，完读的很少。枉费年中时少还了交行几元钱还被记了一次征信。

不好好读书已经有很久了，大概是随着互联网兴起，书籍离我越来越远，那个曾经翻遍父亲所有书柜、钻进小学图书馆、跑遍新华书店、每月去书报亭购书、如海绵般吸取养分的少年已远矣，前两年买的、送的、发的书，如今都堆在家中书柜，很多连塑封都没打开过。

记得七年前，曾经用豆瓣提供的api制作过书单和影单页面，不过随着豆瓣防盗链和api限制查询次数，页面也就悄然下线、不知所踪了。

今天发现bigfa在11月更新他的wp-douban插件到3.0版，能够以“更优雅”的形式输出豆瓣书单、影单、音乐和相册。

虽然距我所希望的效果还有段距离，比如希望能够直接在后台搜索书名、发表小评论、按评论时间排列并以album形式显示，乃至还幻想过能显示Kindle上在读和已读的书籍（需要亚马逊开放api权限），等等。

且行且珍惜吧，没准哪天豆瓣把非公开api都给禁了。

小小美化了一下插件，只列出封面，可惜不能调用在豆瓣上撰写的评论。

最后，此次创建书单页面的目的在于敦促自己多读书，而电影天天在看，所以影单就不弄了。

2020年1月13日

感觉电影也是应该记录的，故增加影单页面。

2020年2月15日

应网友要求，把只列出封面的美化代码公开。

1、后台→插件→插件编辑器→选择要编辑的插件:WP-Douban→functions.php→加入如下代码：

/* DISPLAY BOOK COVER IN GRID */
function display_book_cover($id){
    $data = get_movie_detail($id, $type = 'book');
    $output = '<div class="doulist-item2"><div class="doulist-subject2"><span class="post"><a href="'. $data["alt"] .'"   rel="external nofollow" title="' .$data["title"] .'"><img src="'.  wpd_save_images($id,$data['images']['medium']) .'"></a></span>';
    $output .= '</div></div>';
    return $output;
}

2、functions.php、embed.php中，将所有display_book_detail改为display_book_cover。

3、assets→css→style.css，增加如下css（根据个人需要自由调整）：

/* New CSS for display blocks */
.inline-style {
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	flex-wrap: wrap;
}

@supports (display: grid) {
	.inline-style {
		display: grid;
		justify-content: space-around;
		grid-template-columns: repeat(auto-fill, 120px);
		grid-gap: 20px;
	}
}

.doulist-item2 {
	display: grid;
	border-radius: 0;
	box-shadow: none;
	border: none;
	margin: 5px 5px 40px;
	padding: 0;
	width: 120px;
	height:170px;
}

.doulist-item2 .content {
    display: none !important;
}

.doulist-subject2 img {
	height: 170px;
	width: 120px;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.07), 0 1px 5px 0 rgba(0,0,0,.1);
}

.doulist-subject2 .post {
	max-width: 120px;
	margin-right: 0;
}

.doulist-subject2, .doulist-album2 {
	padding: 0
}

.doulist-subject2 .title {
	display: grid;
	text-align: center;
	font-size: .85rem
}

4、新建页面，插入如下包含书单的豆瓣链接即可：

<div class="inline-style">
https:// book.douban.com/subject/26865431/
https:// book.douban.com/subject/26865432/
https:// book.douban.com/subject/26865433/
</div>

5、如有遗漏，自行解决，不展开了。

2020年3月7日

《书单影单页面更新》。

# 写于，改于。

读书

共有 12 条评论

夏天
北京

哦吼，很好，我也要把这个插件用起来。
五年前 Microsoft Edge 80 · Windows 10
回复
- S
  江苏
  *
  
  @夏天嗯我做以前还特意去你那瞄了一眼。
  五年前 Firefox 71 · Mac OS X 10.15
  回复
櫻川　浅羽
北京

管理書籍用 Calibre 還不錯，不過限制是線上閱讀的無法管理，如果用來當作讀書記錄倒是還不錯。另外可以搭配 calibre-web 當作線上管理後臺。
五年前 Google Chrome 76 · Google Chrome OS
回复
- S
  江苏
  *
  
  @櫻川　浅羽受教了。不过对我来说开发这样的展示工具的时间成本太高了。
  五年前 Firefox 71 · Mac OS X 10.15
  回复
  - 夏天
    北京
    
    @S 笔记管理可以尝试一下 kindle mate，除了比较丑，其他都很好。
    五年前 Microsoft Edge 80 · Windows 10
    回复
    - S
      江苏
      *
      
      @夏天看了一下只有Windows版，好在刚买了个Windows本子。不过除了能记录备注好像也没啥特别的呀？
      五年前 Firefox 71 · Mac OS X 10.15
      回复
大致
新加坡

现在豆瓣API都是要KEY的了，要KEY这事儿就是悄悄做的，一点通知都没有。我觉得早晚会全禁止。
还真找不到一个像豆瓣一样的书籍数据API。
五年前 Firefox 71 · Windows 7
回复
- S
  江苏
  *
  
  @大致是挺蛋疼的。
  五年前 Wordpress App 13 · iPhone iOS 13.3
  回复
青山
江西

求教程
五年前 Google Chrome 79 · Windows 7
回复
- S
  江苏
  *
  
  @青山直接装bigfa插件。
  五年前 Firefox 71 · Mac OS X 10.15
  回复
JiaYin
上海

啊啊啊。我也要装。。。。。
五年前 Google Chrome 79 · Windows 8.1
回复
- S
  江苏
  *
  
  @JiaYin 好啊，一起多读书。
  五年前 Microsoft Edge 18 · Windows 10
  回复

共有 12 条评论

回复 夏天 取消回复

回复夏天取消回复