🎉 Update Version 1.6.9

ITJoker233 · Feb 11, 2020 · 02d1dd3 · 02d1dd3
1 parent 56e3cf9
commit 02d1dd3
Show file tree

Hide file tree

Showing 10 changed files with 580 additions and 292 deletions.
diff --git a/README.md b/README.md
@@ -44,22 +44,23 @@
 - [x] 增加搜索功能
 - [x] 增加备案信息
 - [x] 增加天气插件
-- [x] 增加访问量功能? ヾ(•ω•`)o (待定)
+- [x] 增加访问量功能
+- [x] 增加文章分享功能
+- [x] 增加文章打赏功能
+- [x] 增加目录功能
+- [x] 增加鼠标点击特效
 - [ ] 增加文章加密解密功能? ヾ(•ω•`)o (待定) (本功能需要客户端支持)
-- [ ] 增加付费文章功能? ヾ(•ω•`)o (待定)(本功能需要客户端支持)
-- [ ] 增加文章分享功能? ヾ(•ω•`)o (待定)
 - [ ] 增加关于我的页面? ヾ(•ω•`)o (待定)
 - [ ] 增加节日插件? ヾ(•ω•`)o (待定)
-- [ ] 增加鼠标点击特效? ヾ(•ω•`)o (待定)
 - [ ] 增加相关的Web特效~
 - More...
 
-## 📌当前版本：1.6.8
+## 📌当前版本：1.6.9
 
 1. (刚开始使用这个主题的请忽略这句话)
 2. 由于Gridea客户端不支持直接获取主题版本，所以换了一个方法获取当前主题的版本号.(如果Gridea的客户端一直不支持获取的话，那么就采用这个方法，如果支持了就不必这一步。)
 3. 因此在旧版本的基础上的解决方法：```请重新启动Gridea客户端，然后点击下主题->自定义配置->主题设置->选择最新版本->保存```
-4. 音乐插件------(详细教程见:https://blog.itjoker.cn/post/azQ6rNbFG/) (该功能慎用,影响目录跳转功能)
+4. 音乐插件------[音乐插件教程](https://blog.itjoker.cn/post/azQ6rNbFG/) (该功能慎用,影响目录跳转功能)
 5. 文章列表------在菜单里面添加的link为:```/posts```
 6. 如果不想使用CDN的话,那么找到head.ejs中,找到CDN样式的关键词,把下面的注释掉,然后取消掉本地样式关键词下的样式...
 
@@ -68,10 +69,12 @@
 ### 本次更新了以下内容:
 
 1. 下次更新未知....
-2. 本次更新时间为：2020.02.06
-3. 增加了访问量的功能
-4. 优化了访问量插件js的CDN加载
-5. 修复了一些命名问题...
+2. 本次更新时间为：2020.02.12
+3. 本次增加了文章分享的功能,文章打赏插件的功能,详情见[打赏插件使用教程](https://blog.itjoker.cn/post/)  (参考了[xiangyi715](https://github.com/xiangyi715/Gridea-Chic-Unique)的Gridea-Chic-Unique)
+4. 增加目录是否开启的开关。(因为考虑到兼容性,以及我自己太懒了.....所有增加这个开关，有需要的开启)
+5. 修复了移动端显示文章列表标题文字过长溢出的Bug。
+6. 增加了页面的点击特效...
+7. tags页面的上下页无法修复,Gridea 客户端不支持(除非0.9.2正式版及其以上支持该功能)....给tag增加了上下页的功能...
 
 ## 📢作者留言
 
@@ -105,15 +108,16 @@ git pull origin master
 
 <summary> 当前版本 </summary>
 
-- [v1.6.8(当前版本)](https://github.com/ITJoker233/Gridea-theme-Chic/releases/tag/1.6.8)
+- [v1.6.9(当前版本)](https://github.com/ITJoker233/Gridea-theme-Chic/releases/tag/1.6.9)
 
 </details>
 
 <details>
 
 <summary> 历史版本 </summary>
 
-- [v1.6.7(https://github.com/ITJoker233/Gridea-theme-Chic/releases/tag/1.6.7)
+- [v1.6.8](https://github.com/ITJoker233/Gridea-theme-Chic/releases/tag/1.6.8)
+- [v1.6.7](https://github.com/ITJoker233/Gridea-theme-Chic/releases/tag/1.6.7)
 - [v1.6.6](https://github.com/ITJoker233/Gridea-theme-Chic/releases/tag/1.6.6)
 - [v1.6.5](https://github.com/ITJoker233/Gridea-theme-Chic/releases/tag/1.6.5)
 - [v1.6.4](https://github.com/ITJoker233/Gridea-theme-Chic/releases/tag/1.6.4)

diff --git a/assets/media/css/style.css b/assets/media/css/style.css
@@ -197,7 +197,7 @@ html::-webkit-scrollbar-thumb:hover {
 }
 
 body {
-    font-size: 11pt;
+    font-size: 10pt;
     font-weight: normal;
     line-height: 2em;
     background-color: #fff;

diff --git a/assets/media/css/style.min.css b/assets/media/css/style.min.css
diff --git a/assets/styles/main.less b/assets/styles/main.less
@@ -1,4 +1,122 @@
 @charset "UTF-8";
+
+/*Reward*/
+.reward {
+  padding: 5px 0;
+  float: right;
+  margin-right: 5px;
+  margin-top: 5px;
+}
+
+.reward .reward-notice {
+  font-size: 18px;
+  line-height: 14px;
+  margin: 15px auto;
+  text-align: center
+}
+
+.reward .reward-button {
+  font-size: 14px;
+  line-height: 27.5px;
+  position: relative;
+  display: block;
+  width: 30px;
+  height: 30px;
+  margin: 0 auto;
+  padding: 0;
+  -webkit-user-select: none;
+  text-align: center;
+  vertical-align: middle;
+  color: #fff;
+  border: 1px solid #f1b60e;
+  border-radius: 50%;
+  background: #fccd60;
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fccd60), color-stop(100%, #fbae12), color-stop(100%, #2989d8), color-stop(100%, #207cca));
+  background: -webkit-linear-gradient(top, #fccd60 0, #fbae12 100%, #2989d8 100%, #207cca 100%);
+  background: linear-gradient(to bottom, #fccd60 0, #fbae12 100%, #2989d8 100%, #207cca 100%)
+}
+
+.reward .reward-code {
+  position: absolute;
+  top: -230px;
+  left: 50%;
+  display: none;
+  width: 350px;
+  height: 200px;
+  margin-left: -195px;
+  padding: 15px;
+  border: 1px solid #e6e6e6;
+  background: #fff;
+  box-shadow: 0 1px 1px 1px #efefef
+}
+
+.reward .reward-button:hover .reward-code {
+  display: block
+}
+
+.reward .reward-code span {
+  display: inline-block;
+  width: 150px;
+  height: 150px
+}
+
+.reward .reward-code span.alipay-code {
+  float: left
+}
+
+.reward .reward-code span.alipay-code a {
+  padding: 0
+}
+
+.reward .reward-code span.wechat-code {
+  float: right
+}
+
+.reward .reward-code img {
+  display: inline-block;
+  float: left;
+  width: 150px;
+  height: 150px;
+  margin: 0 auto;
+  border: 0
+}
+
+.reward .reward-code b {
+  font-size: 14px;
+  line-height: 26px;
+  display: block;
+  margin: 0;
+  text-align: center;
+  color: #666
+}
+
+.reward .reward-code b.notice {
+  line-height: 2rem;
+  margin-top: -1rem;
+  color: #999
+}
+
+.reward .reward-code:after,
+.reward .reward-code:before {
+  position: absolute;
+  content: '';
+  border: 10px solid transparent
+}
+
+.reward .reward-code:after {
+  bottom: -19px;
+  left: 50%;
+  margin-left: -5px;
+  border-top-color: #fff
+}
+
+.reward .reward-code:before {
+  bottom: -20px;
+  left: 50%;
+  margin-left: -5px;
+  border-top-color: #e6e6e6
+}
+
 /*pagination*/
 .pagination-container {
   overflow: hidden;
@@ -7,16 +125,20 @@
   max-width: 780px;
   margin: 0 auto;
   padding-top: 2rem;
-  .prev, .next {
+
+  .prev,
+  .next {
     display: flex;
     align-items: center;
     padding: 2px 8px;
-    background: linear-gradient(180deg,transparent 90%,rgba(101,125,225,.4) 0);
+    background: linear-gradient(180deg, transparent 90%, rgba(101, 125, 225, .4) 0);
   }
+
   .prev {
-    
+
     float: left;
   }
+
   .next {
     margin-left: 20px;
     float: left;
@@ -64,95 +186,112 @@
 
 @-webkit-keyframes glitch-loop-1 {
   0% {
-      clip: rect(36px, 9999px, 9px, 0)
+    clip: rect(36px, 9999px, 9px, 0)
   }
+
   25% {
-      clip: rect(25px, 9999px, 99px, 0)
+    clip: rect(25px, 9999px, 99px, 0)
   }
+
   50% {
-      clip: rect(50px, 9999px, 102px, 0)
+    clip: rect(50px, 9999px, 102px, 0)
   }
+
   75% {
-      clip: rect(30px, 9999px, 92px, 0)
+    clip: rect(30px, 9999px, 92px, 0)
   }
+
   100% {
-      clip: rect(91px, 9999px, 98px, 0)
+    clip: rect(91px, 9999px, 98px, 0)
   }
 }
 
 @keyframes glitch-loop-1 {
   0% {
-      clip: rect(36px, 9999px, 9px, 0)
+    clip: rect(36px, 9999px, 9px, 0)
   }
+
   25% {
-      clip: rect(25px, 9999px, 99px, 0)
+    clip: rect(25px, 9999px, 99px, 0)
   }
+
   50% {
-      clip: rect(50px, 9999px, 102px, 0)
+    clip: rect(50px, 9999px, 102px, 0)
   }
+
   75% {
-      clip: rect(30px, 9999px, 92px, 0)
+    clip: rect(30px, 9999px, 92px, 0)
   }
+
   100% {
-      clip: rect(91px, 9999px, 98px, 0)
+    clip: rect(91px, 9999px, 98px, 0)
   }
 }
 
 @-webkit-keyframes glitch-loop-2 {
   0% {
-      top: -1px;
-      left: 1px;
-      clip: rect(65px, 9999px, 119px, 0)
+    top: -1px;
+    left: 1px;
+    clip: rect(65px, 9999px, 119px, 0)
   }
+
   25% {
-      top: -6px;
-      left: 4px;
-      clip: rect(79px, 9999px, 19px, 0)
+    top: -6px;
+    left: 4px;
+    clip: rect(79px, 9999px, 19px, 0)
   }
+
   50% {
-      top: -3px;
-      left: 2px;
-      clip: rect(68px, 9999px, 11px, 0)
+    top: -3px;
+    left: 2px;
+    clip: rect(68px, 9999px, 11px, 0)
   }
+
   75% {
-      top: 0;
-      left: -4px;
-      clip: rect(95px, 9999px, 53px, 0)
+    top: 0;
+    left: -4px;
+    clip: rect(95px, 9999px, 53px, 0)
   }
+
   100% {
-      top: -1px;
-      left: -1px;
-      clip: rect(31px, 9999px, 149px, 0)
+    top: -1px;
+    left: -1px;
+    clip: rect(31px, 9999px, 149px, 0)
   }
 }
 
 @keyframes glitch-loop-2 {
   0% {
-      top: -1px;
-      left: 1px;
-      clip: rect(65px, 9999px, 119px, 0)
+    top: -1px;
+    left: 1px;
+    clip: rect(65px, 9999px, 119px, 0)
   }
+
   25% {
-      top: -6px;
-      left: 4px;
-      clip: rect(79px, 9999px, 19px, 0)
+    top: -6px;
+    left: 4px;
+    clip: rect(79px, 9999px, 19px, 0)
   }
+
   50% {
-      top: -3px;
-      left: 2px;
-      clip: rect(68px, 9999px, 11px, 0)
+    top: -3px;
+    left: 2px;
+    clip: rect(68px, 9999px, 11px, 0)
   }
+
   75% {
-      top: 0;
-      left: -4px;
-      clip: rect(95px, 9999px, 53px, 0)
+    top: 0;
+    left: -4px;
+    clip: rect(95px, 9999px, 53px, 0)
   }
+
   100% {
-      top: -1px;
-      left: -1px;
-      clip: rect(31px, 9999px, 149px, 0)
+    top: -1px;
+    left: -1px;
+    clip: rect(31px, 9999px, 149px, 0)
   }
 }
+
 /*Like*/
 .Like {
   width: 100px;
@@ -322,7 +461,6 @@
   -webkit-transform: translateY(-8px);
   transform: translateY(-8px);
 }
-
 .post-item {
   display: flex;
   border-radius: 5px;
@@ -454,6 +592,7 @@
     padding: 1px 0px 0px 0px;
     line-height: 1.2em;
     letter-spacing: 0.05em;
+
     &:before {
       content: "";
       position: absolute;