change to single language.

2025-03-11 16:36:08 +08:00
parent fb5f3f05c4
commit e880fde93a
36 changed files with 635 additions and 1659 deletions
--- a/src/demo/README.md
+++ b/src/demo/README.md
@@ -1,9 +1,9 @@
 ---
-title: Features demo
+title: 主要功能与配置演示
 index: false
 icon: laptop-code
 category:
-  - Guide
+  - 使用指南
 ---

 <Catalog />
--- a/src/demo/disable.md
+++ b/src/demo/disable.md
@@ -1,11 +1,11 @@
 ---
-title: Disabling layout and features
+title: 布局与功能禁用
 icon: gears
 order: 4
 category:
-  - Guide
+  - 使用指南
 tag:
-  - disable
+  - 禁用

 navbar: false
 sidebar: false
@@ -23,20 +23,20 @@ footer: false
 backtotop: false
 ---

-You can disable some function and layout on the page by setting the Frontmatter of the page.
+你可以通过设置页面的 Frontmatter，在页面禁用功能与布局。

 <!-- more -->

-This page is an demo that disables the following features:
+本页面就是一个示例，禁用了如下功能:

- Navbar
- Sidebar
- Breadcrumb
- Page information
- Contributors
- Edit link
- Update time
- Prev/Next link
- Comment
- Footer
- Back to top button
+- 导航栏
+- 侧边栏
+- 路径导航
+- 页面信息
+- 贡献者
+- 编辑此页链接
+- 更新时间
+- 上一篇/下一篇 链接
+- 评论
+- 页脚
+- 返回顶部按钮
--- a/src/demo/encrypt.md
+++ b/src/demo/encrypt.md
@@ -1,15 +1,15 @@
 ---
 icon: lock
 category:
-  - Guide
+  - 使用指南
 tag:
-  - encryption
+  - 加密
 ---

-# Encryption Article
+# 密码加密的文章

-The actual article content.
+实际的文章内容。

-Paragraph 1 text paragraph 1 text paragraph 1 text paragraph 1 text paragraph 1 text paragraph 1 text paragraph 1 text paragraph 1 text paragraph 1 text paragraph 1 text paragraph 1 text paragraph 1 text.
+段落 1 文字段落 1 文字段落 1 文字段落 1 文字段落 1 文字段落 1 文字段落 1 文字段落 1 文字段落 1 文字段落 1 文字段落 1 文字段落 1 文字。

-Paragraph 2 text paragraph 2 text paragraph 2 text paragraph 2 text paragraph 2 text paragraph 2 text paragraph 2 text paragraph 2 text paragraph 2 text paragraph 2 text paragraph 2 text paragraph 2 text paragraph 2 text paragraph 2 text.
+段落 2 文字段落 2 文字段落 2 文字段落 2 文字段落 2 文字段落 2 文字段落 2 文字段落 2 文字段落 2 文字段落 2 文字段落 2 文字段落 2 文字段落 2 文字段落 2 文字。
--- a/src/demo/layout.md
+++ b/src/demo/layout.md
@@ -1,31 +1,31 @@
 ---
-title: Layout
+title: 布局
 icon: object-group
 order: 2
 category:
-  - Guide
+  - 指南
 tag:
-  - Layout
+  - 布局
 ---

-The layout contains:
+布局包括:

