SEO那些事：一句代码一键分享网站

王小婷

发布于 2018-06-01 17:45:43

6810

发布于 2018-06-01 17:45:43

文章被收录于专栏：编程微刊

这是很久以前就已经写过的笔记了，有一个习惯，每次遇到一个问题，都会进行百度，然后把解决问题的关键点记录下来，有人问我，为什么更新频率如此之快，大部分都是从前积累的知识点。

其实每天工作所涉及的知识点都非常的多，长久记录下来，也算是一笔财富了，从前只是记录在印象笔记里面，看着自己的印象笔记日益渐慢，于是放在了这个平台，不得不说，简书的平台可以存储很多技术文章，文本编辑器是我见过最好用的一个，不但支持Markdown格式，还能保存为草稿，不用担心丢失。

网站上的一键分享到朋友圈好友圈的功能，其实特别简单，只需要一句代码就行，例如以下：

点击网站右边侧边栏，会划出一个div，一键分享到各个平台只需要一句代码，就可以做到，不需要在写前端页面先举个例子：代码：

<!DOCTYPE html>
<html>
 <head>
 <meta charset="UTF-8">
 <title></title>
 </head>
 <body>
<script type="text/javascript" src="http://v3.jiathis.com/code/jiathis_r.js?move=0";; charset="utf-8"></script>
</body>
</html>

图片发自简书App

再举个例子：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>

<!-- JiaThis Button BEGIN -->
<div class="jiathis_style">
<span class="jiathis_txt">分享到：</span>
<a class="jiathis_button_icons_1"></a >
<a class="jiathis_button_icons_2"></a >
<a class="jiathis_button_icons_3"></a >
<a class="jiathis_button_icons_4"></a >
<a href=" "; class="jiathis jiathis_txt jtico jtico_jiathis" target="_blank"></a >
<a class="jiathis_counter_style"></a >
</div>
<script type="text/javascript" src="http://v3.jiathis.com/code/jia.js"; charset="utf-8"></script>
<!-- JiaThis Button END -->
</body>
</html>

参考demo：http://jingyan.baidu.com/article/642c9d34cb52bb644b46f745.html

如果非要写前端漂亮的代码，请参考17素材网源码：jQuery点按钮一键分享代码_网页分享代码可点击下载 http://www.17sucai.com/pins/17097.html

图片发自简书App

以下demo摘自网站：各种样式可以随意挑选，或上下左右，或居中，或大或小，都可以用一句代码就能搞定参考官方网站：http://www.jiathis.com/ JiaThis - 社会化分享按钮及移动端分享代码提供商，提供专业的分享按钮代码及精准的数据统计服务,通过访客不断的分享行为,来提升网站的优质外链、增加社会化流量、带来更多的用户不要奇怪，没有中病毒哦