我的阅读

人丑就要多读书.
在读的书
想读的书
读过的书

立个flag,重新拿起快长草kindle,农历年前将书架中未读完及未开始读的书全都读完。

本文基于1900博主(豆瓣书架修复)一文中分享的js部分源码修改而成。感谢博主的分享!目前只支持展示最新标记的100本书。由于我的博客基于Jekyll搭建,源码中有关handlebars.js的部分, {{ }} 的语法有冲突,需要使用{% raw %}{% endraw %}包裹。

部分HTML代码如下:

<!-- 正在读 -->
<div class="db-status-reading">
  <div class="loading"></div>
  <h5 class="db-status-title">
    <i class="mdi-action-book yellow-text"> </i>在读的书
  </h5>
  <div id="books_list">
    <ul id="db-reading-books" class="mview--ul clearfix">
      <script id="reading-template" type="text/x-handlebars-template">
        {% raw %}<!-- 新增语句 -->
            {{#each this}}
              <li class="mview--li">
                <a href="{{book.alt}}" target="_blank">
                  <div class="mview--cover">
                    <img src="{{book.images.medium}}" />
                  </div>

                  <div class="mview--info">
                    <div class="mview--title">{{book.title}}</div>

                    <div class="mview--rank rating">
                      <!-- book.subtitle此处重新赋值为星级评分 -->
                      <div class="rating-star {{book.subtitle}}"></div>

                      <div class="rating-average">
                        {{book.rating.average}}
                      </div>

                    </div>

                  </div>

                </a>

              </li>

            {{/each}}
        {% endraw %}<!-- 新增语句 -->
      </script>
    </ul>
  </div>
</div>

评论: