docs: opt docs config

Author: yaolifeng0629

packages/docs/.vitepress/config.mjs

@@ -20,7 +20,7 @@ export default defineConfig({
         items: [
           { text: "简介", link: "/get-started/" },
           { text: "如何注册？", link: "/get-started/how-to-register" },
-          { text: "快速开始", link: "/get-started/quick-start" },
+          // { text: "快速开始", link: "/get-started/quick-start" },
         ],
       },
       {
@@ -46,7 +46,14 @@ export default defineConfig({
     },
     editLink: {
       pattern: "https://github.com/cuixueshe/earthworm/packages/docs/:path",
-      text: "Edit this page on GitHub",
+      text: "在 GitHub 上编辑此页面",
+    },
+    lastUpdated: {
+      text: "最后更新于",
+    },
+    docFooter: {
+      prev: "上一页",
+      next: "下一页",
     },
   },
 });

packages/docs/.vitepress/theme/style.css

@@ -23,79 +23,35 @@
   --c-green-3: #51a256;
   --c-green-soft: #316334;
 
-  /* light theme is a bit different */
-  --vp-c-brand-1: var(--vp-c-green-1);
-  --vp-c-brand-2: var(--vp-c-green-2);
-  --vp-c-brand-3: var(--vp-c-green-3);
-  --vp-c-brand-soft: var(--vp-c-green-soft);
-
   --c-text-dark-1: #d9e6eb;
   --c-text-dark-2: #c4dde6;
   --c-text-dark-3: #abc4cc;
   --c-text-light-1: #2c3e50;
   --c-text-light-2: #476582;
   --c-text-light-3: #90a4b7;
 
-  --vp-c-brand-dark: var(--c-green-soft);
-  --vp-c-brand-darker: var(--c-green-soft);
-  --vp-c-brand-dimm: rgba(100, 108, 255, 0.08);
-  --vp-c-brand-text: var(--c-text-light-1);
-  --c-bg-accent: var(--c-white-dark);
-  --code-bg-color: var(--c-white-dark);
-  --code-inline-bg-color: var(--c-white-dark);
   --code-font-family: "dm", source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;
   --code-font-size: 16px;
 
-  --vp-code-block-bg: var(--vp-c-bg-alt);
-  --vp-code-line-highlight-color: rgba(0, 0, 0, 0.075);
-  --vp-code-color: var(--vp-text-color);
+  /* 链接和高亮语法的颜色 */
+  --highlight-color: #3451b2;
 }
 
 html.dark:root {
-  /* --c-black: #ffffff;
-  --c-white: #000000; */
-  /* --c-divider-light: rgba(60, 60, 67, 0.12);
-  --c-divider-dark: rgba(84, 84, 88, 0.48); */
-  /* --c-brand-light: var(--c-yellow-light); */
-
   --vp-c-brand-1: var(--c-yellow-1);
   --vp-c-brand-2: var(--c-yellow-2);
   --vp-c-brand-3: var(--c-yellow-3);
 
-  --vp-c-bg-alpha-with-backdrop: rgba(20, 25, 36, 0.7);
-  --vp-c-bg-alpha-without-backdrop: rgba(20, 25, 36, 0.9);
+  --vp-c-bg: var(--c-black);
+  --vp-c-bg-soft: var(--c-black-light);
+  --vp-c-bg-alt: #0d121b;
 
   --vp-code-line-highlight-color: rgba(0, 0, 0, 0.5);
 
   --vp-c-text-1: var(--c-text-dark-1);
   --vp-c-brand-text: var(--c-text-light-1);
-  --c-text-light: var(--c-text-dark-2);
-  --c-text-lighter: var(--c-text-dark-3);
-  --c-divider: var(--c-divider-dark);
-  --c-bg-accent: var(--c-black-light);
-  /* --vp-code-inline-bg: var(--vp-c-black-light); */
-
-  --vp-c-bg: var(--c-black);
-  --vp-c-bg-soft: var(--c-black-light);
-  --vp-c-bg-soft-up: var(--c-black-lighter);
-  --vp-c-bg-mute: var(--c-black-light);
-  --vp-c-bg-soft-mute: var(--c-black-lighter);
-  --vp-c-bg-alt: #0d121b;
-  --vp-c-bg-elv: var(--vp-c-bg-soft);
-  --vp-c-bg-elv-mute: var(--vp-c-bg-soft-mute);
-  --vp-c-mute: var(--vp-c-bg-mute);
-  --vp-c-mute-dark: var(--c-black-lighter);
-  --vp-c-mute-darker: var(--c-black-darker);
-
-  --vp-home-hero-name-background: -webkit-linear-gradient(
-    78deg,
-    var(--c-yellow-2) 30%,
-    var(--c-green-2)
-  );
-}
 
