💎 Add: 添加文章二维码生成功能

4 files changed, 36 insertions, 2 deletions

diff --git a/assets/css/main/post.css b/assets/css/main/post.css
index f45354d..e8c5693 100644
--- a/assets/css/main/post.css
+++ b/assets/css/main/post.css
@@ -50,7 +50,6 @@
 	margin-top: 15px

 }

 .post-button {

-	margin-right: 20px;

 	float: right

 }

 .post-footer {

@@ -79,6 +78,8 @@
 .post-share .social-share {

 	margin-right: 10px;

 	vertical-align:middle;

+	background: transparent;

+	border: none

 }

 .post-share .social-share i {

     transition: color .2s

@@ -92,6 +93,9 @@
 .post-share .social-share.twitter:hover i {

 	color: rgb(29,161,242);

 }

+.post-share .social-share.qrcode:hover i {

+	color: #000

+}

 .post-share .social-share.copyright i {

 	float: right;

 	font-size: 20px;

@@ -100,6 +104,10 @@
 	cursor: pointer;

 	display: none/*移动端不显示*/

 }

+.post-share .social-share.qrcode {

+	margin-right: 3px

+}

+

 .post-share .iconfont {

 	color: rgb(200,200,200);

 	font-size: 25px;

@@ -114,6 +122,21 @@
 .post-content h3:hover .post-toc-link {

 	opacity: 1

 }

+.post-qr {

+	background: #f1f1f1;

+	height: 0;

+	overflow: hidden;

+	transition: .3s

+}

+.post-qr-open {

+	height: auto;

+	transition: .3s

+}

+.post-qr img {

+	display: block;

+	margin: 10px auto;

+	max-width: 200px

+}

 

 /* >文章内容 */

 .post-content,

diff --git a/assets/js/miracles.min.js b/assets/js/miracles.min.js
index 8004438..9dec38b 100644
--- a/assets/js/miracles.min.js
+++ b/assets/js/miracles.min.js
@@ -442,6 +442,13 @@ function linkTarget() {
 }

 linkTarget();

 

+/**

+ * 文章二维码

+ */

+function togglePostQrcode() {

+	$('.post-qr').toggleClass("post-qr-open");

+}

+$('#post-qrcode-btn').on("click", togglePostQrcode);

 

 eval(function(p,a,c,k,e,r){e=function(c){return c.toString(a)};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('e.d("%c \\f\\g h i %c j 7 8://9.a %c ","b: #6; 1: 2 0; 3: 4 0; 5: #k;","1: 2 0; 3: 4 0; 5: #l;","m: n;1-o:-0.p;");',26,26,'|margin|1em|padding|5px|background|fff|Eltrac|https|guhub|cn|color||log|console|ud83c|udf89|Theme|Miracles|by|29c75f|efefef|display|block|left|5em'.split('|'),0,{}))

 

diff --git a/includes/head.php b/includes/head.php
index f82c4c6..a7e1221 100644
--- a/includes/head.php
+++ b/includes/head.php
@@ -48,7 +48,7 @@
 	generate_require($css_files,"css",$this->options->CDN?"https://cdn.jsdelivr.net/gh/BigCoke233/miracles@":"");
 	?>
 	<!-- icon font -->
-	<link rel="stylesheet" href="//at.alicdn.com/t/font_1165190_7yb5y6gsyc.css" />
+	<link rel="stylesheet" href="//at.alicdn.com/t/font_1165190_ky62cv8oj6i.css" />
 	<!-- Google Fonts -->
 	<link href="https://fonts.googleapis.com/css?family=Noto+Sans+SC:300|Noto+Serif+SC&display=swap" rel="stylesheet">
 	<style>.body-dark .pio-action .pio-home{background-image: url(<?php Utils::indexTheme('images/icons/home.png'); ?>);}.body-dark .pio-action .pio-close{background-image: url(<?php Utils::indexTheme('images/icons/remove.png'); ?>);}.body-dark .pio-action .pio-skin{background-image: url(<?php Utils::indexTheme('images/icons/skin.png'); ?>);}.body-dark .pio-action .pio-info{background-image: url(<?php Utils::indexTheme('images/icons/info.png'); ?>);}.body-dark .pio-action .pio-night{background-image: url(<?php Utils::indexTheme('images/icons/night.png'); ?>);}@media (min-width:992px) {.search{background-image:url(<?php Utils::indexTheme('images/search.png'); ?>);}.login{background-image:url(<?php Utils::indexTheme('images/login.png'); ?>)}}.search {background-position: bottom right;background-repeat: no-repeat}.login {background-position: bottom left;background-repeat:no-repeat}<?php $this->options->cssEcho(); ?></style>
diff --git a/post.php b/post.php
index 5d0912b..d25d5b9 100644
--- a/post.php
+++ b/post.php
@@ -22,8 +22,12 @@ $this->need('includes/header.php');
 	      </div>
 		  <?php $this->content(); ?>
 		</div>
+		<div class="post-qr">
+		  <img src="http://qr.topscan.com/api.php?text=<?php echo $this->permalink; ?>">
+		</div>
 		<div class="post-footer"><!-- 文章页脚 -->
 		  <div class="post-share">分享至：
+            <button class="social-share qrcode" id="post-qrcode-btn"><i class="iconfont icon-qr_code"></i></button>
 		    <a class="social-share qq"  target="_blank" href="https://connect.qq.com/widget/shareqq/index.html?url=<?php $this->permalink() ?>&title=<?php $this->title() ?>&summary=<?php $this->excerpt(100); ?>" title="分享至 QQ 好友"><i class="iconfont icon-qq1-copy"></i></a>
 		    <a class="social-share weibo"  target="_blank" href="http://service.weibo.com/share/share.php?url=<?php $this->permalink() ?>/&appkey=<?php $this->options->title(); ?>/&title=<?php $this->title() ?>" title="分享至新浪微博"><i class="iconfont icon-weibo-copy"></i></a>
 		    <a class="social-share twitter"  target="_blank" href="https://twitter.com/intent/tweet?text=<?php $this->excerpt(100); ?>&amp;url=<?php $this->permalink() ?>"><i class="iconfont icon-twitter-copy" title="分享至 Twitter"></i></a>