Merge pull request #67 from Keldos-Li/dev/issue

fix issues related to #41, #42 and #61

Former-commit-id: c2c8e4c

src/latex-theme.scss

@@ -100,8 +100,17 @@
   --table-font: "";
 
   /* 标题字体（总设置） */
-  --heading-Latin-font: var(--base-Latin-font);
-  --heading-Chinese-font: "#{$heading-Chinese-font}";
+  @if $os == "macos" {
+    /* 注意，如果您使用macOS系统并更改了英文字体，请在此处更换标题英文字体粗体字重的postscript值 */
+    --heading-Latin-font: "LMRoman10-Bold";
+    --heading-Chinese-font: "#{$heading-Chinese-font}";
+  } @else if $os == "windows" {
+    --heading-Latin-font: var(--base-Latin-font);
+    --heading-Chinese-font: "#{$heading-Chinese-font}";
+  } @else if $os == "linux" {
+    --heading-Latin-font: var(--base-Latin-font);
+    --heading-Chinese-font: "#{$heading-Chinese-font}";
+  }
 
   /* 标题字体分别设置 */
   /* 大标题（h1）字体 */
@@ -138,6 +147,11 @@
   /* 目录中是否显示一级标题 */
   --toc-show-title: none;
 
+  /* == 颜色设置 == */
+  /* 超链接颜色 */
+  --link-color-light: #2E67D3;
+  --link-color-dark: #8bb1f9;
+
   @if $theme == "dark" {
     --md-char-color: hsl(212, 100%, 85%);
     --link-hover: hsl(212, 100%, 85%);
@@ -159,15 +173,28 @@
   }
 }
 
+/* ========== VERY IMPORTANT 请注意看下面的几行: ================
+   如果您需要在输出PDF时隐藏超链接的颜色和下划线，请取消注释下面的代码块，即删去下面的 Ln.1 和 Ln.2
+   如果您需要在输出PDF时保持超链接的显示效果，则不用更改 ============= */
+/* 如要取消注释代码，请把本行删去 Ln.1
+
+@media print {
+  #write a {
+    color: inherit !important;
+    text-decoration: none;
+  } 
+}
+
+如要取消注释代码，请把本行删去 Ln.2 */
+// 因为 CSS 没有一般的布尔变量可以使用，所以采用这种笨办法，如果有其他开关方法可以选用请 pull request, 谢谢
+
 body {
   padding: 0 !important;
   margin: 0 !important;
   line-height: var(--base-line-height);
-  /*counter-reset: tableHead 0 imgHead 0;*/
+  /* counter-reset: tableHead 0 imgHead 0; */
   @if $theme == "dark" {
-    /* 黑色模式修改 */
     color: #dddddd;
-    /* 黑色模式修改 */
     background-color: #282828;
     // background:url(mermaidAPI.initialize({'fontFamily': '宋体-简, serif;'}););
   }
@@ -182,11 +209,11 @@ strong {
     padding: var(--set-margin);
     @if $theme == "light" {
       /* 添加一个淡蓝色的边框 */
-      /*border: 0.8px solid #AAC ; */
+      /* border: 0.8px solid #AAC ; */
       /* 页边阴影 */
       box-shadow: 0 0 24px 12px #cccccc;
     } @else if $theme == "dark" {
-      /*border: 1px solid #AAAAAA ;*/
+      /* border: 1px solid #AAAAAA ;*/
       /* 页边阴影 */
       box-shadow: 0 0 24px 12px #101010;
     }
@@ -197,10 +224,6 @@ strong {
   #write {
     padding: 0 !important;
   }
-  #write a {
-    color: inherit;
-    text-decoration: none;
-  }
   @page {
     margin: 1.8cm 2cm 1.2cm 2cm !important; /* 页边距 */
   }
@@ -225,7 +248,6 @@ strong {
   @if $theme == "light" {
     background-color: white;
   } @else if $theme == "dark" {
-    /* 黑色模式修改 */
     background-color: #1e1e1e;
   }
   /* column-count: 2;
@@ -238,6 +260,17 @@ strong {
     text-align: left;
   }
 
+  // 超链接
+  @if $theme == "light" {
+    a {
+      color: var(--link-color-light);
+    }
+  } @else if $theme == "dark" {
+    a {
+      color: var(--link-color-dark);
+    }
+  }
+
   // 标题属性
   h1,
   h2,
@@ -246,7 +279,7 @@ strong {
   h5,
   h6 {
     @if $os == "windows" {
-      font-weight: bold; // 对 Windows 的修改
+      font-weight: bold; 
     } @else if $os == "macos" {
       font-weight: normal;
     }
@@ -432,13 +465,14 @@ ul {
   list-style: disc;
   ul {
     /*list-style: circle;*/
-    /* 直接用空格代替一部分缩进的调整了我真懒 */
+    /* 请勿删除“–”后的空格, 他们对缩进有一定影响, 下同 */
+    //FIXME 如果您可以改成没有空格，而仅用缩进控制的样式会更好
     list-style: "–　 ";
-    /*left: -0.8em;*/
+    /*left: -0.8rem;*/
     ul {
       /* 无序列表第三极：小圈 */
-      list-style: "◦　  ";
-      left: 0.6em;
+      list-style: "◦　";
+      left: 0.1rem;
     }
   }
 }
@@ -461,7 +495,7 @@ ol {
       content: "(" counter(liist, lower-alpha) ")　　";
       position: absolute;
       margin-right: 2rem;
-      left: -2.4em;
+      left: -2.4rem;
     }
 
     ol {
@@ -476,16 +510,15 @@ ol {
 
       li::before {
         /* 有序列表第三级：小写罗马数字 */
-        // FIXME 这里要改
-        content: counter(liiist, lower-roman) ".　　　";
+        content: counter(liiist, lower-roman) ".　　";
         align-self: flex-end;
         position: absolute;
-        left: -2.4em;
+        left: -3rem;
         /* -moz-box-sizing: border-box;
           -webkit-box-sizing: border-box;
           box-sizing: border-box;*/
         /* 为了让项目编号是重新用句点对齐而不是左对齐 */
-        width: 4em;
+        width: 4.2rem;
         text-align: right;
       }
     }
@@ -773,8 +806,7 @@ h6.md-focus:before {
 @if $theme == "dark" {
   /* Modifications for dark-mode */
 
-  /* ====================我加的================== */
-  /*
+  /* 可能的代码高亮样式
   .cm-s-inner {
     background-color: #263238;
     color: rgba(233, 237, 237);
@@ -987,11 +1019,6 @@ h6.md-focus:before {
     animation: none;
   }
 
-  /*  更改URL超链接颜色，最初的颜色不易查看 */
-  span > a {
-    color: #8bb1f9;
-  }
-
   /* quick open框  （e.g. 插入代码后弹出的语言候选框） */
   .auto-suggest-container {
     border: 0px;