首页 发现 帮助
注册 登录
Apq
/
logseq
镜像自地址 https://github.com/logseq/logseq.git
1
0
派生 0
文件 工单管理 0 Wiki
浏览代码

Add syntax highlight

Tienson Qin 5 年之前
父节点
1969ef0724
当前提交
050b46dabe
共有 5 个文件被更改，包括 115 次插入 和 75 次删除
合并视图 显示文件统计
  1. 1 1
      package.json
  2. 100 0
      public/css/highlight.css
  3. 0 67
      public/css/style.css
  4. 10 3
      public/index.html
  5. 4 4
      yarn.lock

+ 1 - 1
package.json
查看文件 

@@ -16,7 +16,7 @@
 
     "@material-ui/icons": "^4.5.1",
 
     "@material-ui/icons": "^4.5.1",
 
     "browserfs": "^1.4.3",
 
     "browserfs": "^1.4.3",
 
     "isomorphic-git": "^0.72.0",
 
     "isomorphic-git": "^0.72.0",
 
-    "mldoc_org": "^0.0.6",
 
+    "mldoc_org": "^0.0.8",
 
     "react": "^16.12.0",
 
     "react": "^16.12.0",
 
     "react-dom": "^16.12.0",
 
     "react-dom": "^16.12.0",
 
     "showdown": "^1.9.1"
 
     "showdown": "^1.9.1"

+ 100 - 0
public/css/highlight.css
查看文件 

@@ -0,0 +1,100 @@
 
+/*
 
+
 
+Original highlight.js style (c) Ivan Sagalaev <[email protected]>
 
+
 
+*/
 
+
 
+.hljs {
 
+  display: block;
 
+  overflow-x: auto;
 
+  padding: 0.5em;
 
+  background: #F0F0F0;
 
+}
 
+
 
+
 
+/* Base color: saturation 0; */
 
+
 
+.hljs,
 
+.hljs-subst {
 
+  color: #444;
 
+}
 
+
 
+.hljs-comment {
 
+  color: #888888;
 
+}
 
+
 
+.hljs-keyword,
 
+.hljs-attribute,
 
+.hljs-selector-tag,
 
+.hljs-meta-keyword,
 
+.hljs-doctag,
 
+.hljs-name {
 
+  font-weight: bold;
 
+}
 
+
 
+
 
+/* User color: hue: 0 */
 
+
 
+.hljs-type,
 
+.hljs-string,
 
+.hljs-number,
 
+.hljs-selector-id,
 
+.hljs-selector-class,
 
+.hljs-quote,
 
+.hljs-template-tag,
 
+.hljs-deletion {
 
+  color: #880000;
 
+}
 
+
 
+.hljs-title,
 
+.hljs-section {
 
+  color: #880000;
 
+  font-weight: bold;
 
+}
 
+
 
+.hljs-regexp,
 
+.hljs-symbol,
 
+.hljs-variable,
 
+.hljs-template-variable,
 
+.hljs-link,
 
+.hljs-selector-attr,
 
+.hljs-selector-pseudo {
 
+  color: #BC6060;
 
+}
 
+
 
+
 
+/* Language color: hue: 90; */
 
+
 
+.hljs-literal {
 
+  color: #78A960;
 
+}
 
+
 
+.hljs-builtin-name,
 
+.hljs-built_in,
 
+.hljs-bullet,
 
+.hljs-code,
 
+.hljs-addition {
 
+  color: #397300;
 
+}
 
+
 
+
 
+/* Meta color: hue: 200 */
 
+
 
+.hljs-meta {
 
+  color: #1f7199;
 
+}
 
+
 
+.hljs-meta-string {
 
+  color: #4d99bf;
 
+}
 
+
 
+
 
+/* Misc effects */
 
+
 
+.hljs-emphasis {
 
+  font-style: italic;
 
+}
 
+
 
+.hljs-strong {
 
+  font-weight: bold;
 
+}

+ 0 - 67
public/css/style.css
查看文件 

@@ -22,70 +22,3 @@
 
 .grow {
 
 .grow {
 
     flex-grow: 1;
 
     flex-grow: 1;
 
 }
 
 }
 
-
 
-.priority {
 
-    color: #FFF;
 
-    padding: 0px 3px;
 
-    font-size: 12px;
 
-    border-radius: 2px;
 
-}
 
-
 
-.priority-a {
 
-    background: red;
 
-}
 
