Hexo yilia 主题添加 widgetpack 评论系统

Posted 2022-06-09 貌似掉线

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

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 即可，注意冒号之后有空格。