加入代码高亮和目录

XSTONEX · Aug 24, 2019 · d02ec17 · d02ec17
1 parent 3eef6b9
commit d02ec17
Show file tree

Hide file tree

Showing 6 changed files with 79 additions and 7 deletions.
diff --git a/static/css/markdown.css b/static/css/markdown.css
diff --git a/static/css/markdown.css.map b/static/css/markdown.css.map
diff --git a/static/css/markdown.less b/static/css/markdown.less
@@ -102,6 +102,8 @@
     font-family: Consolas, Monaco, Andale Mono, monospace;
     background-color: #f7f7f7;
     color: inherit;
+    border: none!important;
+    border-radius: inherit;
   }
 
   code {
@@ -114,7 +116,6 @@
     line-height: 1.7em;
     overflow: auto;
     padding: 6px 10px;
-    border-left: 5px solid #6CE26C;
   }
 
   pre > code {
@@ -129,7 +130,7 @@
     font-size: .95em;
     white-space: pre;
     background: 0 0;
-
+    background-color: #F2F4F5!important;
   }
 
   code {

diff --git a/static/css/style.css b/static/css/style.css
diff --git a/static/css/style.less b/static/css/style.less
@@ -300,7 +300,7 @@ header .top {
   }
 
   h5 {
-    font-size: 12px!important;
+    font-size: 12px !important;
   }
 }
 
@@ -874,4 +874,42 @@ header .top {
     font-weight: 700;
     font-size: 14px;
   }
+}
+
+.article {
+  .toc {
+    position: fixed;
+    left: 20px;
+    top: 100px;
+    background-color: white;
+    color: #929aa2;
+    max-width: 170px;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+
+    &:before {
+      content: '目录';
+      display: block;
+      border-bottom: #ccc 1px solid;
+      padding: 5px 10px;
+    }
+
+    a {
+      color: #929aa2;
+    }
+
+    ul {
+      list-style-type: decimal;
+      margin: 10px;
+
+      a {
+        font-size: 12px;
+        font-weight: 400;
+        &:hover{
+          color: @basic-color;
+        }
+      }
+    }
+  }
 }
diff --git a/templates/detail.html b/templates/detail.html
@@ -15,8 +15,8 @@
     <meta property="og:description" content="{{ article.subject|clear }}">
     <meta property="og:author" content="{{ article.user }}">
     {% compress css %}
-        <link rel="stylesheet" type="text/css" href="/static/css/markdown.css"/>
         <link rel="stylesheet" type="text/css" href="/static/css/code.css"/>
+        <link rel="stylesheet" type="text/css" href="/static/css/markdown.css"/>
     {% endcompress %}
 {% endblock %}