🎉Update Version 1.5.7

README.md

@@ -44,16 +44,16 @@
 - [ ] 增加相关的Web特效~
 - More...
 
-## 📌当前版本：1.5.6
+## 📌当前版本：1.5.7
 
 1. (刚开始使用这个主题的请忽略这句话)
 2. 由于Gridea客户端不支持直接获取主题版本，所以换了一个方法获取当前主题的版本号，(如果Gridea的客户端一直不支持获取的话，那么就采用这个方法，如果支持了就不必这一步。)
 3. 因此在旧版本的基础上的解决方法：```请重新启动Gridea客户端，然后点击下主题->自定义配置->主题版本->选择最新版本->保存```
 4. 音乐插件------(详细教程见:https://blog.itjoker.cn/post/azQ6rNbFG/)
 
 ## 🌈下载地址
-
-- [v1.5.6(当前版本)](https://github.com/ITJoker233/Gridea-theme-Chic/releases/tag/1.5.6)
+- [v1.5.7(当前版本)](https://github.com/ITJoker233/Gridea-theme-Chic/releases/tag/1.5.7)
+- [v1.5.6](https://github.com/ITJoker233/Gridea-theme-Chic/releases/tag/1.5.6)
 - [v1.5.5](https://github.com/ITJoker233/Gridea-theme-Chic/releases/tag/1.5.5)
 - [v1.5.4](https://github.com/ITJoker233/Gridea-theme-Chic/releases/tag/1.5.4)
 - [v1.5.3](https://github.com/ITJoker233/Gridea-theme-Chic/releases/tag/1.5.3)
@@ -69,9 +69,10 @@
 - [v1.4.2](https://github.com/ITJoker233/Gridea-theme-Chic/releases/tag/1.4.2)
 
 ## 🔖本次更新日志
-1. 修复了1.5.5版本的中文显示异常
+### 本次更新了以下内容：
+1. 在文章目录支持显示阅读时间和文章字数，以及显示目录
 2. 下次更新未知....
-3. 本次更新时间为：2020.01.11
+3. 本次更新时间为：2020.01.12 01:26
 
 ## 📢作者留言
 

assets/media/css/style.css

@@ -33,10 +33,6 @@ pre {
     border-radius: 5px;
 }
 
-a {
-    background-color: transparent;
-}
-
 abbr[title] {
     border-bottom: none;
     text-decoration: underline;
@@ -229,6 +225,7 @@ body.dark-theme {
 }
 
 a {
+    background-color: transparent;
     color: #161209;
     text-decoration: none;
     transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease, opacity 0.2s ease;
@@ -1080,7 +1077,7 @@ header label {
 .post-toc {
     position: fixed;
     top: 95px;
-    right: 2em;
+    right: 12rem;
     width: 15rem;
     font-size: 0.75rem;
 }
@@ -1359,7 +1356,7 @@ a.toc-link {
 }
 
 .post-content figure.highlight .gutter {
-    color: $hight-gutter;
+    color: hight-gutter;
 }
 
 .post-content figure.highlight pre {

assets/media/script/script.js

@@ -40,6 +40,35 @@ function hitokoto() {
     xhr.send();
 }
 
+function scroll() {
+    /* scroll */
+    let mainNavLinks = document.querySelectorAll(".markdownIt-TOC a");
+    window.addEventListener("scroll", event => {
+        let fromTop = window.scrollY;
+
+        mainNavLinks.forEach((link, index) => {
+            let section = document.getElementById(decodeURI(link.hash).substring(1));
+            let nextSection = null
+            if (mainNavLinks[index + 1]) {
+                nextSection = document.getElementById(decodeURI(mainNavLinks[index + 1].hash).substring(1));
+            }
+            if (section.offsetTop <= fromTop) {
+                if (nextSection) {
+                    if (nextSection.offsetTop > fromTop) {
+                        link.classList.add("current");
+                    } else {
+                        link.classList.remove("current");
+                    }
+                } else {
+                    link.classList.add("current");
+                }
+            } else {
+                link.classList.remove("current");
+            }
+        });
+    });
+}
+
 function loadlive2d() {
     const home_Path = document.getElementById('home_path').innerHTML + '/media/live2d/tororo/assets/tororo.model_';
     var currentTheme = window.localStorage && window.localStorage.getItem('theme');