-html.dark .DocSearch {
-  --docsearch-hit-active-color: var(--c-text-light-1);
+  --highlight-color: #a76fdc;
 }
 
 /**
@@ -151,31 +107,17 @@ html.dark .DocSearch {
   }
 }
 
-.become-sponsor {
-  font-size: 0.9em;
-  font-weight: 700;
-  width: auto;
-  text-align: center;
-  background-color: transparent;
-  padding: 0.75em 2em;
-  border-radius: 2em;
-  transition: all 0.15s ease;
-  box-sizing: border-box;
-  border: 2px solid var(--c-yellow-2);
-}
-
-.become-sponsor:hover {
-  background-color: var(--c-yellow-1);
-  text-decoration: none;
-  border-color: var(--c-yellow-1);
-  color: var(--c-text-light-1);
-}
-
 .vp-doc a {
   text-decoration: none;
+  color: var(--highlight-color); /* 应用链接颜色 */
 }
 .vp-doc a:hover {
   text-decoration: underline;
+  color: var(--highlight-color); /* 应用链接颜色 */
+}
+
+.vp-doc code {
+  color: var(--highlight-color); /* 应用高亮语法的颜色 */
 }
 
 .sponsors-top .become-sponsor {
@@ -191,9 +133,13 @@ kbd {
   font-size: 0.65em;
   color: var(--vp-c-text-1);
   vertical-align: middle;
-  background-color: var(--vp-c-bg-mute);
-  border: solid 1px var(--vp-c-bg-soft-mute);
+  background-color: var(--vp-c-bg-soft);
+  border: solid 1px var(--vp-c-bg-alt);
   border-radius: 6px;
-  box-shadow: inset 0 -1px 0 var(--vp-c-bg-soft-mute);
+  box-shadow: inset 0 -1px 0 var(--vp-c-bg-alt);
   line-height: 0.95em;
 }
+
+#local-search {
+  width: 400px;
+}

packages/docs/get-started/index.md

@@ -1,6 +1,6 @@
-# What
+# 简介
 
-[Earthworm](https://earthworm.cuixueshe.com/) 是一款让你上瘾的英语学习工具，它使用**连词成句** 、 **i + 1** 、 **以终为始**等学习理论来帮助你习得英语，通过不断的**重复**形成肌肉记忆，最重要的是**游戏化**的形式让学习英语从此不再痛苦。
+[Earthworm](https://earthworm.cuixueshe.com/) 是一款让你上瘾的英语学习工具，它使用`连词成句` 、 `i + 1` 、 `以终为始`等学习理论来帮助你习得英语，通过不断的`重复`形成肌肉记忆，最重要的是`游戏化`的形式让学习英语从此不再痛苦。
 
 ![](/home-page-preview.png)
 
@@ -9,8 +9,8 @@
 1.  `听力`：该网站提供了`听力模式`, 你可以用它来提高你的英语听力
 2.  语法：`单词 -> 短语 -> 句子`, 会让你了解某个单词在短语,句子中的位置
 3.  单词：这一点也是该网站宣传的重点: `连词成句`
-4.  `i+1(可理解)`：这一点很重要, 如果你一开始就选择很难的输入材料,我相信很多人坚持不了多久...
-5.  `有趣`：这一点占用你 15 分钟时间, 你可以自行使用后可知
-6.  `足量`：目前该网站提供了 `零基础英语`、`高考写作课程`、`小猪佩奇（第一季）`，后续还会添加更多课程
+4.  `i+1(可理解)`：这一点很重要, 如果你一开始就选择很难的输入材料, 我相信很多人坚持不了多久...
+5.  `有趣`：模式众多，欢迎体验。
+6.  `足量`：目前该网站提供了 `零基础英语`、`高考写作课程`、`小猪佩奇（第一季）`等课程，还支持用户`自定义上传课程`后续还会持续添加更多课程
 7.  `重复`：这个网站会将你学习的内容, 拆分到后续的课程中,帮你达到重复,回顾的效果.
-8.  音乐模式(支持中)：这个模式很新颖, 用户可上传或使用内置的音乐来学习
+8.  音乐模式(支持中)：一种新模式, 用户可上传或使用内置的音乐来学习

packages/docs/question/index.md

@@ -1,4 +1,4 @@
-## 常见问题
+# 常见问题
 
 ### 如何向开发团队提出更多的功能需求？