添加社交分享插件

book.toml

@@ -7,9 +7,9 @@ title = "教理部口袋书学习手册范例"
 
 
 [output.html]
-additional-js = ["theme/myjs/mermaid.min.js", "theme/myjs/mermaid-init.js","theme/myjs/jquery-1.12.3.min.js","theme/myjs/lrc.js","theme/myjs/nosleep.js"]
+additional-js = ["theme/myjs/mermaid.min.js", "theme/myjs/mermaid-init.js","theme/myjs/jquery-1.12.3.min.js","theme/myjs/lrc.js","theme/myjs/nosleep.js","theme/myjs/social-share.min.js"]
 mathjax-support = true
-additional-css = ["theme/mycss/tai-tham-kh-new-v3.ttf","theme/mycss/font.css","theme/mycss/lrc.css"] 
+additional-css = ["theme/fonts/tai-tham-kh-new-v3.ttf","theme/mycss/font.css","theme/mycss/lrc.css","theme/mycss/share.min.css","theme/fonts/iconfont.ttf","theme/fonts/iconfont.woff"] 
 
 [output.html.fold]
 enable = true

src/chanting/evening_chanting_A.md

@@ -14,6 +14,7 @@
 	<div id="line-current" class='active'><span></span><span></span><span></span></div>
 	<div id="line-next"><span></span><span></span><span></span></div>
 </div>
+<div class="share-component" data-mobile-sites="weibo,qq,qzone,tencent" data-disabled="google,twitter,facebook" data-description="一键分享到微博，QQ空间，腾讯微博，人人，豆瓣"></div>
 <div>
 
 ## Ratanattaya vandanā(礼拜三宝)

src/chanting/evening_chanting_B.md

@@ -13,6 +13,7 @@
 	<div id="line-current" class='active'><span></span><span></span><span></span></div>
 	<div id="line-next"><span></span><span></span><span></span></div>
 </div>
+<div class="share-component" data-mobile-sites="weibo,qq,qzone,tencent" data-disabled="google,twitter,facebook" data-description="一键分享到微博，QQ空间，腾讯微博，人人，豆瓣"></div>
 <div>
 
 ## ᩁᨲᨶᨲ᩠ᨲᨿ ᩅᨶ᩠ᨴᨶᩣ(礼拜三宝)

src/chanting/evening_chanting_C.md

@@ -16,6 +16,7 @@
 	<div id="line-current" class='active'><span></span><span></span><span></span></div>
 	<div id="line-next"><span></span><span></span><span></span></div>
 </div>
+<div class="share-component" data-mobile-sites="weibo,qq,qzone,tencent" data-disabled="google,twitter,facebook" data-description="一键分享到微博，QQ空间，腾讯微博，人人，豆瓣"></div>
 
 Evaṃ me sutaṃ- ekaṃ samayaṃ bhagavā bārāṇasiyaṃ viharati isipatane migadāye. 
 

theme/mycss/font.css

@@ -1,8 +1,8 @@
-/*傣仂文*/
+/*傣仂文*/
 @font-face {
 	font-family: "ATaiThamKHNewV3-Normal";
 	font-style: normal;
 	font-weight: 400;
-	src: local("A Tai Tham KH New V3"), url(tai-tham-kh-new-v3.ttf) format("truetype");
+	src: local("A Tai Tham KH New V3"), url(../fonts/tai-tham-kh-new-v3.ttf) format("truetype");
 	font-display: fallback;
 }

theme/mycss/share.min.css

