hexo主题功能的注入

2017-03-20

最后更新： 2017-04-02

一、多说评论功能的注入：

　首先，在多说注册账号，获得账号名字，并在_config.yml里添加代码：

1 2	#是否开启多说 duoshuo_shortname: pizer

并在主题目录下的 themes\landscape\layout_partial\article.ejs 模板的源文件：

<% if (!index && post.comments && config.disqus_shortname){ %>
<section id="comments">
  <div id="disqus_thread"></div>
    <script type="text/javascript">
    /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
    var disqus_shortname = '<%=config.disqus_shortname%>'; // required: replace example with your forum shortname
    /* * * DON'T EDIT BELOW THIS LINE * * */
    (function() {
      var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
      dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
      (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
    })();
  </script>
  <noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
</section>
<% } %>

更改为：

<% if (!index && post.comments && config.duoshuo_shortname){ %>
  <section id="comments">
    <!-- 多说评论框 start -->
    <div class="ds-thread" data-thread-key="<%= post.layout %>-<%= post.slug %>" data-title="<%= post.title %>" data-url="<%= page.permalink %>"></div>
    <!-- 多说评论框 end -->
    <!-- 多说公共JS代码 start (一个网页只需插入一次) -->
    <script type="text/javascript">
    var duoshuoQuery = {short_name:'<%= config.duoshuo_shortname %>'};
      (function() {
        var ds = document.createElement('script');
        ds.type = 'text/javascript';ds.async = true;
        ds.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//static.duoshuo.com/embed.js';
        ds.charset = 'UTF-8';
        (document.getElementsByTagName('head')[0]
         || document.getElementsByTagName('body')[0]).appendChild(ds);
      })();
      </script>
    <!-- 多说公共JS代码 end -->
  </section>
<% } %>

二、最后更新时间和知识许可协议链接的注入：

这部分是参考Percy大兄弟的博客改写的:

将begin与end之间的内容添加到主题目录下 themes\landscape\layout_partial\article.ejs文件。


#<%- post.content %> 代码和 <% } else { %> 代码之间,代码如下：
<div class="article-moreinfo">
    <div class="lastModifiedDate">
        <span>最后更新：</span>
        <time datetime="<%= date_xml(post.updated) %>" itemprop="dateLastModified">
            <%= date(post.updated, null) %>
        </time>
    </div>
    <div class="copyright">
        <span>许可协议：</span>
            <a rel="license" href="http://creativecommons.org/licenses/by-nc-nd/4.0/">知识共享署名-非商业性使用-禁止演绎 4.0 国际许可协议</a>
    </div>
</div>