网页分享按钮与接口的使用

原文链接：网页分享按钮与接口的使用

写在前面

---

我的独立博客（chichele.li）使用的tranquilpeak主题自带了分享按钮，虽然默认的twitter、facebook分享在国内都用不上，但这分享按钮的样式还不错，于是我决定直接在此外观样式的基础上更改使用国内主要社交网站的分享链接。

折腾过程

---

对于我而言，最常用于分享的是新浪微博，然而它的官方文档描述得很复杂，既要申请APPKEY又要引入JS文件什么的，其实这都不是必要的，后面我会再提到。

于是我又转向其它方案，发现了JiaThis（直接通过JiaThis API接口分享）这个好东西。该文档描述得很清晰简单，只需要构建一个url即可分享网页至几乎所有社交网站。

来自JiaThis分享按钮

如上图所示，通过JiaThis接口分享的微博会显示“ 来自JiaThis分享按钮 ”，这就是APPKEY所起的作用。如果我们申请了自己的APPKEY的话，就可以显示自己设定的小尾巴。如果不使用APPKEY的话而直接构建新浪微博的分享链接（如 http://service.weibo.com/share/share.php?title=&title&url=&url）的话，也能实现分享网页链接到微博，这时小尾巴就会显示“ 来自互联网 ”。

最终方案

---

虽然申请自己的APPKEY可以使得分享更酷，然而如果让你对每个社交网站都申请一个APPKEY（甚至每个网站采取的方案都不一样），这工作量你能忍？
所以最终我还是决定统一采用JiaThis的解决方案了，注册JiaThis帐号的话还能统计你的网站的分享来源数据。
在\themes\tranquilpeak\layout\_partial\post中找到action.ejs文件，修改

那一部分为如下代码：

效果如下：




分享按钮效果图