我记录网站综合系统从1.7版开始,将传统的“分享”功能转换成“微博分享”,在“文章、博客、论坛帖子”等尾部,会出现分享按钮,如下图所示: 

 

点击第一个“分享到我的微博”,会出现分享到本站微博的界面: 


 

点击其余命令,会跳转到新浪或腾讯等的站外分享链接。

 

如果你要做二次开发,给网站数据添加分享功能,请参照以下教程,整个过程非常简单。 

 

一、快速使用

 

在Html页面中,只要增加如下元素: 

<div class="shareCmd"></div>

 

然后启用一下分享命令即可:

<script>

$( document).ready( function() {

    wojilu.tool.share();

});

</script>

 

那么,在shareCmd元素那里,就会呈现各种微博分享命令和图标。

 

二、自定义

 

1)自定义分享提供商 

默认只会出现基本的微博提供商:新浪和腾讯。你也可以自定义,比如仅显示新浪和百度:

wojilu.tool.share( ['sina', 'baidu'] );

——提醒:本站分享仍然会出现,因为这个分享的主打功能就是本站分享,自定义仅仅针对外部站点。


2)显示所有分享提供商 

wojilu.tool.shareFull(); 

目前完整的分享提供商名单是:['sina','tencent','renren','qzone','baidu','douban']

 

如果你要增加其他分享提供商,请——

a)打开 /static/js/wojilu.common.js ,搜索 sharePrivate 这段代码,然后将新增网站的分享url加入其中。

b)修改分享图标,也就是编辑 /static/img/big/sns_share.gif 图片,将新增分享的图标加入此图的底部。

 

3)自定义标题、网址或图片

<div class="shareCmd" data-title="自定义标题" data-url="自定义网址" data-pic="图片网址" ></div>

 

【注意】如果要分享图片,data-pic属性的值必须是原始图片的网址,不能是缩略图的网址。

 

4)不使用js+html

 

如果你不想使用上面的js+html的方式,也可以将数据直接传递给 /Share/Add.aspx 这个网址,

一个完整的分享,一般是

/Share/Add.aspx?url=需要分享的网址&title=需要分享的标题&pic=需要分享的图片网址

 

所以,只要拼接出这段网址,然后跳转到此网址,即出现分享窗口。

当然,这样处理的分享,不包括站外分享。