Hexo上NexT主题配置WidgetPack的Rating w

2019-12-01  本文已影响0人  jiagozi

步骤

NexT主题已默认集成WidgetPack的Rating widget,所以配置过程很简单。

Hexo的NexT主题中匹配值WidgetPack的Rating的步骤如下:

  1. Widgetpack.com上注册,并获取用户ID。

  2. 修改NexT主题配置文件。

  3. 在Widgetpack.com账户设置你中意的投票方式。

详细配置过程

Widgetpack.com注册并Add new site成功后生成的Rating Widget安装代码如下:

<div id="wpac-rating"></div>
<script type="text/javascript">
wpac_init = window.wpac_init || [];
wpac_init.push({widget: 'Rating', id: *****});  #id为注册生成的ID
(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">Star Rating WIDGET PACK</a>

NexT已经默认集成了WidgetPack的Ratingwidget:

NexT主题配置文件中rating的默认设置如下:

# Star rating support to each article.
# To get your ID visit https://widgetpack.com
rating:
  enable: false
  id:     #<app_id>
  color:  fc6423

将设置改为enable改为true,添加在Widget.com上注册并新建站点后生成的ID,所有工作就完成了。

接下来就:

$ hexo clean
$ hexo g
$ hexo d

设置投票方式

Rating的投票方式在Widget.com上设置即可,有三种方式可选:

配置成功后的终极效果

上一篇 下一篇

猜你喜欢

热点阅读