feat: Add Share Platform

layout/_partial/after-footer.ejs

@@ -2,6 +2,7 @@
 <%- js('/js/jquery.justifiedGallery.min') %>
 <%- js('/js/lazyload.min') %>
 <%- js('/js/busuanzi-2.3.pure.min') %>
+<%- js('/js/share') %>
 <% if (theme.fancybox){ %>
 <%- js('fancybox/jquery.fancybox.min') %>
 <% } %>

layout/_partial/article.ejs

@@ -41,9 +41,9 @@
       <% } %>
     </div>
     <footer class="article-footer">
-      <% if (theme.share_enable){ %><a data-url="<%- post.permalink %>" data-id="<%= post._id %>"
-        class="article-share-link"><%- theme.share_text %></a>
-        <% } %>
+      <% if (!index && theme.share_enable){ %>
+          <%- partial('post/share') %>
+      <% } %>
       <%- partial('post/tag') %>
     </footer>
 

layout/_partial/post/share.ejs

@@ -0,0 +1,50 @@
+<%
+  var sUrl = url.replace(/index\.html$/, '');
+  sUrl = /^(http:|https:)\/\//.test(sUrl) ? sUrl : 'http:' + sUrl;
+%>
+<div class="share-btn">
+      <span class="share-sns share-outer">
+        <i class="ri-share-forward-line"></i>
+        <%- theme.share_text %>
+      </span>
+      <div class="share-wrap">
+        <div class="share-icons">
+          <% if( theme.share_china ){ %>
+          <a class="weibo share-sns" href="javascript:;" data-type="weibo">
+            <i class="ri-weibo-fill"></i>
+          </a>
+          <a class="weixin share-sns wxFab" href="javascript:;" data-type="weixin">
+            <i class="ri-wechat-fill"></i>
+          </a>
+          <a class="qq share-sns" href="javascript:;" data-type="qq">
+            <i class="ri-qq-fill"></i>
+          </a>
+          <a class="douban share-sns" href="javascript:;" data-type="douban">
+            <i class="ri-douban-line"></i>
+          </a>
+          <!-- <a class="qzone share-sns" href="javascript:;" data-type="qzone">
+            <i class="icon icon-qzone"></i>
+          </a> -->
+          <% } %>
+          <a class="facebook share-sns" href="javascript:;" data-type="facebook">
+            <i class="ri-facebook-circle-fill"></i>
+          </a>
+          <a class="twitter share-sns" href="javascript:;" data-type="twitter">
+            <i class="ri-twitter-fill"></i>
+          </a>
+          <a class="google share-sns" href="javascript:;" data-type="google">
+            <i class="ri-google-fill"></i>
+          </a>
+        </div>
+      </div>
+</div>
+
+<div class="wx-share-modal">
+    <a class="modal-close" href="javascript:;"><i class="ri-close-circle-line"></i></a>
+    <p>扫一扫，分享到微信</p>
+    <div class="wx-qrcode">
+      <img src="<%- 'qrcode' in locals ? qrcode(sUrl) : '//api.qrserver.com/v1/create-qr-code/?size=150x150&data=' + sUrl  %>" alt="微信分享二维码">
+    </div>
+</div>
+
+<div id="share-mask"></div>