Hexo yilia 主题添加 widgetpack 评论系统

修改方法与上篇相似，如下：

1. 主题配置添加 widgetpack

修改 hexo 博客目录的 theme/yilia 中的 _config.yml 文件，增加如下配置：

# widgetpack。将 false 改为 widgetpack 上的 id 则启用该评论系统。
widgetpack: false

2. 新增 widgetpack 代码文件

在 yilia 中的 layout/_partial/post 下新增 widgetpack.ejs文件，内容如下：

<div id="wpac-comment"></div>
<script type="text/javascript">
wpac_init = window.wpac_init || [];
wpac_init.push({widget: 'Comment', id: <%=theme.widgetpack%>});
(function() {
    if ('WIDGETPACK_LOADED' in window) return;
    WIDGETPACK_LOADED = true;
    var mc = document.createElement('script');
    mc.type = 'text/javascript';
    mc.async = true;
    mc.src = 'https://embed.widgetpack.com/widget.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(mc, s.nextSibling);
})();
</script>
<a href="https://widgetpack.com" class="wpac-cr">Comments System WIDGET PACK</a>

3. 修改 article.ejs

修改 yilia 中的 layout/_partial/article.ejs 文件，在 <% if (!index && post.comments){ %> 后的任意一个评论代码前或后插入如下代码：

<%if (theme.widgetpack) { %>
  <%- partial('post/widgetpack') %>
<% } %>

---

如上三步，修改完成。如果要启用，修改主题的 _config.yml 文件，将 widgetpack 的值改为 widgetpack 上的 id 即可，注意冒号之后有空格。

---

本文由 浩码农 创作，采用 CC BY-NC-SA 4.0 许可协议
本站文章除注明转载/出处外，均为本站原创或翻译，转载请务必署名

赏

我的娃的奶粉钱就看你们的打赏啦

支付宝

微信