diff --git a/package.json b/package.json index 62b317f..077eedd 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "my-docs", - "description": "A project of vuepress-theme-hope", + "description": "my-docs", "version": "2.0.0", "license": "MIT", "type": "module", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 017a8e5..69cd4c7 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -565,26 +565,26 @@ packages: '@sec-ant/readable-stream@0.4.1': resolution: {integrity: sha512-831qok9r2t8AlxLko40y2ebgSDhenenCatLVeW/uBtnHPyhHOvG0C7TvfgecV+wHzIm5KUICgzmVpWS+IMEAeg==} - '@shikijs/core@3.1.0': - resolution: {integrity: sha512-1ppAOyg3F18N8Ge9DmJjGqRVswihN33rOgPovR6gUHW17Hw1L4RlRhnmVQcsacSHh0A8IO1FIgNbtTxUFwodmg==} + '@shikijs/core@3.2.0': + resolution: {integrity: sha512-+5dPz8q6HgNqfQ28ycm/vA8dIVd2lNFOUqVRFCQLbs0KZ6emYI+1apLpX+wuL/aDSPLOkMgARwNjkA5UjGKS1Q==} - '@shikijs/engine-javascript@3.1.0': - resolution: {integrity: sha512-/LwkhW17jYi7uPcdaaSQQDNW+xgrHXarkrxYPoC6WPzH2xW5mFMw12doHXJBqxmYvtcTbaatcv2MkH9+3PU1FA==} + '@shikijs/engine-javascript@3.2.0': + resolution: {integrity: sha512-1WrYfaz5YT5aTAIMbYQhxlSHc8ArX+hCDNAIdKRqJHzfWQ3xDgh3PTvrAly+RWGuvi5Q4NlvPlTBdlSAXN6Stg==} - '@shikijs/engine-oniguruma@3.1.0': - resolution: {integrity: sha512-reRgy8VzDPdiDocuGDD60Rk/jLxgcgy+6H4n6jYLeN2Yw5ikasRjQQx8ERXtDM35yg2v/d6KolDBcK8hYYhcmw==} + '@shikijs/engine-oniguruma@3.2.0': + resolution: {integrity: sha512-3V7ko+YUAP02I4rUbDjCgvyM/H85hUIZBQAS19FjDcJMKL5SbjWTiG7TRKxX1V4ddxLxt2RO64wZinElp/3ngQ==} - '@shikijs/langs@3.1.0': - resolution: {integrity: sha512-hAM//sExPXAXG3ZDWjrmV6Vlw4zlWFOcT1ZXNhFRBwPP27scZu/ZIdZ+TdTgy06zSvyF4KIjnF8j6+ScKGu6ww==} + '@shikijs/langs@3.2.0': + resolution: {integrity: sha512-Qze5YIsp223AmC69VZDQolcrcYPrVa9wV6cW2kVqsDrSWlwhW2EQZEn1Iw2oQU1tGYVg8Hj/xdp8mOv+9zI0vg==} - '@shikijs/themes@3.1.0': - resolution: {integrity: sha512-A4MJmy9+ydLNbNCtkmdTp8a+ON+MMXoUe1KTkELkyu0+pHGOcbouhNuobhZoK59cL4cOST6CCz1x+kUdkp9UZA==} + '@shikijs/themes@3.2.0': + resolution: {integrity: sha512-XfzMSTu6iMl2FZIwKykld2OzFKDDlm4KbZrzW6sbKXEeJ1xq61HX4x4bE4+REBFqbbrvAQM8EAH11m/E3cxYDg==} - '@shikijs/transformers@3.1.0': - resolution: {integrity: sha512-Et+agcilvJOmWh/goUczrdM6R35JrEr8B8xZxJVv6rCIpUo2rICtWZF4YBUIILx5mV78455EcYyFPCrk3lJ+nw==} + '@shikijs/transformers@3.2.0': + resolution: {integrity: sha512-Dk3zw4zRBJbZP2icyM2UTooH12gmc1mrxz0kJ4vKzkumgTUuskrnvdZRU5yctVgi2fnx/0qdghhPyKtawwtxsg==} - '@shikijs/types@3.1.0': - resolution: {integrity: sha512-F8e7Fy4ihtcNpJG572BZZC1ErYrBrzJ5Cbc9Zi3REgWry43gIvjJ9lFAoUnuy7Bvy4IFz7grUSxL5edfrrjFEA==} + '@shikijs/types@3.2.0': + resolution: {integrity: sha512-1uOwfEO0vV+G8n/AO/6Yth7zshNdXvQ1pc4ygTrfE3cyuzVLukrZq72YkFUlsRijam7LvRTvnqL4aT5wx1X2Vw==} '@shikijs/vscode-textmate@10.0.2': resolution: {integrity: sha512-83yeghZ2xxin3Nj8z1NMd/NCuca+gsYXswywDy5bHvwlWL8tpTQmzGeUuHd9FC3E/SBEMvzJRwWEOz5gGes9Qg==} @@ -1445,8 +1445,11 @@ packages: resolution: {integrity: sha512-VXJjc87FScF88uafS3JllDgvAm+c/Slfz06lorj2uAY34rlUu0Nt+v8wreiImcrgAjjIHp1rXpTDlLOGw29WwQ==} engines: {node: '>=18'} - oniguruma-to-es@3.1.1: - resolution: {integrity: sha512-bUH8SDvPkH3ho3dvwJwfonjlQ4R80vjyvrU8YpxuROddv55vAEJrTuCuCVUhhsHbtlD9tGGbaNApGQckXhS8iQ==} + oniguruma-parser@0.5.4: + resolution: {integrity: sha512-yNxcQ8sKvURiTwP0mV6bLQCYE7NKfKRRWunhbZnXgxSmB1OXa1lHrN3o4DZd+0Si0kU5blidK7BcROO8qv5TZA==} + + oniguruma-to-es@4.1.0: + resolution: {integrity: sha512-SNwG909cSLo4vPyyPbU/VJkEc9WOXqu2ycBlfd1UCXLqk1IijcQktSBb2yRQ2UFPsDhpkaf+C1dtT3PkLK/yWA==} ora@8.2.0: resolution: {integrity: sha512-weP+BZ8MVNnlCm8c0Qdc1WSWq4Qn7I+9CJGm7Qali6g44e/PUzbjNqJX5NJ9ljlNMosfJvg1fKEGILklK9cwnw==} @@ -1747,8 +1750,8 @@ packages: resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==} engines: {node: '>=8'} - shiki@3.1.0: - resolution: {integrity: sha512-LdTNyWQlC5zdCaHdcp1zPA1OVA2ivb+KjGOOnGcy02tGaF5ja+dGibWFH7Ar8YlngUgK/scDqworK18Ys9cbYA==} + shiki@3.2.0: + resolution: {integrity: sha512-lOF6wkvZCRVQrdfGilyXclTKIjCWKujPAjD6fddLwtQ6eSmgj43pFDbjUmxivtElDRlsGO8G2dLeeRpwNY4wWg==} signal-exit@4.1.0: resolution: {integrity: sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==} @@ -2507,38 +2510,38 @@ snapshots: '@sec-ant/readable-stream@0.4.1': {} - '@shikijs/core@3.1.0': + '@shikijs/core@3.2.0': dependencies: - '@shikijs/types': 3.1.0 + '@shikijs/types': 3.2.0 '@shikijs/vscode-textmate': 10.0.2 '@types/hast': 3.0.4 hast-util-to-html: 9.0.5 - '@shikijs/engine-javascript@3.1.0': + '@shikijs/engine-javascript@3.2.0': dependencies: - '@shikijs/types': 3.1.0 + '@shikijs/types': 3.2.0 '@shikijs/vscode-textmate': 10.0.2 - oniguruma-to-es: 3.1.1 + oniguruma-to-es: 4.1.0 - '@shikijs/engine-oniguruma@3.1.0': + '@shikijs/engine-oniguruma@3.2.0': dependencies: - '@shikijs/types': 3.1.0 + '@shikijs/types': 3.2.0 '@shikijs/vscode-textmate': 10.0.2 - '@shikijs/langs@3.1.0': + '@shikijs/langs@3.2.0': dependencies: - '@shikijs/types': 3.1.0 + '@shikijs/types': 3.2.0 - '@shikijs/themes@3.1.0': + '@shikijs/themes@3.2.0': dependencies: - '@shikijs/types': 3.1.0 + '@shikijs/types': 3.2.0 - '@shikijs/transformers@3.1.0': + '@shikijs/transformers@3.2.0': dependencies: - '@shikijs/core': 3.1.0 - '@shikijs/types': 3.1.0 + '@shikijs/core': 3.2.0 + '@shikijs/types': 3.2.0 - '@shikijs/types@3.1.0': + '@shikijs/types@3.2.0': dependencies: '@shikijs/vscode-textmate': 10.0.2 '@types/hast': 3.0.4 @@ -3056,11 +3059,11 @@ snapshots: '@vuepress/plugin-shiki@2.0.0-rc.82(@vueuse/core@12.8.2)(vuepress@2.0.0-rc.20(@vuepress/bundler-vite@2.0.0-rc.20(@types/node@22.13.10)(sass-embedded@1.85.1))(vue@3.5.13))': dependencies: - '@shikijs/transformers': 3.1.0 + '@shikijs/transformers': 3.2.0 '@vuepress/helper': 2.0.0-rc.82(vuepress@2.0.0-rc.20(@vuepress/bundler-vite@2.0.0-rc.20(@types/node@22.13.10)(sass-embedded@1.85.1))(vue@3.5.13)) '@vuepress/highlighter-helper': 2.0.0-rc.81(@vueuse/core@12.8.2)(vuepress@2.0.0-rc.20(@vuepress/bundler-vite@2.0.0-rc.20(@types/node@22.13.10)(sass-embedded@1.85.1))(vue@3.5.13)) nanoid: 5.1.3 - shiki: 3.1.0 + shiki: 3.2.0 synckit: 0.9.2 vuepress: 2.0.0-rc.20(@vuepress/bundler-vite@2.0.0-rc.20(@types/node@22.13.10)(sass-embedded@1.85.1))(vue@3.5.13) transitivePeerDependencies: @@ -3662,9 +3665,12 @@ snapshots: dependencies: mimic-function: 5.0.1 - oniguruma-to-es@3.1.1: + oniguruma-parser@0.5.4: {} + + oniguruma-to-es@4.1.0: dependencies: emoji-regex-xs: 1.0.0 + oniguruma-parser: 0.5.4 regex: 6.0.1 regex-recursion: 6.0.2 @@ -3924,14 +3930,14 @@ snapshots: shebang-regex@3.0.0: {} - shiki@3.1.0: + shiki@3.2.0: dependencies: - '@shikijs/core': 3.1.0 - '@shikijs/engine-javascript': 3.1.0 - '@shikijs/engine-oniguruma': 3.1.0 - '@shikijs/langs': 3.1.0 - '@shikijs/themes': 3.1.0 - '@shikijs/types': 3.1.0 + '@shikijs/core': 3.2.0 + '@shikijs/engine-javascript': 3.2.0 + '@shikijs/engine-oniguruma': 3.2.0 + '@shikijs/langs': 3.2.0 + '@shikijs/themes': 3.2.0 + '@shikijs/types': 3.2.0 '@shikijs/vscode-textmate': 10.0.2 '@types/hast': 3.0.4 diff --git a/src/.vuepress/config.ts b/src/.vuepress/config.ts index 2492404..b69b483 100644 --- a/src/.vuepress/config.ts +++ b/src/.vuepress/config.ts @@ -5,21 +5,12 @@ import theme from "./theme.js"; export default defineUserConfig({ base: "/", - locales: { - "/": { - lang: "en-US", - title: "Docs Demo", - description: "A docs demo for vuepress-theme-hope", - }, - "/zh/": { - lang: "zh-CN", - title: "文档演示", - description: "vuepress-theme-hope 的文档演示", - }, - }, + lang: "zh-CN", + title: "文档演示", + description: "vuepress-theme-hope 的文档演示", theme, - // Enable it with pwa + // 和 PWA 一起启用 // shouldPrefetch: false, }); diff --git a/src/.vuepress/navbar/zh.ts b/src/.vuepress/navbar.ts similarity index 84% rename from src/.vuepress/navbar/zh.ts rename to src/.vuepress/navbar.ts index b5f3b5c..93b4c75 100644 --- a/src/.vuepress/navbar/zh.ts +++ b/src/.vuepress/navbar.ts @@ -1,13 +1,13 @@ import { navbar } from "vuepress-theme-hope"; -export const zhNavbar = navbar([ - "/zh/", - "/zh/portfolio", - "/zh/demo/", +export default navbar([ + "/", + "/portfolio", + "/demo/", { text: "指南", icon: "lightbulb", - prefix: "/zh/guide/", + prefix: "/guide/", children: [ { text: "Bar", diff --git a/src/.vuepress/navbar/en.ts b/src/.vuepress/navbar/en.ts deleted file mode 100644 index 49995db..0000000 --- a/src/.vuepress/navbar/en.ts +++ /dev/null @@ -1,31 +0,0 @@ -import { navbar } from "vuepress-theme-hope"; - -export const enNavbar = navbar([ - "/", - "/portfolio", - "/demo/", - { - text: "Guide", - icon: "lightbulb", - prefix: "/guide/", - children: [ - { - text: "Bar", - icon: "lightbulb", - prefix: "bar/", - children: ["baz", { text: "...", icon: "ellipsis", link: "#" }], - }, - { - text: "Foo", - icon: "lightbulb", - prefix: "foo/", - children: ["ray", { text: "...", icon: "ellipsis", link: "#" }], - }, - ], - }, - { - text: "V2 Docs", - icon: "book", - link: "https://theme-hope.vuejs.press/", - }, -]); diff --git a/src/.vuepress/navbar/index.ts b/src/.vuepress/navbar/index.ts deleted file mode 100644 index e508968..0000000 --- a/src/.vuepress/navbar/index.ts +++ /dev/null @@ -1,2 +0,0 @@ -export * from "./en.js"; -export * from "./zh.js"; diff --git a/src/.vuepress/sidebar/zh.ts b/src/.vuepress/sidebar.ts similarity index 91% rename from src/.vuepress/sidebar/zh.ts rename to src/.vuepress/sidebar.ts index 194ae2f..dc41bd5 100644 --- a/src/.vuepress/sidebar/zh.ts +++ b/src/.vuepress/sidebar.ts @@ -1,7 +1,7 @@ import { sidebar } from "vuepress-theme-hope"; -export const zhSidebar = sidebar({ - "/zh/": [ +export default sidebar({ + "/": [ "", "portfolio", { diff --git a/src/.vuepress/sidebar/en.ts b/src/.vuepress/sidebar/en.ts deleted file mode 100644 index 3815473..0000000 --- a/src/.vuepress/sidebar/en.ts +++ /dev/null @@ -1,26 +0,0 @@ -import { sidebar } from "vuepress-theme-hope"; - -export const enSidebar = sidebar({ - "/": [ - "", - "portfolio", - { - text: "Demo", - icon: "laptop-code", - prefix: "demo/", - link: "demo/", - children: "structure", - }, - { - text: "Docs", - icon: "book", - prefix: "guide/", - children: "structure", - }, - { - text: "Slides", - icon: "person-chalkboard", - link: "https://ecosystem.vuejs.press/plugins/markdown/revealjs/demo.html", - }, - ], -}); diff --git a/src/.vuepress/sidebar/index.ts b/src/.vuepress/sidebar/index.ts deleted file mode 100644 index e508968..0000000 --- a/src/.vuepress/sidebar/index.ts +++ /dev/null @@ -1,2 +0,0 @@ -export * from "./en.js"; -export * from "./zh.js"; diff --git a/src/.vuepress/theme.ts b/src/.vuepress/theme.ts index b88574b..164185d 100644 --- a/src/.vuepress/theme.ts +++ b/src/.vuepress/theme.ts @@ -1,7 +1,7 @@ import { hopeTheme } from "vuepress-theme-hope"; -import { enNavbar, zhNavbar } from "./navbar/index.js"; -import { enSidebar, zhSidebar } from "./sidebar/index.js"; +import navbar from "./navbar.js"; +import sidebar from "./sidebar.js"; export default hopeTheme({ hostname: "https://vuepress-theme-hope-docs-demo.netlify.app", @@ -17,58 +17,35 @@ export default hopeTheme({ docsDir: "src", - locales: { - "/": { - // navbar - navbar: enNavbar, + // 导航栏 + navbar, - // sidebar - sidebar: enSidebar, + // 侧边栏 + sidebar, - footer: "Default footer", - - displayFooter: true, - - metaLocales: { - editLink: "Edit this page on GitHub", - }, - }, - - /** - * Chinese locale config - */ - "/zh/": { - // navbar - navbar: zhNavbar, - - // sidebar - sidebar: zhSidebar, - - footer: "默认页脚", - - displayFooter: true, - - // page meta - metaLocales: { - editLink: "在 GitHub 上编辑此页", - }, - }, - }, + // 页脚 + footer: "默认页脚", + displayFooter: true, + // 加密配置 encrypt: { config: { "/demo/encrypt.html": { hint: "Password: 1234", password: "1234", }, - "/zh/demo/encrypt.html": { - hint: "Password: 1234", - password: "1234", - }, }, }, - // These features are enabled for demo, only preserve features you need here + // 多语言配置 + metaLocales: { + editLink: "在 GitHub 上编辑此页", + }, + + // 如果想要实时查看任何改变，启用它。注: 这对更新性能有很大负面影响 + // hotReload: true, + + // 此处开启了很多功能用于演示，你应仅保留用到的功能。 markdown: { align: true, attrs: true, @@ -102,45 +79,47 @@ export default hopeTheme({ tasklist: true, vPre: true, - // uncomment these if you need TeX support + // 取消注释它们如果你需要 TeX 支持 // math: { - // // install katex before enabling it + // // 启用前安装 katex // type: "katex", - // // or install mathjax-full before enabling it + // // 或者安装 mathjax-full // type: "mathjax", // }, - // install chart.js before enabling it + // 如果你需要幻灯片，安装 @vuepress/plugin-revealjs 并取消下方注释 + // revealjs: { + // plugins: ["highlight", "math", "search", "notes", "zoom"], + // }, + + // 在启用之前安装 chart.js // chartjs: true, - // install echarts before enabling it + // insert component easily + + // 在启用之前安装 echarts // echarts: true, - // install flowchart.ts before enabling it + // 在启用之前安装 flowchart.ts // flowchart: true, - // install mermaid before enabling it + // 在启用之前安装 mermaid // mermaid: true, // playground: { // presets: ["ts", "vue"], // }, - // install @vue/repl before enabling it + // 在启用之前安装 @vue/repl // vuePlayground: true, - // install sandpack-vue3 before enabling it + // 在启用之前安装 sandpack-vue3 // sandpack: true, - - // install @vuepress/plugin-revealjs and uncomment these if you need slides - // revealjs: { - // plugins: ["highlight", "math", "search", "notes", "zoom"], - // }, }, + // 在这里配置主题提供的插件 plugins: { - // Note: This is for testing ONLY! - // You MUST generate and use your own comment service in production. + // 注意: 仅用于测试! 你必须自行生成并在生产环境中使用自己的评论服务 comment: { provider: "Giscus", repo: "vuepress-theme-hope/giscus-discussions", @@ -157,7 +136,7 @@ export default hopeTheme({ prefix: "fa6-solid:", }, - // Install @vuepress/plugin-pwa and uncomment these if you want a PWA + // 如果你需要 PWA。安装 @vuepress/plugin-pwa 并取消下方注释 // pwa: { // favicon: "/favicon.ico", // cacheHTML: true, diff --git a/src/README.md b/src/README.md index b4c4c9e..088d085 100644 --- a/src/README.md +++ b/src/README.md @@ -1,34 +1,34 @@ --- home: true icon: house -title: Project home +title: 项目主页 heroImage: https://theme-hope-assets.vuejs.press/logo.svg bgImage: https://theme-hope-assets.vuejs.press/bg/6-light.svg bgImageDark: https://theme-hope-assets.vuejs.press/bg/6-dark.svg bgImageStyle: background-attachment: fixed -heroText: Project name -tagline: You can place the description of the project here. +heroText: 项目名称 +tagline: 你可以在这里放置或是整个项目的描述。 actions: - - text: How to Use + - text: 使用指南 icon: lightbulb link: ./demo/ type: primary - - text: Docs + - text: 文档 link: ./guide/ highlights: - - header: Easy to install + - header: 易于安装 image: /assets/image/box.svg bgImage: https://theme-hope-assets.vuejs.press/bg/3-light.svg bgImageDark: https://theme-hope-assets.vuejs.press/bg/3-dark.svg highlights: - - title: Run pnpm create vuepress-theme-hope hope-project to create a new project with this theme. - - title: Run pnpm create vuepress-theme-hope add . in your project root to create a new project with this theme. + - title: 运行 pnpm create vuepress-theme-hope hope-project 以创建一个新的主题项目。 + - title: 在已有项目根目录下运行 pnpm create vuepress-theme-hope add . 以在项目中添加主题。 - - header: Add things you want in markdown - description: We extended the standard commonMark specification and added tons of new features for you. + - header: 在 Markdown 中添加你想要的内容 + description: 我们扩展了标准的 CommonMark 规范，为你添加了成吨功能。 image: /assets/image/markdown.svg bgImage: https://theme-hope-assets.vuejs.press/bg/2-light.svg bgImageDark: https://theme-hope-assets.vuejs.press/bg/2-dark.svg @@ -36,286 +36,291 @@ highlights: background-repeat: repeat background-size: initial features: - - title: Links Check + - title: 链接检查 icon: clipboard-check - details: Check markdown links - link: https://theme-hope.vuejs.press/guide/markdown/others.html#link-check + details: 检查 Markdown 链接 + link: https://theme-hope.vuejs.press/zh/guide/markdown/others.html#link-check - - title: Hint box + - title: 提示容器 icon: box-archive - details: Decorate Markdown content with styles - link: https://theme-hope.vuejs.press/guide/markdown/stylize/hint.html + details: 用样式装饰 Markdown 内容 + link: https://theme-hope.vuejs.press/zh/guide/markdown/stylize/hint.html - - title: GFM alerts + - title: GFM 警告 icon: bell - details: GFM alert box - link: https://theme-hope.vuejs.press/guide/markdown/stylize/alert.html + details: GFM 风格的警告容器 + link: https://theme-hope.vuejs.press/zh/guide/markdown/stylize/alert.html - - title: Tabs + - title: 选项卡 icon: table-columns - details: Group similar content with tabs and switch them together - link: https://theme-hope.vuejs.press/guide/markdown/content/tabs.html + details: 使用选项卡对相似内容进行分组 + link: https://theme-hope.vuejs.press/zh/guide/markdown/content/tabs.html - - title: Code Tabs + - title: 代码组 icon: code - details: Group similar codes with tabs - link: https://theme-hope.vuejs.press/guide/markdown/code/code-tabs.html + details: 使用选项卡对相似代码进行分组 + link: https://theme-hope.vuejs.press/zh/guide/markdown/code/code-tabs.html - - title: Custom Align + - title: 自定义对齐 icon: align-center - details: Let you decide to align paragraphs in the way you like - link: https://theme-hope.vuejs.press/guide/markdown/stylize/align.html + details: Markdown 中对内容进行自定义对齐 + link: https://theme-hope.vuejs.press/zh/guide/markdown/stylize/align.html - - title: Attrs + - title: 自定义属性 icon: code - details: Allow you to add attributes for Markdown content - link: https://theme-hope.vuejs.press/guide/markdown/stylize/attrs.html + details: 为 Markdown 元素添加属性 + link: https://theme-hope.vuejs.press/zh/guide/markdown/stylize/attrs.html - - title: Superscript and subscript + - title: 上下角标 icon: superscript - details: Inserting superscript and subscript - link: https://theme-hope.vuejs.press/guide/markdown/stylize/sup-sub.html + details: 轻松在 Markdown 中添加上下角标 + link: https://theme-hope.vuejs.press/zh/guide/markdown/stylize/sup-sub.html - - title: Footnote + - title: 脚注 icon: quote-left - details: Your Markdown now support footnotes - link: https://theme-hope.vuejs.press/guide/markdown/content/footnote.html + details: 在内容中插入脚注 + link: https://theme-hope.vuejs.press/zh/guide/markdown/content/footnote.html - - title: Mark + - title: 标记 icon: highlighter - details: Mark and highlight contents - link: https://theme-hope.vuejs.press/guide/markdown/stylize/mark.html + details: 标记并高亮内容 + link: https://theme-hope.vuejs.press/zh/guide/markdown/stylize/mark.html - - title: Spoiler + - title: 剧透 icon: eraser - details: Mark spoiler contents - link: https://theme-hope.vuejs.press/guide/markdown/stylize/spoiler.html + details: 添加剧透标记支持 + link: https://theme-hope.vuejs.press/zh/guide/markdown/stylize/spoiler.html - - title: Tasklist + - title: 任务列表 icon: square-check - details: Use tasklist in Markdown - link: https://theme-hope.vuejs.press/guide/markdown/grammar/tasklist.html + details: 轻松插入任务列表 + link: https://theme-hope.vuejs.press/zh/guide/markdown/grammar/tasklist.html - - title: Image syntax + - title: 图片语法 icon: image - details: improve syntax to specify size and color scheme - link: https://theme-hope.vuejs.press/guide/markdown/grammar/image.html + details: 使用改进的语法指定图片大小与颜色模式 + link: https://theme-hope.vuejs.press/zh/guide/markdown/grammar/image.html - - title: Component Support + - title: 组件支持 icon: puzzle-piece - details: Easily insert components in Markdown - link: https://theme-hope.vuejs.press/guide/component/grammar.html + details: 在 Markdown 中轻松插入组件 + link: https://theme-hope.vuejs.press/zh/guide/component/grammar.html - - title: Components + - title: 组件 icon: puzzle-piece - details: Common components out fo box - link: https://theme-hope.vuejs.press/guide/component/built-in.html + details: 开箱即用的常用组件 + link: https://theme-hope.vuejs.press/zh/guide/component/built-in.html - - title: Chart Support + - title: Chart.js 支持 icon: chart-simple - details: Display charts in Markdown - link: https://theme-hope.vuejs.press/guide/markdown/chart/chartjs.html + details: 在 Markdown 中展示 Chart.js 图表 + link: https://theme-hope.vuejs.press/zh/guide/markdown/chart/chartjs.html - - title: Flowchart Support + - title: 流程图支持 icon: route - details: Create your flowchart in Markdown - link: https://theme-hope.vuejs.press/guide/markdown/chart/flowchart.html + details: 在 Markdown 中直接写出流程图 + link: https://theme-hope.vuejs.press/zh/guide/markdown/chart/flowchart.html - - title: Mermaid Support + - title: Mermaid 支持 icon: chart-pie - details: Add mermaid diagram in Markdown - link: https://theme-hope.vuejs.press/guide/markdown/chart/mermaid.html + details: 在 Markdown 中添加 Mermaid 图例 + link: https://theme-hope.vuejs.press/zh/guide/markdown/chart/mermaid.html - - title: Plantuml Support + - title: Plantuml 支持 icon: diagram-project - details: Add plantuml in Markdown - link: https://theme-hope.vuejs.press/guide/markdown/chart/plantuml.html + details: 在 Markdown 中添加 Plant UML 图表 + link: https://theme-hope.vuejs.press/zh/guide/markdown/chart/plantuml.html - - title: Tex Support + - title: Tex 支持 icon: square-root-variable - details: Markdown now have Tex Support so you can write your formula - link: https://theme-hope.vuejs.press/guide/markdown/grammar/math.html + details: Markdown 现在也可以支持 Tex 语法以显示公式 + link: https://theme-hope.vuejs.press/zh/guide/markdown/grammar/math.html - - title: Include snippet Support + - title: 导入文件支持 icon: fa6-brands:markdown - details: split your docs with different parts and import them in Markdown - link: https://theme-hope.vuejs.press/guide/markdown/content/include.html + details: 将你的文档分段，并在 Markdown 中导入 + link: https://theme-hope.vuejs.press/zh/guide/markdown/content/include.html - - title: Playground Support + - title: 交互演示支持 icon: code - details: You can add playground in Markdown files - link: https://theme-hope.vuejs.press/guide/markdown/code/playground.html + details: 你可以在 Markdown 中添加交互演示 + link: https://theme-hope.vuejs.press/zh/guide/markdown/code/playground.html - - title: Kotlin playground Support + - title: Kotlin 交互演示支持 icon: fa6-brands:kickstarter - details: Reactive kotlin playground - link: https://theme-hope.vuejs.press/guide/markdown/code/kotlin-playground.html + details: 响应式的 Kotlin 演示 + link: https://theme-hope.vuejs.press/zh/guide/markdown/code/kotlin-playground.html - - title: Vue playground Support + - title: Vue 交互演示支持 icon: fa6-brands:vuejs - details: Show living vue component in playground - link: https://theme-hope.vuejs.press/guide/markdown/code/vue-playground.html + details: 在交互演示中展示 Vue 组件 + link: https://theme-hope.vuejs.press/zh/guide/markdown/code/vue-playground.html - - title: Sandpack playground Support + - title: Sandpack 交互演示支持 icon: code - details: A live coding environment driven by Sandpack. - link: https://theme-hope.vuejs.press/guide/markdown/code/sandpack.html + details: Sandpack 驱动的实时的编码环境 + link: https://theme-hope.vuejs.press/zh/guide/markdown/code/sandpack.html - - title: Code Demo Support + - title: 代码案例支持 icon: laptop-code - details: You can insert code demo easily - link: https://theme-hope.vuejs.press/guide/markdown/code/demo.html + details: 你可以很方便的插入代码案例 + link: https://theme-hope.vuejs.press/zh/guide/markdown/code/demo.html - - title: Presentation Support + - title: 幻灯片支持 icon: person-chalkboard - details: Insert presentation in Markdown files via Reveal.js - link: https://theme-hope.vuejs.press/guide/markdown/content/revealjs.html + details: 通过 Reveal.js 在 Markdown 中插入幻灯片 + link: https://theme-hope.vuejs.press/zh/guide/markdown/content/revealjs.html - - header: Customizable UI - description: Customizable outlook with full a11y support. + - header: 可定制的页面 + description: 完整无障碍支持的可定制外观 image: /assets/image/ui.svg bgImage: https://theme-hope-assets.vuejs.press/bg/9-light.svg bgImageDark: https://theme-hope-assets.vuejs.press/bg/9-dark.svg highlights: - - title: Dark Mode + - title: 深色模式 icon: circle-half-stroke - details: Switch between light and dark modes freely - link: https://theme-hope.vuejs.press/guide/interface/darkmode.html + details: 可以自由切换浅色模式与深色模式 + link: https://theme-hope.vuejs.press/zh/guide/interface/darkmode.html - - title: Customizable Theme Color + - title: 主题色切换 icon: palette - details: Set theme color with the brand color and even a picker - link: https://theme-hope.vuejs.press/guide/interface/theme-color.html + details: 支持自定义主题色并允许用户在预设的主题颜色之间切换 + link: https://theme-hope.vuejs.press/zh/guide/interface/theme-color.html - - title: More + - title: 更多 icon: ellipsis - details: RTL layout, print support, fullscreen button, etc. - link: https://theme-hope.vuejs.press/guide/interface/others.html + details: RTL 布局，打印支持，全局按钮等 + link: https://theme-hope.vuejs.press/zh/guide/interface/others.html - - header: Improved layouts - description: An awesome responsive layout + - header: 布局 + description: 一个完美的响应式布局。 image: /assets/image/layout.svg bgImage: https://theme-hope-assets.vuejs.press/bg/5-light.svg bgImageDark: https://theme-hope-assets.vuejs.press/bg/5-dark.svg highlights: - - title: Navbar + - title: 导航栏 icon: window-maximize - details: Fully customizable navbar with improved mobile support - link: https://theme-hope.vuejs.press/guide/layout/navbar.html + details: 完全可定制的导航栏以及改进的移动端外观 + link: https://theme-hope.vuejs.press/zh/guide/layout/navbar.html - - title: Sidebar + - title: 侧边栏 icon: fas fa-window-maximize fa-rotate-270 - details: Generate sidebar based on page headings and file structure - link: https://theme-hope.vuejs.press/guide/layout/sidebar.html + details: 从文档标题或文件结构中自动生成侧边栏 + link: https://theme-hope.vuejs.press/zh/guide/layout/sidebar.html - - title: Slide Page + - title: 幻灯片页面 icon: person-chalkboard - details: Adding slide pages to display things you like - link: https://theme-hope.vuejs.press/guide/layout/slides.html + details: 添加幻灯片页面以显示你喜欢的内容 + link: https://theme-hope.vuejs.press/zh/guide/layout/slides.html - - title: Other Layout Improvement + - title: 布局增强 icon: object-group - details: Improved page nav and new breadcrumb, footer and toc. We also bring you a brand new homepage. - link: https://theme-hope.vuejs.press/guide/layout/ + details: 添加路径导航、页脚、改进的导航栏、改进的页面导航等。 + link: https://theme-hope.vuejs.press/zh/guide/layout/ - - header: New features + - title: 更多 + icon: ellipsis + details: RTL 布局，打印支持，全局按钮等 + link: https://theme-hope.vuejs.press/zh/guide/interface/others.html + + - header: 新功能 image: /assets/image/features.svg bgImage: https://theme-hope-assets.vuejs.press/bg/1-light.svg bgImageDark: https://theme-hope-assets.vuejs.press/bg/1-dark.svg features: - - title: Catalog Page + - title: 目录页面 icon: network-wired - details: Auto generating catalog page and out of box catalog component - link: https://theme-hope.vuejs.press/guide/feature/catalog.html + details: 自动生成目录页以及开箱即用的目录组件 + link: https://theme-hope.vuejs.press/zh/guide/feature/catalog.html - - title: Pageviews and Comments + - title: 浏览量与评论 icon: comment-dots - details: Pageview statistics and comment support with 4 comment service - link: https://theme-hope.vuejs.press/guide/feature/comment.html + details: 配合 4 个评论服务开启阅读量统计与评论支持 + link: https://theme-hope.vuejs.press/zh/guide/feature/comment.html - - title: Article Information + - title: 文章信息 icon: circle-info - details: Add author, writing date, reading time, word count and other information to your article - link: https://theme-hope.vuejs.press/guide/feature/page-info.html + details: 为你的文章添加作者、写作日期、预计阅读时间、字数统计等信息 + link: https://theme-hope.vuejs.press/zh/guide/feature/page-info.html - - title: Article Encryption + - title: 文章加密 icon: lock - details: Encrypt you articles based on page links, so that only the one you want could see them - link: https://theme-hope.vuejs.press/guide/feature/encrypt.html + details: 你可以为你的特定页面或特定目录进行加密，以便陌生人不能随意访问它们 + link: https://theme-hope.vuejs.press/zh/guide/feature/encrypt.html - - title: Search + - title: 搜索支持 icon: search - details: Support docsearch and client search - link: https://theme-hope.vuejs.press/guide/feature/search.html + details: 支持 docsearch 和基于客户端的搜索 + link: https://theme-hope.vuejs.press/zh/guide/feature/search.html - - title: Code Block + - title: 代码块 icon: code - details: Customize code block themes, line number, highlight lines, copy button, etc. - link: https://theme-hope.vuejs.press/guide/markdown/code/fence.html.html + details: 自定义代码块主题、行号、行高亮、复制按钮等 + link: https://theme-hope.vuejs.press/zh/guide/markdown/code/fence.html.html - - title: Image Preview + - title: 图片预览 icon: image - details: Support viewing, zooming, sharing your page images like a gallery - link: https://theme-hope.vuejs.press/guide/feature/photo-swipe.html + details: 像相册一样允许你浏览、缩放并分享你的页面图片 + link: https://theme-hope.vuejs.press/zh/guide/feature/photo-swipe.html - - header: Blogging - description: Create personal blog with theme + - header: 博客 + description: 通过主题创建个人博客 image: /assets/image/blog.svg bgImage: https://theme-hope-assets.vuejs.press/bg/5-light.svg bgImageDark: https://theme-hope-assets.vuejs.press/bg/5-dark.svg highlights: - - title: Blog features + - title: 博客功能 icon: blog - details: Listing your articles with their dates, tags and categories - link: https://theme-hope.vuejs.press/guide/blog/intro.html + details: 通过文章的日期、标签和分类展示文章 + link: https://theme-hope.vuejs.press/zh/guide/blog/intro.html - - title: Blog homepage - icon: blog - details: New blog homepage - link: https://theme-hope.vuejs.press/guide/blog/home.html + - title: 博客主页 + icon: house + details: 全新博客主页 + link: https://theme-hope.vuejs.press/zh/guide/blog/home.html - - title: Blogger info + - title: 博主信息 icon: circle-info - details: Customize avatar, name, slogan, introduction and social links - link: https://theme-hope.vuejs.press/guide/blog/blogger.html + details: 自定义名称、头像、座右铭和社交媒体链接 + link: https://theme-hope.vuejs.press/zh/guide/blog/blogger.html - - title: Timeline + - title: 时间线 icon: clock - details: Read through blog posts in a timeline - link: https://theme-hope.vuejs.press/guide/blog/timeline.html + details: 在时间线中浏览和通读博文 + link: https://theme-hope.vuejs.press/zh/guide/blog/timeline.html - - header: Advanced - description: Advanced features to improve site SEO and user experience + - header: 高级 + description: 增强站点与用户体验的高级功能 image: /assets/image/advanced.svg bgImage: https://theme-hope-assets.vuejs.press/bg/4-light.svg bgImageDark: https://theme-hope-assets.vuejs.press/bg/4-dark.svg highlights: - - title: SEO Enhancement + - title: SEO 增强 icon: dumbbell - details: Optimize pages for search engines - link: https://theme-hope.vuejs.press/guide/advanced/seo.html + details: 将最终生成的网页针对搜索引擎进行优化。 + link: https://theme-hope.vuejs.press/zh/guide/advanced/seo.html - title: Sitemap icon: sitemap - details: Generate a Sitemap for your site - link: https://theme-hope.vuejs.press/guide/advanced/sitemap.html + details: 自动为你的网站生成 Sitemap + link: https://theme-hope.vuejs.press/zh/guide/advanced/sitemap.html - - title: Feed + - title: Feed 支持 icon: rss - details: Generate feed to allow users to subscribe it - link: https://theme-hope.vuejs.press/guide/advanced/feed.html + details: 生成你的 Feed，并通知你的用户订阅它 + link: https://theme-hope.vuejs.press/zh/guide/advanced/feed.html - - title: PWA + - title: PWA 支持 icon: mobile-screen - details: Make your site more like an APP - link: https://theme-hope.vuejs.press/guide/advanced/pwa.html + details: 让你的网站更像一个 APP + link: https://theme-hope.vuejs.press/zh/guide/advanced/pwa.html copyright: false -footer: Theme by VuePress Theme Hope | MIT Licensed, Copyright © 2019-present Mr.Hope +footer: 使用 VuePress Theme Hope 主题 | MIT 协议, 版权所有 © 2019-至今 Mr.Hope --- -This is an example of a project homepage. You can place your main content here. +这是项目主页的案例。你可以在这里放置你的主体内容。 -To use this layout, you need to set `home: true` in the page front matter. +想要使用此布局，你需要在页面 front matter 中设置 `home: true`。 -For related descriptions of configuration items, please see [Project HomePage Layout Config](https://theme-hope.vuejs.press/guide/layout/home/). +配置项的相关说明详见 [项目主页配置](https://theme-hope.vuejs.press/zh/guide/layout/home/)。 diff --git a/src/demo/README.md b/src/demo/README.md index b3a849d..31ede9b 100644 --- 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 + - 使用指南 --- diff --git a/src/demo/disable.md b/src/demo/disable.md index 8ecea1a..ff54b57 100644 --- 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，在页面禁用功能与布局。 -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 +- 导航栏 +- 侧边栏 +- 路径导航 +- 页面信息 +- 贡献者 +- 编辑此页链接 +- 更新时间 +- 上一篇/下一篇 链接 +- 评论 +- 页脚 +- 返回顶部按钮 diff --git a/src/demo/encrypt.md b/src/demo/encrypt.md index 6516117..20d8d23 100644 --- 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 文字。 diff --git a/src/demo/layout.md b/src/demo/layout.md index 936a040..b89b60a 100644 --- 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 中自定义它们。 diff --git a/src/demo/markdown.md b/src/demo/markdown.md index 81e1146..33e65b9 100644 --- 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 可以根据文件结构将它们转换为不同的页面。 -## 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) + +#### 导入文件 + + + +- [查看详情](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) + +#### 图表 + +