-
 
-.priority-b {
 
-    background: purple;
 
-}
 
-
 
-.priority-c {
 
-    background: green;
 
-}
 
-
 
-.marker-todo {
 
-
 
-}
 
-
 
-.marker-doing, .marker-in-progress {
 
-
 
-}
 
-
 
-.marker-waiting {
 
-
 
-}
 
-
 
-.marker-done {
 
-    color: green;
 
-}
 
-
 
-.marker-canceled, .marker-cancelled {
 
-    color: #ff4500;
 
-    text-decoration: line-through;
 
-}
 
-
 
-i {
 
-    border: solid black;
 
-    border-width: 0 3px 3px 0;
 
-    display: inline-block;
 
-    padding: 3px;
 
-}
 
-
 
-.right {
 
-    transform: rotate(-45deg);
 
-    -webkit-transform: rotate(-45deg);
 
-}
 
-
 
-.left {
 
-    transform: rotate(135deg);
 
-    -webkit-transform: rotate(135deg);
 
-}
 
-
 
-.up {
 
-    transform: rotate(-135deg);
 
-    -webkit-transform: rotate(-135deg);
 
-}
 
-
 
-.down {
 
-    transform: rotate(45deg);
 
-    -webkit-transform: rotate(45deg);
 
-}

+ 10 - 3
public/index.html
查看文件 

@@ -8,6 +8,7 @@
 
       />
 
       />
 
     <link rel="stylesheet" href="css/style.css" type="text/css">
 
     <link rel="stylesheet" href="css/style.css" type="text/css">
 
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" />
 
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" />
 
+    <link rel="stylesheet" href="css/highlight.css">
 
     <title>Gitnotes</title>
 
     <title>Gitnotes</title>
 
   </head>
 
   </head>
 
   <body>
 
   <body>
 
@@ -15,10 +16,16 @@
 
     <script src="https://unpkg.com/@isomorphic-git/lightning-fs"></script>
 
     <script src="https://unpkg.com/@isomorphic-git/lightning-fs"></script>
 
     <script src="https://unpkg.com/isomorphic-git"></script>
 
     <script src="https://unpkg.com/isomorphic-git"></script>
 
     <script>
 
     <script>
 
-      window.fs = new LightningFS('gitnotes')
 
-      git.plugins.set('fs', window.fs)
 
-      window.pfs = window.fs.promises
 
+      window.fs = new LightningFS('gitnotes');
 
+      git.plugins.set('fs', window.fs);
 
+      window.pfs = window.fs.promises;
 
     </script>
 
     </script>
 
     <script src="/js/main.js"></script>
 
     <script src="/js/main.js"></script>
 
+    <script src="/js/highlight.pack.js"></script>
 
+    <script>
 
+      document.querySelectorAll('pre code').forEach((block) => {
 
+          hljs.highlightBlock(block);
 
+      });
 
+    </script>
 
   </body>
 
   </body>
 
 </html>
 
 </html>

+ 4 - 4
yarn.lock
查看文件 

@@ -889,10 +889,10 @@ mkdirp@^0.5.1:
 
   dependencies:
 
   dependencies:
 
     minimist "0.0.8"
 
     minimist "0.0.8"
 
 
 
-mldoc_org@^0.0.6:
 
-  version "0.0.6"
 
-  resolved "https://registry.yarnpkg.com/mldoc_org/-/mldoc_org-0.0.6.tgz#4fe6aeb865a2cce658b44f5a32c353d3857c2d36"
 
-  integrity sha512-bWvUkHKEhsLMdl/ZabWCfvHqdXbP36tNYiswzi3UXZDuzJOe+u/yqaw7MeY89FQq2DJmx7P9rTgfY4gR+3kluQ==
 
+mldoc_org@^0.0.8:
 
+  version "0.0.8"
 
+  resolved "https://registry.yarnpkg.com/mldoc_org/-/mldoc_org-0.0.8.tgz#ca9f85545fc49014c0f5b16f231686d5e3e3f9b1"
 
+  integrity sha512-sQtPisy4zC55ko0EWKMbLvA7rIaPZqx5rFq07QYUsRuD7O/Aiix7J3jYo21YfxxA/xq5PXbyS+rPJFSQhPJFFw==
 
   dependencies:
 
   dependencies:
 
     yargs "^12.0.2"
 
     yargs "^12.0.2"