@@ -0,0 +1,268 @@
+@font-face {
+	font-family:"socialshare";src:url("../fonts/iconfont.eot");src:url("../fonts/iconfont.eot?#iefix") format("embedded-opentype"),url("../fonts/iconfont.woff") format("woff"),url("../fonts/iconfont.ttf") format("truetype"),url("../fonts/iconfont.svg#iconfont") format("svg")
+}
+
+.social-share {
+	font-family: "socialshare" !important;
+	font-size: 16px;
+	font-style: normal;
+	-webkit-font-smoothing: antialiased;
+	-webkit-text-stroke-width: 0.2px;
+	-moz-osx-font-smoothing: grayscale
+}
+
+.social-share * {
+	font-family: "socialshare" !important
+}
+
+.social-share .icon-tencent:before {
+	content: "\f07a"
+}
+
+.social-share .icon-qq:before {
+	content: "\f11a"
+}
+
+.social-share .icon-weibo:before {
+	content: "\f12a"
+}
+
+.social-share .icon-wechat:before {
+	content: "\f09a"
+}
+
+.social-share .icon-douban:before {
+	content: "\f10a"
+}
+
+.social-share .icon-heart:before {
+	content: "\f20a"
+}
+
+.social-share .icon-like:before {
+	content: "\f00a"
+}
+
+.social-share .icon-qzone:before {
+	content: "\f08a"
+}
+
+.social-share .icon-linkedin:before {
+	content: "\f01a"
+}
+
+.social-share .icon-diandian:before {
+	content: "\f05a"
+}
+
+.social-share .icon-facebook:before {
+	content: "\f03a"
+}
+
+.social-share .icon-google:before {
+	content: "\f04a"
+}
+
+.social-share .icon-twitter:before {
+	content: "\f06a"
+}
+
+.social-share a {
+	position: relative;
+	text-decoration: none;
+	margin: 4px;
+	display: inline-block;
+	outline: none
+}
+
+.social-share .social-share-icon {
+	position: relative;
+	display: inline-block;
+	width: 32px;
+	height: 32px;
+	font-size: 20px;
+	border-radius: 50%;
+	line-height: 32px;
+	border: 1px solid #666;
+	color: #666;
+	text-align: center;
+	vertical-align: middle;
+	transition: background 0.6s ease-out 0s
+}
+
+.social-share .social-share-icon:hover {
+	background: #666;
+	color: #fff
+}
+
+.social-share .icon-weibo {
+	color: #ff763b;
+	border-color: #ff763b
+}
+
+.social-share .icon-weibo:hover {
+	background: #ff763b
+}
+
+.social-share .icon-tencent {
+	color: #56b6e7;
+	border-color: #56b6e7
+}
+
+.social-share .icon-tencent:hover {
+	background: #56b6e7
+}
+
+.social-share .icon-qq {
+	color: #56b6e7;
+	border-color: #56b6e7
+}
+
+.social-share .icon-qq:hover {
+	background: #56b6e7
+}
+
+.social-share .icon-qzone {
+	color: #FDBE3D;
+	border-color: #FDBE3D
+}
+
+.social-share .icon-qzone:hover {
+	background: #FDBE3D
+}
+
+.social-share .icon-douban {
+	color: #33b045;
+	border-color: #33b045
+}
+
+.social-share .icon-douban:hover {
+	background: #33b045
+}
+
+.social-share .icon-linkedin {
+	color: #0077B5;
+	border-color: #0077B5
+}
+
+.social-share .icon-linkedin:hover {
+	background: #0077B5
+}
+
+.social-share .icon-facebook {
+	color: #44619D;
+	border-color: #44619D
+}
+
+.social-share .icon-facebook:hover {
+	background: #44619D
+}
+
+.social-share .icon-google {
+	color: #db4437;
+	border-color: #db4437
+}
+
+.social-share .icon-google:hover {
+	background: #db4437
+}
+
+.social-share .icon-twitter {
+	color: #55acee;
+	border-color: #55acee
+}
+
+.social-share .icon-twitter:hover {
+	background: #55acee
+}
+
+.social-share .icon-diandian {
+	color: #307DCA;
+	border-color: #307DCA
+}
+
+.social-share .icon-diandian:hover {
+	background: #307DCA
+}
+
+.social-share .icon-wechat {
+	position: relative;
+	color: #7bc549;
+	border-color: #7bc549
+}
+
+.social-share .icon-wechat:hover {
+	background: #7bc549
+}
+
+.social-share .icon-wechat .wechat-qrcode {
+	display: none;
+	border: 1px solid #eee;
+	position: absolute;
+	z-index: 9;
+	top: -205px;
+	left: -84px;
+	width: 200px;
+	height: 192px;
+	color: #666;
+	font-size: 12px;
+	text-align: center;
+	background-color: #fff;
+	box-shadow: 0 2px 10px #aaa;
+	transition: all 200ms;
+	-webkit-tansition: all 350ms;
+	-moz-transition: all 350ms
+}
+
+.social-share .icon-wechat .wechat-qrcode.bottom {
+	top: 40px;
+	left: -84px
+}
+
+.social-share .icon-wechat .wechat-qrcode.bottom:after {
+	display: none
+}
+
+.social-share .icon-wechat .wechat-qrcode h4 {
+	font-weight: normal;
+	height: 26px;
+	line-height: 26px;
+	font-size: 12px;
+	background-color: #f3f3f3;
+	margin: 0;
+	padding: 0;
+	color: #777
+}
+
+.social-share .icon-wechat .wechat-qrcode .qrcode {
+	width: 105px;
+	margin: 10px auto
+}
+
+.social-share .icon-wechat .wechat-qrcode .qrcode table {
+	margin: 0 !important
+}
+
+.social-share .icon-wechat .wechat-qrcode .help p {
+	font-weight: normal;
+	line-height: 16px;
+	padding: 0;
+	margin: 0
+}
+
+.social-share .icon-wechat .wechat-qrcode:after {
+	content: '';
+	position: absolute;
+	left: 50%;
+	margin-left: -6px;
+	bottom: -13px;
+	width: 0;
+	height: 0;
+	border-width: 8px 6px 6px 6px;
+	border-style: solid;
+	border-color: #fff transparent transparent transparent
+}
+
+.social-share .icon-wechat:hover .wechat-qrcode {
+	display: block
+}