加入代码高亮和目录

newpanjing · 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 %}