调取代码:

show-douban

下载解压丢至 template 文件夹: template_180227.zip

电影页面 https://movie.douban.com/subject/26862829/ 取后面 26862829 为 id 。图书取它的 ISBN 为 id。

效果如下:

源码直出

附上样式代码:

/* post-preview --------*/
.post-preview{
    max-width:780px;margin:1em auto;position:relative;display:flex;background:#fff;border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,.25),0 0 1px rgba(0,0,0,.25);
    .post-preview--meta{
        width:75%;padding:25px;
        .post-preview--middle {line-height:28px;}
        .post-preview--title {
            font-size:18px;margin:0;
            a{text-decoration:none;}
        }
        .post-preview--date{font-size:14px;color:#999;}
    }
    .post-preview--excerpt{
        font-size:14px;line-height:1.825;
        p{margin-bottom:0;}
    }
    .post-preview--image {width:25%;float:right;background-size:cover;background-position:center center;border-top-right-radius: 2px;border-bottom-right-radius:2px;}
}
@media (max-width:550px) {
    .post-preview {
        width:95%;
        .post-preview--image {width:40%;}
        .post-preview--meta {
            width: 60%;
            .post-preview--excerpt{display:none;}
        }
    }
}