docs: update docs and style

ifyun · Mar 11, 2024 · e13d8c1 · e13d8c1
1 parent 443d158
commit e13d8c1
Show file tree

Hide file tree

Showing 6 changed files with 18 additions and 17 deletions.
diff --git a/public/docs/01.start.md b/public/docs/01.start.md
@@ -69,15 +69,3 @@
 
 - Visual Studio Code 可以使用 [Live Preview](https://marketplace.visualstudio.com/items?itemName=ms-vscode.live-server) 插件
 - IntelliJ IDEA，WebStorm 可以在编辑器中选择浏览器打开
-
-## 自定义主题
-
-你可以覆写主题变量来修改样式，例如自定义字体/字重：
-
-```css
-:root {
-  --font: "Source Han Sans SC", sans-serif !important;
-  --font-weight: 300 !important;
-  --font-weight-bold: 500 !important;
-}
-```
diff --git a/public/docs/03.style_preview.md → public/docs/03.preview.md b/public/docs/03.style_preview.md → public/docs/03.preview.md
diff --git a/public/docs/04.theme_var.md → public/docs/04.theme.md b/public/docs/04.theme_var.md → public/docs/04.theme.md
@@ -1,4 +1,16 @@
-# 主题变量
+# 修改颜色主题
+
+你可以覆写主题变量来修改配色，例如自定义字体/字重：
+
+```css
+:root {
+  --font: "Source Han Sans SC", sans-serif !important;
+  --font-weight: 300 !important;
+  --font-weight-bold: 500 !important;
+}
+```
+
+## 主题变量
 
 | CSS 变量                  | 说明                  |
 | :------------------------ | :-------------------- |

diff --git a/public/docs/@menu.md b/public/docs/@menu.md
@@ -1,5 +1,5 @@
 - [使用](01.start.md)
 - [扩展](02.extend.md)
-- [样式预览](03.style_preview.md)
-- [主题变量](04.theme_var.md)
+- [样式预览](03.preview.md)
+- [修改颜色主题](04.theme.md)
 - [部署](05.deploy.md)
diff --git a/src/style/global.scss b/src/style/global.scss
@@ -14,7 +14,7 @@
   --side-color-back: #f8f8fa;
   --active-color: #f7ab1d;
   --link-color: #5bae50;
-  --inline-code-color: #3188d0;
+  --inline-code-color: #8b929f;
   --inline-code-back: #f8f8fa;
   --block-code-back: #f8f8fa;
   --line-number-color: #5c6370;

diff --git a/src/style/markdown.scss b/src/style/markdown.scss
@@ -1,7 +1,7 @@
 .markdown-body {
   font-size: var(--markdown-font-size);
   line-height: 1.5em;
-  padding: 0 2.5em;
+  padding: 0 3.5em;
 
   h1,
   h2,
@@ -154,6 +154,7 @@
     background: var(--inline-code-back);
     padding: 1px 6px;
     border-radius: 6px;
+    white-space: nowrap;
   }
 
   blockquote {