评论处的小BUG

[yqw1218]

评论处的小BUG

模板文件 layout/post.swig，div#disqus_thread 没有父容器，应该将 div#comments.comments 放在 {% if page.comments %} 下方。

{% if page.comments %}
    {% if (config.duoshuo and config.duoshuo.shortname) or config.duoshuo_shortname %}
      <div class="comments" id="comments">
        <div class="ds-thread" data-thread-key="{{ page.path }}"
             data-title="{{ page.title }}" data-url="{{ page.permalink }}">
        </div>
      </div>
    {% elseif config.disqus_shortname %}
      <div id="disqus_thread">
        <noscript>Please enable JavaScript to view the <a href="//disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
      </div>
    {% endif %}
 {% endif %}

改为

{% if page.comments %}
     <div class="comments" id="comments">
     {% if (config.duoshuo and config.duoshuo.shortname) or config.duoshuo_shortname %}
        <div class="ds-thread" data-thread-key="{{ page.path }}"
             data-title="{{ page.title }}" data-url="{{ page.permalink }}">
        </div>
    {% elseif config.disqus_shortname %}
      <div id="disqus_thread">
        <noscript>Please enable JavaScript to view the <a href="//disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
      </div>
    {% endif %}
    </div>
{% endif %}

简化 bower

Bower 令人诟病的一点是它下载了整个源码，而实际可用文件大概也就 min.css 和 min.js。所幸后来找到了 main-bower-files，结合 Gulp 只将所需文件拷贝到静态资源目录中，例如从 bower_components 拷贝到 vendor ，同时 ignore bower_components。使用例子可见 bower.json 和 gulpfile.js。

使用了一下确实能起到精简文件的作用，可以尝试 : )

[iissnan]

👍

[iissnan]

对于 Hexo 主题，Bower package 的简化好像没有太大作用，因为里面的大多数文件还是必须的。