JiaThis关闭,改用share.js

前段时间访问自己的网站的时候,发现特别慢,Debug看了下发现是jiathis.com连不上,去官网也跳转到别的网站上了,搜索了下发现JiaThis关闭分享业务了。

因公司业务调整,非常遗憾的向大家宣布JiaThis公司决定自2018年4月30日起关闭旗下“分享”业务。因为关停“分享”业务给您造成的不便,我们深表歉意。

现在这个时代,还不是因为没有盈利导致很多东西都关了,比如多说、友言等。对于个人博客而言,如果过多依赖外部的话,说不定哪天就有点问题了,这就是个人博客的痛啊。

此文章用于本地化的方式对wordpress每篇文章增加分享按钮。

发现

这次分享的功能打算用本地化的功能,不再考虑使用在线的功能了,省的各种问题。

通过强大的搜索功能,找到了[share.js],感觉功能比较简单,纯分享就够了。

实现

  1. Download ZIP文件,解压好提取里面的dist目录。
  2. 将dist目录放到wordpress当前使用的主题目录中,比如我这里的 wp-content\themes\Simple-M\
  3. 修改主题目录中的header.php(头部),在<head>...</head>中加上这段,加载相应的js和css文件。
    1
    2
    3
    
    <!--share.js https://github.com/overtrue/share.js/-->
    <link rel="stylesheet" href="<?php bloginfo('template_directory'); ?/>/dist/css/share.min.css">
    <script src="<?php bloginfo('template_directory'); ?>/dist/js/social-share.min.js"></script>
  4. 修改主题目录中的single.php(单个文章),在你希望出现分享按钮的地方加上以下代码:
    1
    
    <div class="social-share"></div>

    我这边是放在post-content最后,即文章末尾。

  5. 修改样式,针对自己想要的样式做相关修改,我修改了居中和相应的margin。
  6. 修改展示样式,可以根据自己的喜好修改显示的分享按钮、图标样式等等,具体可以看github的说明。我比较懒,就不想弄了

PS: 我一直以为这些图标是图片的形式存放的,最后才发现是放到iconfont.ttf 文件中的,是个存字体的文件,也是厉害了。

展示截图

展示截图

>> 若为原创,转载请注明: 转载自Laycher's Blog

>> 本文链接地址: JiaThis关闭分享,改用share.js

>> 订阅本站: http://feed.feedsky.com/laycher