update

Author: HumXC

config/_default/menus/menus.en.toml

@@ -16,29 +16,23 @@
 #   identifier = "lorem"
 #   url = "/docs/lorem/"
 
-[[guide]]
-name = "Lorem"
-weight = 10
-identifier = "lorem"
-url = "/guide/lorem/"
+# [[guide]]
+# name = "Lorem"
+# weight = 10
+# identifier = "lorem"
+# url = "/guide/lorem/"
 
-[[tutorial]]
-name = "Lorem"
-weight = 10
-identifier = "lorem"
-url = "/tutorial/lorem/"
+# [[tutorial]]
+# name = "Lorem"
+# weight = 10
+# identifier = "lorem"
+# url = "/tutorial/lorem/"
 
 [[main]]
 name = "Docs"
 url = "/docs/guides/get-started/"
-# url = "/docs/1.0/prologue/introduction/"
 weight = 10
 
-[[main]]
-name = "Blog"
-url = "/blog/"
-weight = 30
-
 # [[social]]
 #   name = "Twitter"
 #   pre = '<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-x" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M4 4l11.733 16h4.267l-11.733 -16z"></path><path d="M4 20l6.768 -6.768m2.46 -2.46l6.772 -6.772"></path></svg>'
@@ -79,10 +73,10 @@ weight = 30
 #   pageRef = "/docs/resources"
 #   weight = 30
 
-[[footer]]
-name = "Privacy Policy"
-url = "/privacy/"
-weight = 10
+# [[footer]]
+# name = "Privacy Policy"
+# url = "/privacy/"
+# weight = 10
 
 # [[footer]]
 #   name = "Terms of Service"

config/_default/menus/menus.zh-cn.toml

@@ -1,21 +1,3 @@
-# [[docs]]
-#   name = "Prologue"
-#   weight = 10
-#   identifier = "prologue"
-#   url = "/docs/prologue/"
-
-# [[docs]]
-#   name = "Help"
-#   weight = 60
-#   identifier = "help"
-#   url = "/docs/help/"
-
-# [[docs]]
-#   name = "Lorem"
-#   weight = 70
-#   identifier = "lorem"
-#   url = "/docs/lorem/"
-
 [[guide]]
 name = "Lorem"
 weight = 10
@@ -31,60 +13,11 @@ url = "/tutorial/lorem/"
 [[main]]
 name = "Docs"
 url = "/zh-cn/docs/guides/get-started/"
-# url = "/docs/1.0/prologue/introduction/"
 weight = 10
 
-[[main]]
-name = "Blog"
-url = "/blog/"
-weight = 30
-
-# [[social]]
-#   name = "Twitter"
-#   pre = '<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-x" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M4 4l11.733 16h4.267l-11.733 -16z"></path><path d="M4 20l6.768 -6.768m2.46 -2.46l6.772 -6.772"></path></svg>'
-#   url = "https://twitter.com/getdoks"
-#   weight = 10
-#
-# [[social]]
-#   name = "Discord"
-#   pre = '<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-discord" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M8 12a1 1 0 1 0 2 0a1 1 0 0 0 -2 0"></path><path d="M14 12a1 1 0 1 0 2 0a1 1 0 0 0 -2 0"></path><path d="M8.5 17c0 1 -1.356 3 -1.832 3c-1.429 0 -2.698 -1.667 -3.333 -3c-.635 -1.667 -.476 -5.833 1.428 -11.5c1.388 -1.015 2.782 -1.34 4.237 -1.5l.975 1.923a11.913 11.913 0 0 1 4.053 0l.972 -1.923c1.5 .16 3.043 .485 4.5 1.5c2 5.667 2.167 9.833 1.5 11.5c-.667 1.333 -2 3 -3.5 3c-.5 0 -2 -2 -2 -3"></path><path d="M7 16.5c3.5 1 6.5 1 10 0"></path></svg>'
-#   url = "https://getdoks.org/chat"
-#   weight = 20
-
 [[social]]
 name = "GitHub"
 pre = '<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-github" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5"></path></svg>'
 url = "https://github.com/MikaShell/mika-shell"
 post = "v0.1.0"
 weight = 30
