/ 文学 / 439浏览

创建书单页面

今年特意办了交行联名卡,为了能用上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"] .'" target="_blank" rel="external nofollow" title="' .$data["title"] .'"><img src="'.  wpd_save_images($id,$data['images']['medium']) .'"></a></span>';
    $output .= '</div></div>';
    return $output;
}

2、functions.phpembed.php中,将所有display_book_detail改为display_book_cover

3、assetscssstyle.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

  1. 夏天

    哦吼,很好,我也要把这个插件用起来。

    Microsoft Edge 80 · Windows 10
    1. S

      @夏天嗯我做以前还特意去你那瞄了一眼。

      Firefox 71 · Mac OS X 10.15
  2. 櫻川 浅羽

    管理書籍用 Calibre 還不錯,不過限制是線上閱讀的無法管理,如果用來當作讀書記錄倒是還不錯。另外可以搭配 calibre-web 當作線上管理後臺。

    Google Chrome 76 · Google Chrome OS
    1. S

      @櫻川 浅羽受教了。不过对我来说开发这样的展示工具的时间成本太高了。

      Firefox 71 · Mac OS X 10.15
      1. 夏天

        @S笔记管理可以尝试一下 kindle mate,除了比较丑,其他都很好。

        Microsoft Edge 80 · Windows 10
        1. S

          @夏天看了一下只有Windows版,好在刚买了个Windows本子。不过除了能记录备注好像也没啥特别的呀?

          Firefox 71 · Mac OS X 10.15
  3. 大致

    现在豆瓣API都是要KEY的了,要KEY这事儿就是悄悄做的,一点通知都没有。我觉得早晚会全禁止。
    还真找不到一个像豆瓣一样的书籍数据API。

    Firefox 71 · Windows 7
    1. S

      @大致是挺蛋疼的。

      Wordpress App 13 · iPhone iOS 13.3
  4. 青山

    求教程

    Google Chrome 79 · Windows 7
    1. S

      @青山直接装bigfa插件。

      Firefox 71 · Mac OS X 10.15
  5. JiaYin

    啊啊啊。我也要装。。。。。

    Google Chrome 79 · Windows 8.1
    1. S

      @JiaYin好啊,一起多读书。

      Microsoft Edge 18 · Windows 10

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注