From b51a0af80dd8cf2b806119c308a80d47a050b052 Mon Sep 17 00:00:00 2001
From: "kun.peng" <kun.peng@outlook.my>
Date: Sun, 20 Oct 2019 22:41:15 +0800
Subject: [PATCH] =?UTF-8?q?##=20v1.1=201.=20=E4=BF=AE=E6=94=B9`share`?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E6=A0=B7=E5=BC=8F=E3=80=82=202.=20=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96`sharejs`=20=E6=A0=B7=E5=BC=8F=EF=BC=8C=E5=8E=BB?=
 =?UTF-8?q?=E6=8E=89`google+=20`=E7=AD=89=E5=88=86=E4=BA=AB=E3=80=82=203.?=
 =?UTF-8?q?=20=E5=A2=9E=E5=8A=A0=E9=98=85=E8=AF=BB=E9=87=8F=E6=98=BE?=
 =?UTF-8?q?=E7=A4=BA=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 CHANGELOG.md             |  5 ++++
 layout/common/module.ftl |  8 +++----
 layout/share/sharejs.ftl | 49 +++++++++++++++++++++++++++++++++++++++-
 theme.yaml               |  2 +-
 4 files changed, 57 insertions(+), 7 deletions(-)
 create mode 100644 CHANGELOG.md

diff --git a/CHANGELOG.md b/CHANGELOG.md
new file mode 100644
index 0000000..c092831
--- /dev/null
+++ b/CHANGELOG.md
@@ -0,0 +1,5 @@
+
+## v1.1
+1. 修改`share`组件样式。
+2. 优化`sharejs` 样式，去掉`google+ `等分享。
+3. 增加阅读量显示。
diff --git a/layout/common/module.ftl b/layout/common/module.ftl
index 083d88f..9b3b4ed 100644
--- a/layout/common/module.ftl
+++ b/layout/common/module.ftl
@@ -1,14 +1,12 @@
 <#macro module name>
     <#if name == 'share'>
         <div class="column is-4-tablet is-1-desktop <#if is_sheet??>is-hidden-desktop</#if> is-1-widescreen is-1-fullhd  has-order-1 column-left is-hidden-touch <%= sticky_class(left) %>">
-            <div class="level">
+<#--            <div class="level">-->
 <#--                <a href="#" style="display: block;background: #fff6;width: 30px;height: 30px;border-radius:50px;line-height: 30px;text-align: center;box-shadow: 0 2px 4px 0 rgba(0,0,0,.04);color: #333">-->
 <#--                    <i class="fas fa-eye"></i>-->
 <#--                </a>-->
-            </div>
-            <div class="level"></div>
-            <div class="level"></div>
-            <div class="level">
+<#--            </div>-->
+            <div class="level" style="position: fixed;top: 0;height: 100%;width: 30px;">
                 <#if settings.share_type?? && settings.share_type!=''>
                     <#include "../share/${settings.share_type}.ftl">
                 </#if>
diff --git a/layout/share/sharejs.ftl b/layout/share/sharejs.ftl
index 009d962..6b1dd34 100644
--- a/layout/share/sharejs.ftl
+++ b/layout/share/sharejs.ftl
@@ -1,3 +1,50 @@
-<div class="social-share column is-one-third" style="margin-left: 1.5em;"></div>
+<div class="social-share column is-one-third" style="margin-left: 1.5em;" data-disabled="tencent,linkedin,douban,diandian,google">
+    <#if is_post??>
+        <a href="#" class="social-share-icon views">
+            <svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="readme" class="svg-inline--fa fa-readme fa-w-18" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M528.3 46.5H388.5c-48.1 0-89.9 33.3-100.4 80.3-10.6-47-52.3-80.3-100.4-80.3H48c-26.5 0-48 21.5-48 48v245.8c0 26.5 21.5 48 48 48h89.7c102.2 0 132.7 24.4 147.3 75 .7 2.8 5.2 2.8 6 0 14.7-50.6 45.2-75 147.3-75H528c26.5 0 48-21.5 48-48V94.6c0-26.4-21.3-47.9-47.7-48.1zM242 311.9c0 1.9-1.5 3.5-3.5 3.5H78.2c-1.9 0-3.5-1.5-3.5-3.5V289c0-1.9 1.5-3.5 3.5-3.5h160.4c1.9 0 3.5 1.5 3.5 3.5v22.9zm0-60.9c0 1.9-1.5 3.5-3.5 3.5H78.2c-1.9 0-3.5-1.5-3.5-3.5v-22.9c0-1.9 1.5-3.5 3.5-3.5h160.4c1.9 0 3.5 1.5 3.5 3.5V251zm0-60.9c0 1.9-1.5 3.5-3.5 3.5H78.2c-1.9 0-3.5-1.5-3.5-3.5v-22.9c0-1.9 1.5-3.5 3.5-3.5h160.4c1.9 0 3.5 1.5 3.5 3.5v22.9zm259.3 121.7c0 1.9-1.5 3.5-3.5 3.5H337.5c-1.9 0-3.5-1.5-3.5-3.5v-22.9c0-1.9 1.5-3.5 3.5-3.5h160.4c1.9 0 3.5 1.5 3.5 3.5v22.9zm0-60.9c0 1.9-1.5 3.5-3.5 3.5H337.5c-1.9 0-3.5-1.5-3.5-3.5V228c0-1.9 1.5-3.5 3.5-3.5h160.4c1.9 0 3.5 1.5 3.5 3.5v22.9zm0-60.9c0 1.9-1.5 3.5-3.5 3.5H337.5c-1.9 0-3.5-1.5-3.5-3.5v-22.8c0-1.9 1.5-3.5 3.5-3.5h160.4c1.9 0 3.5 1.5 3.5 3.5V190z"></path></svg>
+        </a>
+    </#if>
+</div>
 <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/social-share.js@1.0.16/dist/css/share.min.css">
 <script src="//cdn.jsdelivr.net/npm/social-share.js@1.0.16/dist/js/social-share.min.js"></script>
+<style>
+    <#if is_post??>
+    .social-share a {
+        border: none !important;
+        font-size: 1.4em !important;
+    }
+    .social-share a svg{
+        width: 23px;
+    }
+    .social-share .views svg {
+        color: #7b68ee;
+        padding-top: 3px;
+        margin-top: 5px;
+    }
+    .social-share .views:after{
+        content: '${post.visits}';
+        position: absolute;
+        top: -11px;
+        left: -15px;
+        font-size: 0.3em;
+        background-color: #cfc8f9;
+        height: 20px;
+        border-radius: 3px;
+        padding: 0;
+        line-height: 20px !important;
+        padding-left: 5px;
+        padding-right: 5px;
+    }
+    .social-share .views:hover,
+    .social-share .views:hover{
+        background-color: #7b68ee;
+    }
+    .social-share .views:hover:after  {
+        background-color: #947bc0;
+    }
+    .social-share .views:hover svg {
+        color: white;
+    }
+    </#if>
+
+</style>
\ No newline at end of file
diff --git a/theme.yaml b/theme.yaml
index b89a7d1..6ecb139 100644
--- a/theme.yaml
+++ b/theme.yaml
@@ -7,4 +7,4 @@ description:
 logo:
 website: https://www.imkun.dev
 repo: https://github.com/halo-dev/halo-theme-imkundev
-version: 1.0
+version: 1.1