-
-# [[social]]
-#   name = "LinkedIn"
-#   pre = '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 24 24" fill="currentColor"><path d="M21,21H17V14.25C17,13.19 15.81,12.31 14.75,12.31C13.69,12.31 13,13.19 13,14.25V21H9V9H13V11C13.66,9.93 15.36,9.24 16.5,9.24C19,9.24 21,11.28 21,13.75V21M7,21H3V9H7V21M5,3A2,2 0 0,1 7,5A2,2 0 0,1 5,7A2,2 0 0,1 3,5A2,2 0 0,1 5,3Z"/></svg>'
-#   url = "https://www.linkedin.com/"
-#   weight = 40
-
-# [[sidebar_docs]]
-#   name = "Guides"
-#   pageRef = "/docs/guides"
-#   weight = 10
-#
-# [[sidebar_docs]]
-#   name = "Reference"
-#   pageRef = "/docs/reference"
-#   weight = 20
-#
-# [[sidebar_docs]]
-#   name = "Resources"
-#   pageRef = "/docs/resources"
-#   weight = 30
-
-[[footer]]
-name = "Privacy Policy"
-url = "/privacy/"
-weight = 10
-
-# [[footer]]
-#   name = "Terms of Service"
-#   url = "/terms/"
-#   weight = 20

content/en/docs/_index.md

@@ -40,6 +40,6 @@ seo:
 mika-shell daemon
 ```
 
-如果配置文件目录不存在，则会在运行 `mika-shell daemon` 之后自动创建默认的配置文件。如果一切正常，那么你应该可以看到一个简单的 bar 出现在屏幕顶部。你可以在点击 bar 左侧的 Debug 按钮查看更多示例，鼠标右键可以打开网页调试工具。
+如果配置文件目录不存在，则会在运行 `mika-shell daemon` 之后自动创建 [默认的配置文件](https://github.com/MikaShell/mika-shell/tree/main/example)。如果一切正常，那么你应该可以看到一个简单的 bar 出现在屏幕顶部。你可以在点击 bar 左侧的 Debug 按钮查看更多示例，鼠标右键可以打开网页调试工具。
 
 初始配置主要是目的是用于开发测试以及功能探索，并不适合日常使用。下一章节我将介绍如何从头打造属于你自己的配置。

content/en/docs/guides/_index.md

@@ -0,0 +1,44 @@
+---
+slug: "before-starting"
+title: "开始之前"
+description: ""
+summary: ""
+date: 2025-09-29T15:11:23+08:00
+draft: false
+weight: 201
+toc: true
+seo:
+  title: "" # custom title (optional)
+  description: "" # custom description (recommended)
+  canonical: "" # custom canonical URL (optional)
+  noindex: false # false (default) or true
+---
+如果你想用 **mika-shell** 创建自定义配置，需要具备一定的前端知识。
+即便从未接触过前端，也可以把 mika-shell 当作入门——前端生态非常繁荣，各类工具都能帮助你快速实现想法。
+
+- **已有经验的开发者**<br>
+  如果你是前端老手，可以直接跳过本章节。
+
+- **初学者**<br>
+  如果你是新手，希望这里能为你提供一些入门指引。
+  *作者本人并非前端专家，只是结合自己的经验分享一些建议。若你有更好的想法，欢迎提交 PR 改进文档。*
+
+---
+
+### 必备基础
+
+1. **了解 HTML、CSS、JavaScript**<br>
+    mika-shell 基于这三项核心技术，掌握它们是必要的。
+
+2. **选择前端框架**<br>
+    你可以根据自己的偏好选择 React、Vue、Svelte、Solid 等框架，以提升开发效率。
+    - [React](https://react.dev/)
+    - [Vue](https://vuejs.org/)
+    - [Svelte](https://svelte.dev/)
+    - [Solid](https://www.solidjs.com/)
+    - 更多框架...
+
+3. **使用其他工具**<br>
+    - [TypeScipt](https://www.typescriptlang.org/) 具有类型语法的 JavaScript。
+    - [Tailwind CSS](https://tailwindcss.com/) 可以让你摆脱繁琐的 CSS 代码。
+    - [Sass](https://sass-lang.com/) 更高级的 CSS。