- [Navbar](https://theme-hope.vuejs.press/guide/layout/navbar.html)
- [Sidebar](https://theme-hope.vuejs.press/guide/layout/sidebar.html)
- [Footer](https://theme-hope.vuejs.press/guide/layout/footer.html)
+- [导航栏](https://theme-hope.vuejs.press/zh/guide/layout/navbar.html)
+- [侧边栏](https://theme-hope.vuejs.press/zh/guide/layout/sidebar.html)
+- [页脚](https://theme-hope.vuejs.press/zh/guide/layout/footer.html)

-Also each page can contain:
+同时每个页面包含:

- [BreadCrumb](https://theme-hope.vuejs.press/guide/layout/breadcrumb.html)
- [Title and information](https://theme-hope.vuejs.press/guide/feature/page-info.html)
- [TOC (Table of Contents)](https://theme-hope.vuejs.press/guide/layout/page.html#header-list)
- [Meta information including update time and contributors](https://theme-hope.vuejs.press/guide/feature/meta.html)
- [Comments](https://theme-hope.vuejs.press/guide/feature/comment.html)
+- [路径导航](https://theme-hope.vuejs.press/zh/guide/layout/breadcrumb.html)
+- [标题和页面信息](https://theme-hope.vuejs.press/zh/guide/feature/page-info.html)
+- [TOC (文章标题列表)](https://theme-hope.vuejs.press/zh/guide/layout/page.html#标题列表)
+- [贡献者、更新时间等页面元信息](https://theme-hope.vuejs.press/guide/feature/meta.html)
+- [评论](https://theme-hope.vuejs.press/zh/guide/feature/comment.html)

-The theme also has the following elements:
+主题也带有以下元素:

- [Dark mode button](https://theme-hope.vuejs.press/guide/interface/darkmode.html)
- [Back to top button](https://theme-hope.vuejs.press/guide/interface/others.html#back-to-top-button)
- [Print button](https://theme-hope.vuejs.press/guide/interface/others.html#print-button)
+- [夜间模式按钮](https://theme-hope.vuejs.press/zh/guide/interface/darkmode.html)
+- [返回顶部按钮](https://theme-hope.vuejs.press/guide/interface/others.html#返回顶部按钮)
+- [打印按钮](https://theme-hope.vuejs.press/guide/interface/others.html#打印按钮)

-You can customize them in theme options and page frontmatter.
+你可以在主题选项和页面的 frontmatter 中自定义它们。
--- a/src/demo/markdown.md
+++ b/src/demo/markdown.md
@@ -1,50 +1,268 @@
 ---
-title: Markdown Enhance
+title: Markdown 展示
 icon: fa6-brands:markdown
 order: 2
 category:
-  - Guide
+  - 使用指南
 tag:
  - Markdown
 ---

-VuePress basically generate pages from Markdown files. So you can use it to generate documentation or blog sites easily.
+VuePress 主要从 Markdown 文件生成页面。因此，你可以使用它轻松生成文档或博客站点。

-You should create and write Markdown files, so that VuePress can convert them to different pages according to file structure.
+你需要创建并编写 Markdown，以便 VuePress 可以根据文件结构将它们转换为不同的页面。

 <!-- more -->

-## Markdown Introduction
+## Markdown 介绍

-If you are a new learner and don't know how to write Markdown, please read [Markdown Intro](https://theme-hope.vuejs.press/cookbook/markdown/) and [Markdown Demo](https://theme-hope.vuejs.press/cookbook/markdown/demo.html).
+如果你是一个新手，还不会编写 Markdown，请先阅读 [Markdown 介绍](https://theme-hope.vuejs.press/zh/cookbook/markdown/) 和 [Markdown 演示](https://theme-hope.vuejs.press/zh/cookbook/markdown/demo.html)。

-## Markdown Config
+## Markdown 配置

-VuePress introduce configuration for each markdown page using Frontmatter.
+VuePress 通过 Frontmatter 为每个 Markdown 页面引入配置。

 ::: important Frontmatter

-Frontmatter is an important concept in VuePress. If you don't know it, you need to read [Frontmatter Introduction](https://theme-hope.vuejs.press/cookbook/vuepress/page.html#front-matter).
+Frontmatter 是 VuePress 中很重要的一个概念，请阅读 [Frontmatter 介绍](https://theme-hope.vuejs.press/zh/cookbook/vuepress/page.html#front-matter) 了解详情。

 :::

-## Markdown Extension
+## Markdown 扩展

-The Markdown content in VuePress will be parsed by [markdown-it](https://github.com/markdown-it/markdown-it), which supports [syntax extensions](https://github.com/markdown-it/markdown-it#syntax-extensions) via markdown-it plugins.
+VuePress 会使用 [markdown-it](https://github.com/markdown-it/markdown-it) 来解析 Markdown 内容，因此可以借助于 markdown-it 插件来实现 [语法扩展](https://github.com/markdown-it/markdown-it#syntax-extensions) 。

-### VuePress Enhancement
+### VuePress 扩展

-To enrich document writing, VuePress has extended Markdown syntax.
+为了丰富文档写作，VuePress 对 Markdown 语法进行了扩展。

-For these extensions, please read [Markdown extensions in VuePress](https://theme-hope.vuejs.press/basic/vuepress/markdown.html).
+关于这些扩展，请阅读 [VuePress 中的 Markdown 扩展](https://theme-hope.vuejs.press/zh/cookbook/vuepress/markdown.html)。

-### Theme Enhancement
+### 主题扩展

-By using VuePress plugins, the theme extends more Markdown syntax and provides richer writing functions.
+通过 VuePress 插件，主题扩展了更多 Markdown 语法，提供更加丰富的写作功能。

-#### Code Tabs
+#### 选项卡

-::: code-tabs#shell
+::: tabs#fruit
+
+@tab apple
+
+Apple
+
+@tab banana
+
+Banana
+
+@tab orange
+
+Orange
+
+:::
+
+- [查看详情](https://theme-hope.vuejs.press/zh/guide/markdown/content/tabs.html)
+
+#### 脚注
+
+此文字有脚注[^first].
+
+[^first]: 这是脚注内容
+
+- [查看详情](https://theme-hope.vuejs.press/zh/guide/markdown/content/footnote.html)
+
+#### 导入文件
+
+<!-- @include: ./README.md{11-17} -->
+
+- [查看详情](https://theme-hope.vuejs.press/zh/guide/markdown/content/include.html)
+
+#### TeX 语法
+
+$$
+\frac {\partial^r} {\partial \omega^r} \left(\frac {y^{\omega}} {\omega}\right)
+= \left(\frac {y^{\omega}} {\omega}\right) \left\{(\log y)^r + \sum_{i=1}^r \frac {(-1)^i r \cdots (r-i+1) (\log y)^{r-i}} {\omega^i} \right\}
+$$
+
+- [查看详情](https://theme-hope.vuejs.press/zh/guide/markdown/grammar/math.html)
+
+#### 任务列表
+
+- [x] 计划 1
+- [ ] 计划 2
+
+[查看详情](https://theme-hope.vuejs.press/zh/guide/markdown/grammar/tasklist.html)
+
+### 图片增强
+
+支持为图片设置颜色模式和大小。
+
+- [查看详情](https://theme-hope.vuejs.press/zh/guide/markdown/grammar/image.html)
+
+#### 上下角标
+
+19^th^ H~2~O
+
+- [查看详情](https://theme-hope.vuejs.press/zh/guide/markdown/stylize/sup-sub.html)
+
+#### 组件
+
+```component VPCard
+title: Mr.Hope
+desc: Where there is light, there is hope
+logo: https://mister-hope.com/logo.svg
+link: https://mister-hope.com
+background: rgba(253, 230, 138, 0.15)
+```
+
+- [查看详情](https://theme-hope.vuejs.press/zh/guide/component/grammar.html)
+
+#### 提示容器
+
+::: v-pre
+
+安全的在 Markdown 中使用 {{ variable }}。
+
+:::
+
+::: info 自定义标题
+
+信息容器，包含 `代码` 与 [链接](#提示容器)。
+
+```js
+const a = 1;
+```
+
+:::
+
+::: tip 自定义标题
+
+提示容器
+
+:::
+
+::: warning 自定义标题
+
+警告容器
+
+:::
+
+::: caution 自定义标题
+
+危险容器
+
+:::
+
+::: details 自定义标题
+
+详情容器
+
+:::
+
+- [GitHub 警示](https://theme-hope.vuejs.press/zh/guide/markdown/stylize/alert.html)
+- [提示框](https://theme-hope.vuejs.press/zh/guide/markdown/stylize/hint.html)
+
+#### 自定义对齐
+
+::: center
+
+我是居中的
+
+:::
+
+::: right
+
+我在右对齐
+
+:::
+
+- [查看详情](https://theme-hope.vuejs.press/zh/guide/markdown/stylize/align.html)
+
+#### 属性支持
+
+一个拥有 ID 的 **单词**{#word}。
+
+- [查看详情](https://theme-hope.vuejs.press/zh/guide/markdown/stylize/attrs.html)
+
+#### 标记
+
+你可以标记 ==重要的内容== 。
+
+- [查看详情](https://theme-hope.vuejs.press/zh/guide/markdown/stylize/mark.html)
+
+#### 剧透
+
+VuePress Theme Hope !!十分强大!!.
+
+- [查看详情](https://theme-hope.vuejs.press/zh/guide/markdown/stylize/spoiler.html)
+
+#### 样式化
+
+向 Mr.Hope 捐赠一杯咖啡。 _Recommended_
+
+- [查看详情](https://theme-hope.vuejs.press/zh/guide/markdown/stylize/stylize.html)
+
+#### 图表
+
+<iframe src="https://plugin-md-enhance-demo.vuejs.press/snippet/chartjs.html" width="100%" height="450"/>
+
+- [查看详情](https://theme-hope.vuejs.press/zh/guide/markdown/chart/chartjs.html)
+
+#### ECharts
+
+<iframe src="https://plugin-md-enhance-demo.vuejs.press/snippet/echarts.html" width="100%" height="800"/>
+
+- [查看详情](https://theme-hope.vuejs.press/zh/guide/markdown/chart/echarts.html)
+
+#### 流程图
+
+<iframe src="https://plugin-md-enhance-demo.vuejs.press/snippet/flowchart.html" width="100%" height="450"/>
+
+- [查看详情](https://theme-hope.vuejs.press/zh/guide/markdown/chart/flowchart.html)
+
+#### MarkMap
+
+<iframe src="https://plugin-md-enhance-demo.vuejs.press/snippet/markmap.html" width="100%" height="380"/>
+
+- [查看详情](https://theme-hope.vuejs.press/zh/guide/markdown/chart/markmap.html)
+
+#### Mermaid
+
+<iframe src="https://plugin-md-enhance-demo.vuejs.press/snippet/mermaid.html" width="100%" height="620"/>
+
+- [查看详情](https://theme-hope.vuejs.press/zh/guide/markdown/chart/mermaid.html)
+
+#### PlantUML
+
+@startuml
+Alice -> Bob: 认证请求
+
+alt 成功情况
+
+    Bob -> Alice: 认证接受
+
+else 某种失败情况
+
+    Bob -> Alice: 认证失败
+    group 我自己的标签
+    Alice -> Log : 开始记录攻击日志
+        loop 1000次
+            Alice -> Bob: DNS 攻击
+        end
+    Alice -> Log : 结束记录攻击日志
+    end
+
+else 另一种失败
+
+    Bob -> Alice: 请重复
+
+end
+@enduml
+
+- [View Detail](https://theme-hope.vuejs.press/zh/guide/markdown/chart/plantuml.html)
+
+#### 代码块
+
+::: code-tabs

@tab pnpm

@@ -66,258 +284,40 @@ npm i -D vuepress-theme-hope

 :::

- [View Detail](https://theme-hope.vuejs.press/guide/markdown/code/code-tabs.html)
+- [查看详情](https://theme-hope.vuejs.press/zh/guide/markdown/code/code-tabs.html)

-#### Tabs
-
-::: tabs#fruit
-
-@tab apple
-
-Apple
-
-@tab banana
-
-Banana
-
-@tab orange
-
-Orange
-
-:::
-
- [View Detail](https://theme-hope.vuejs.press/guide/markdown/content/tabs.html)
-
-#### Footnote
-
-This text has footnote[^first].
-
-[^first]: This is footnote content
-
- [View Detail](https://theme-hope.vuejs.press/guide/markdown/content/footnote.html)
-
-#### Include files
-
-<!-- @include: ./README.md{11-17} -->
-
- [View Detail](https://theme-hope.vuejs.press/guide/markdown/content/include.html)
-
-#### TeX
-
-$$
-\frac {\partial^r} {\partial \omega^r} \left(\frac {y^{\omega}} {\omega}\right)
-= \left(\frac {y^{\omega}} {\omega}\right) \left\{(\log y)^r + \sum_{i=1}^r \frac {(-1)^i r \cdots (r-i+1) (\log y)^{r-i}} {\omega^i} \right\}
-$$
-
- [View Detail](https://theme-hope.vuejs.press/guide/markdown/grammar/math.html)
-
-#### Tasklist
-
- [x] Plan A
- [ ] Plan B
-
-[View Detail](https://theme-hope.vuejs.press/guide/markdown/grammar/tasklist.html)
-
-#### Image Enhancement
-
-Support setting color scheme and size.
-
- [View Detail](https://theme-hope.vuejs.press/guide/markdown/grammar/image.html)
-
-#### Superscript and Subscript
-
-19^th^ H~2~O
-
- [View Detail](https://theme-hope.vuejs.press/guide/markdown/stylize/sup-sub.html)
-
-#### Component
-
-```component VPCard
-title: Mr.Hope
-desc: Where there is light, there is hope
-logo: https://mister-hope.com/logo.svg
-link: https://mister-hope.com
-background: rgba(253, 230, 138, 0.15)
-```
-
- [View Detail](https://theme-hope.vuejs.press/guide/component/grammar.html)
-
-#### Hint box and GFM alerts
-
-::: v-pre
-
-Safely use {{ variable }} in Markdown.
-
-:::
-
-::: info Custom Title
-
-A custom information container with `code`, [link](#markdown-extension).
-
-```js
-const a = 1;
-```
-
-:::
-
-::: tip Custom Title
-
-A custom tip container
-
-:::
-
-::: warning Custom Title
-
-A custom warning container
-
-:::
-
-::: caution Custom Title
-
-A custom caution container
-
-:::
-
-::: details Custom Title
-
-A custom details container
-
-:::
-
- [GitHub Alert](https://theme-hope.vuejs.press/guide/markdown/stylize/alert.html)
- [Hint boxes](https://theme-hope.vuejs.press/guide/markdown/stylize/hint.html)
-
-#### Align
-
-::: center
-
-I am center
-
-:::
-
-::: right
-
-I am right align
-
-:::
-
- [View Detail](https://theme-hope.vuejs.press/guide/markdown/stylize/align.html)
-
-#### Attrs
-
-A **word**{#word} having id.
-
- [View Detail](https://theme-hope.vuejs.press/guide/markdown/stylize/attrs.html)
-
-#### Mark
-
-You can mark ==important words== .
-
- [View Detail](https://theme-hope.vuejs.press/guide/markdown/stylize/mark.html)
-
-#### Spoiler
-
-VuePress Theme Hope is !!powerful!!.
-
- [View Detail](https://theme-hope.vuejs.press/guide/markdown/stylize/spoiler.html)
-
-#### Stylize
-
-Donate Mr.Hope a cup of coffee. _Recommended_
-
- [View Detail](https://theme-hope.vuejs.press/guide/markdown/stylize/stylize.html)
-
-#### Reveal.js
-
-<iframe src="https://ecosystem.vuejs.press/plugins/markdown/revealjs/demo.html" width="100%" height="420"/>
-
- [View Detail](https://theme-hope.vuejs.press/guide/markdown/content/revealjs.html)
-
-#### Chart.js
-
-<iframe src="https://plugin-md-enhance-demo.vuejs.press/snippet/chartjs.html" width="100%" height="450"/>
-
- [View Detail](https://theme-hope.vuejs.press/guide/markdown/chart/chartjs.html)
-
-#### ECharts
-
-<iframe src="https://plugin-md-enhance-demo.vuejs.press/snippet/echarts.html" width="100%" height="800"/>
-
- [View Detail](https://theme-hope.vuejs.press/guide/markdown/chart/echarts.html)
-
-#### Flowchart
-
-<iframe src="https://plugin-md-enhance-demo.vuejs.press/snippet/flowchart.html" width="100%" height="450"/>
-
- [View Detail](https://theme-hope.vuejs.press/guide/markdown/chart/flowchart.html)
-
-#### MarkMap
-
-<iframe src="https://plugin-md-enhance-demo.vuejs.press/snippet/markmap.html" width="100%" height="380"/>
-
- [View Detail](https://theme-hope.vuejs.press/guide/markdown/chart/markmap.html)
-
-#### Mermaid
-
-<iframe src="https://plugin-md-enhance-demo.vuejs.press/snippet/mermaid.html" width="100%" height="620"/>
-
- [View Detail](https://theme-hope.vuejs.press/guide/markdown/chart/mermaid.html)
-
-#### PlantUML
-
-@startuml
-Alice -> Bob: Authentication Request
-
-alt successful case
-
-    Bob -> Alice: Authentication Accepted
-
-else some kind of failure
-
-    Bob -> Alice: Authentication Failure
-    group My own label
-    Alice -> Log : Log attack start
-        loop 1000 times
-            Alice -> Bob: DNS Attack
-        end
-    Alice -> Log : Log attack end
-    end
-
-else Another type of failure
-
-Bob -> Alice: Please repeat
-
-end
-@enduml
-
- [View Detail](https://theme-hope.vuejs.press/guide/markdown/chart/plantuml.html)
-
-#### Code Demo
+#### 代码演示

 <iframe src="https://plugin-md-enhance-demo.vuejs.press/snippet/code-demo.html" width="100%" height="450"/>

- [View Detail](https://theme-hope.vuejs.press/guide/markdown/code/demo.html)
+- [查看详情](https://theme-hope.vuejs.press/zh/guide/markdown/code/demo.html)

-#### Playground
+#### 交互演示

 <iframe src="https://plugin-md-enhance-demo.vuejs.press/snippet/playground.html" width="100%" height="480"/>

- [View Detail](https://theme-hope.vuejs.press/guide/markdown/code/playground.html)
+- [查看详情](https://theme-hope.vuejs.press/zh/guide/markdown/code/playground.html)

-#### Kotlin Playground
+#### Kotlin 交互演示

 <iframe src="https://plugin-md-enhance-demo.vuejs.press/snippet/kotlin-playground.html" width="100%" height="220"/>

- [View Detail](https://theme-hope.vuejs.press/guide/markdown/code/kotlin-playground.html)
+- [查看详情](https://theme-hope.vuejs.press/zh/guide/markdown/code/kotlin-playground.html)

-#### Sandpack Playground
+#### Sandpack 交互演示

 <iframe src="https://plugin-md-enhance-demo.vuejs.press/snippet/sandpack.html" width="100%" height="380"/>

- [View Detail](https://theme-hope.vuejs.press/guide/markdown/code/sandpack.html)
+- [查看详情](https://theme-hope.vuejs.press/zh/guide/markdown/code/sandpack.html)

-#### Vue Playground
+#### Vue 交互演示

 <iframe src="https://plugin-md-enhance-demo.vuejs.press/snippet/vue-playground.html" width="100%" height="380"/>

- [View Detail](https://theme-hope.vuejs.press/guide/markdown/code/vue-playground.html)
+- [查看详情](https://theme-hope.vuejs.press/zh/guide/markdown/code/vue-playground.html)
+
+#### 幻灯片
+
+<iframe src="https://ecosystem.vuejs.press/zh/plugins/markdown/revealjs/demo.html" width="100%" height="420"/>
+
+- [查看详情](https://theme-hope.vuejs.press/zh/guide/markdown/content/revealjs.html)
--- a/src/demo/page.md
+++ b/src/demo/page.md
@@ -1,70 +1,74 @@
 ---
-# This is the title of the article
-title: Page Config
-# This is the icon of the page
+# 这是文章的标题
+title: 页面配置
+# 你可以自定义封面图片
+cover: /assets/images/cover1.jpg
+# 这是页面的图标
 icon: file
-# This control sidebar order
+# 这是侧边栏的顺序
 order: 3
-# Set author
+# 设置作者
 author: Ms.Hope
-# Set writing time
+# 设置写作时间
 date: 2020-01-01
-# A page can have multiple categories
+# 一个页面可以有多个分类
 category:
-  - Guide
-# A page can have multiple tags
+  - 使用指南
+# 一个页面可以有多个标签
 tag:
-  - Page config
-  - Guide
-# this page is sticky in article list
+  - 页面配置
+  - 使用指南
+# 此页面会在文章列表置顶
 sticky: true
-# this page will appear in starred articles
+# 此页面会出现在星标文章中
 star: true
-# You can customize footer content
-footer: Footer content for test
-# You can customize copyright content
-copyright: No Copyright
+# 你可以自定义页脚
+footer: 这是测试显示的页脚
+# 你可以自定义版权信息
+copyright: 无版权
 ---

-Content before `more` comment is regarded as page excerpt.
+`more` 注释之前的内容被视为文章摘要。

 <!-- more -->

-## Page Title
+## 页面标题

 The first H1 title in Markdown will be regarded as page title.

-You can also set title in Markdown's Frontmatter:
+Markdown 中的第一个 H1 标题会被视为页面标题。
+
+你可以在 Markdown 的 Frontmatter 中设置页面标题。

 ```md
 ---
-title: Page Title
+title: 页面标题
 ---
 ```

-## Page Information
+## 页面信息

-You can set page information in Markdown's Frontmatter.
+你可以在 Markdown 的 Frontmatter 中设置页面信息。

- The author is Ms.Hope.
- The writing date is January 1, 2020
- Category is "Guide"
- Tags are "Page Config" and "Guide"
+- 作者设置为 Ms.Hope。
+- 写作日期为 2020 年 1 月 1 日
+- 分类为 “使用指南”
+- 标签为 “页面配置” 和 “使用指南”

-## Page Content
+## 页面内容

-You are free to write your Markdown here.
+你可以自由在这里书写你的 Markdown。

-::: tip Assets
+::: tip 图片引入

- You can place images besides your Markdown files nd use **relative links**.
- For images in `.vuepress/public` directory, please use absolute links (i.e.: starting with `/`).
+- 你可以将图片和 Markdown 文件放置在一起使用相对路径进行引用。
+- 对于 `.vuepress/public` 文件夹的图片，请使用绝对链接 `/` 进行引用。

 :::

-## Components
+## 组件

-Each markdown page is converted into a Vue component, which means you can use Vue syntax in Markdown:
+每个 Markdown 页面都会被转换为一个 Vue 组件，这意味着你可以在 Markdown 中使用 Vue 语法：

 {{ 1 + 1 }}

@@ -76,7 +80,7 @@ Each markdown page is converted into a Vue component, which means you can use Vu

 <!-- markdownlint-enable MD033 -->

-You can also create and import your own components.
+你也可以创建并引入你自己的组件。

 <MyComponent />

@@ -92,13 +96,13 @@ const MyComponent = defineComponent({

    return () => [
      h('p', [
-        h('span','Input: '),
+        h('span','输入: '),
        h('input', {
          value: input.value,
          onInput,
        }),
      ]),
-      h('p', [h('span','Output: '), input.value]),
+      h('p', [h('span','输出: '), input.value]),
    ];
  },
 });
@@ -106,11 +110,11 @@ const MyComponent = defineComponent({

 ---

-The theme contains some useful components. Here are some examples:
+主题包含一些有用的组件。这里是一些例子:

- A dark blue badge text badge at the end of line. <Badge text="Badge text" color="#242378" />
+- 文字结尾应该有深蓝色的 徽章文字 徽章。 <Badge text="徽章文字" color="#242378" />

- A card:
+- 一个卡片:

  ```component VPCard
  title: Mr.Hope