Hexo框架的Next主题引入分享功能

本文会对比几种分享插件如百度分享、jiathis、多说分享，以及NeedMoreShare的差异性，并选择适当的插件集成到Hexo框架的Next主题中，实现网站和网页的分享功能。

一、前言

在上一篇文章中，介绍了如何在网站中引入评论系统。本文则分享如何在网站中引入分享功能，将您的网站快速分享给好友和相应社交平台。

二、分享插件对比

Next主题中内置了4种分享插件，下面来进行一个简单的对比。

• 百度分享（功能强大，支持多种方式自定义，还能提升网页抓取速度，遗憾的是不支持https协议，不过可自行搜索解决方法。解决方法也很简单，强烈推荐该插件。）
• JiaThis（已关闭）
• 多说分享（已关闭）
• NeedMoreShare2（我目前正在使用的分享插件，可方便进行自定义，推荐）

三、使用NeedMoreShare2

由于百度分享不支持https协议，其解决方式为把百度的分享代码本地化，即下载百度分享代码到你的本地，然后修改一些参数，具体方式参照解决百度分享不支持HTTPS的方案。不过我本人还是比较懒的，不想去这样设置，所有转而使用NeedMoreShare2。

1.启用NeedMoreShare2

打开主题配置文件，找到如下字段信息：

needmoreshare2:
  enable: false
  postbottom:
    enable: false
    options:
      iconStyle: box
      boxForm: horizontal
      position: bottomCenter
      networks: Weibo,Wechat,Douban,QQZone,Twitter,Facebook
  float:
    enable: false
    options:
      iconStyle: box
      boxForm: horizontal
      position: middleRight
      networks: Weibo,Wechat,Douban,QQZone,Twitter,Facebook

这部分信息就展示了对NeedMoreShare2的相关设置。注意要启用NeedMoreShare2，不仅要把最外层的enable设置为true，还要把postbottom或者float的至少一项设置为true。postbottom表示是否要在文章底部启用分享按钮，而float则表示是否为固定位置方式。可根据需要启用即可。

2.字段含义

在每种布局方式的配置选项中，都有iconStyle、boxForm、position、networks四个字段。它们的含义如下所示：

• iconStyle: 图标的样式，可选default（默认样式）和box（盒子状，每项有不同的背景色）
• boxForm: 分享项排列方式，可选horizontal（水平排列）和vertical（垂直排列），不过当iconStyle设置为default时，无法进行垂直排列
• position: 分享项位置，可选top / middle / bottom + Left / Center / Right
• networks: 显示的社交网站名称，使用其默认的即可

3.效果查看

以下为我的代码设置：

needmoreshare2:
  enable: true
  postbottom:
    enable: true
    options:
      iconStyle: default
      boxForm: horizontal
      position: topCenter
      networks: Weibo,Wechat,Douban,QQZone,Twitter,Facebook

相应效果如下图所示：

四、总结

本文对比并分享了百度分享和needmoreshare2这两款分享插件的区别，并讲解了needmoreshare2的配置。其实从功能上来说，我更倾向于百度分享，下次有时间我换成百度分享，再给大家介绍百度分享插件的使用吧。

五、相关链接

• 百度分享
• NeedMoreShare2