参考

在这里我推荐参考大佬
Leaface
的sharejs添加，具体的修改因各自主题而异。我的是参照这位大佬添加的，但是全部按照步骤操作后发现我的页面下方并没有出现分享共功能。于是便请教了他，据说是因为<div class="post-spread">这个div被页面挡住了，只能调一下样式。于是我便参考
添加文章末尾致谢
的代码步骤重新操作了一下。

修改

具体操作如下

  • github下载 zip 文件，将解压的文件夹 dist 放到 next/source/ 目录
  • 在 next/layout/_layout.swig 中 body 标签内部引入：
    1
    2
    3
    <!--share.js-->
    <link rel="stylesheet" href="/dist/css/share.min.css">
    <script src="/dist/js/social-share.min.js"></script>
  • 在 /themes/next/layout/_macro/ 目录下新增 sharejs.swig 文件，添加如下代码：
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    <div>
        {% if not is_index %}		
    		<div
    		  data-weibo-title="分享到微博"
    		  data-qq-title="分享到QQ"
    		  data-douban-title="分享到豆瓣"
    		  class="social-share"
    		  class="share-component"

    		{#
    		  data-disabled="twitter,facebook"
    		#}

    		  data-disabled="qzone,google+,linkedin"
    		  data-description="Share.js - 一键分享到微博，QQ空间，腾讯微博，人人，豆瓣...">
    		   分享到：
    		</div>
        {% endif %}
    </div>
  • 接着打开 \themes\next\layout_macro\post.swig 文件，找到如下代码
    1
    2
    3
    {#####################}
    {### END POST BODY ###}
    {#####################}
    并在后面添加下面的代码
    1
    2
    3
    4
    5
    <div>
     {% if not is_index %}
       {% include 'sharejs.swig' %}
     {% endif %}
    </div>
  • 在文件位置：hexo/themes/next/_config.xml末尾添加
    1
    share_js: true
  • 最后执行hexo clean、hexo g、hexo s就可以了，我的结果如下

在这里插入图片描述