change to single language.
This commit is contained in:
zeroornull
@@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "my-docs",
|
"name": "my-docs",
|
||||||
"description": "A project of vuepress-theme-hope",
|
"description": "my-docs",
|
||||||
"version": "2.0.0",
|
"version": "2.0.0",
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"type": "module",
|
"type": "module",
|
||||||
|
|||||||
92
pnpm-lock.yaml
generated
92
pnpm-lock.yaml
generated
@@ -565,26 +565,26 @@ packages:
|
|||||||
'@sec-ant/readable-stream@0.4.1':
|
'@sec-ant/readable-stream@0.4.1':
|
||||||
resolution: {integrity: sha512-831qok9r2t8AlxLko40y2ebgSDhenenCatLVeW/uBtnHPyhHOvG0C7TvfgecV+wHzIm5KUICgzmVpWS+IMEAeg==}
|
resolution: {integrity: sha512-831qok9r2t8AlxLko40y2ebgSDhenenCatLVeW/uBtnHPyhHOvG0C7TvfgecV+wHzIm5KUICgzmVpWS+IMEAeg==}
|
||||||
|
|
||||||
'@shikijs/core@3.1.0':
|
'@shikijs/core@3.2.0':
|
||||||
resolution: {integrity: sha512-1ppAOyg3F18N8Ge9DmJjGqRVswihN33rOgPovR6gUHW17Hw1L4RlRhnmVQcsacSHh0A8IO1FIgNbtTxUFwodmg==}
|
resolution: {integrity: sha512-+5dPz8q6HgNqfQ28ycm/vA8dIVd2lNFOUqVRFCQLbs0KZ6emYI+1apLpX+wuL/aDSPLOkMgARwNjkA5UjGKS1Q==}
|
||||||
|
|
||||||
'@shikijs/engine-javascript@3.1.0':
|
'@shikijs/engine-javascript@3.2.0':
|
||||||
resolution: {integrity: sha512-/LwkhW17jYi7uPcdaaSQQDNW+xgrHXarkrxYPoC6WPzH2xW5mFMw12doHXJBqxmYvtcTbaatcv2MkH9+3PU1FA==}
|
resolution: {integrity: sha512-1WrYfaz5YT5aTAIMbYQhxlSHc8ArX+hCDNAIdKRqJHzfWQ3xDgh3PTvrAly+RWGuvi5Q4NlvPlTBdlSAXN6Stg==}
|
||||||
|
|
||||||
'@shikijs/engine-oniguruma@3.1.0':
|
'@shikijs/engine-oniguruma@3.2.0':
|
||||||
resolution: {integrity: sha512-reRgy8VzDPdiDocuGDD60Rk/jLxgcgy+6H4n6jYLeN2Yw5ikasRjQQx8ERXtDM35yg2v/d6KolDBcK8hYYhcmw==}
|
resolution: {integrity: sha512-3V7ko+YUAP02I4rUbDjCgvyM/H85hUIZBQAS19FjDcJMKL5SbjWTiG7TRKxX1V4ddxLxt2RO64wZinElp/3ngQ==}
|
||||||
|
|
||||||
'@shikijs/langs@3.1.0':
|
'@shikijs/langs@3.2.0':
|
||||||
resolution: {integrity: sha512-hAM//sExPXAXG3ZDWjrmV6Vlw4zlWFOcT1ZXNhFRBwPP27scZu/ZIdZ+TdTgy06zSvyF4KIjnF8j6+ScKGu6ww==}
|
resolution: {integrity: sha512-Qze5YIsp223AmC69VZDQolcrcYPrVa9wV6cW2kVqsDrSWlwhW2EQZEn1Iw2oQU1tGYVg8Hj/xdp8mOv+9zI0vg==}
|
||||||
|
|
||||||
'@shikijs/themes@3.1.0':
|
'@shikijs/themes@3.2.0':
|
||||||
resolution: {integrity: sha512-A4MJmy9+ydLNbNCtkmdTp8a+ON+MMXoUe1KTkELkyu0+pHGOcbouhNuobhZoK59cL4cOST6CCz1x+kUdkp9UZA==}
|
resolution: {integrity: sha512-XfzMSTu6iMl2FZIwKykld2OzFKDDlm4KbZrzW6sbKXEeJ1xq61HX4x4bE4+REBFqbbrvAQM8EAH11m/E3cxYDg==}
|
||||||
|
|
||||||
'@shikijs/transformers@3.1.0':
|
'@shikijs/transformers@3.2.0':
|
||||||
resolution: {integrity: sha512-Et+agcilvJOmWh/goUczrdM6R35JrEr8B8xZxJVv6rCIpUo2rICtWZF4YBUIILx5mV78455EcYyFPCrk3lJ+nw==}
|
resolution: {integrity: sha512-Dk3zw4zRBJbZP2icyM2UTooH12gmc1mrxz0kJ4vKzkumgTUuskrnvdZRU5yctVgi2fnx/0qdghhPyKtawwtxsg==}
|
||||||
|
|
||||||
'@shikijs/types@3.1.0':
|
'@shikijs/types@3.2.0':
|
||||||
resolution: {integrity: sha512-F8e7Fy4ihtcNpJG572BZZC1ErYrBrzJ5Cbc9Zi3REgWry43gIvjJ9lFAoUnuy7Bvy4IFz7grUSxL5edfrrjFEA==}
|
resolution: {integrity: sha512-1uOwfEO0vV+G8n/AO/6Yth7zshNdXvQ1pc4ygTrfE3cyuzVLukrZq72YkFUlsRijam7LvRTvnqL4aT5wx1X2Vw==}
|
||||||
|
|
||||||
'@shikijs/vscode-textmate@10.0.2':
|
'@shikijs/vscode-textmate@10.0.2':
|
||||||
resolution: {integrity: sha512-83yeghZ2xxin3Nj8z1NMd/NCuca+gsYXswywDy5bHvwlWL8tpTQmzGeUuHd9FC3E/SBEMvzJRwWEOz5gGes9Qg==}
|
resolution: {integrity: sha512-83yeghZ2xxin3Nj8z1NMd/NCuca+gsYXswywDy5bHvwlWL8tpTQmzGeUuHd9FC3E/SBEMvzJRwWEOz5gGes9Qg==}
|
||||||
@@ -1445,8 +1445,11 @@ packages:
|
|||||||
resolution: {integrity: sha512-VXJjc87FScF88uafS3JllDgvAm+c/Slfz06lorj2uAY34rlUu0Nt+v8wreiImcrgAjjIHp1rXpTDlLOGw29WwQ==}
|
resolution: {integrity: sha512-VXJjc87FScF88uafS3JllDgvAm+c/Slfz06lorj2uAY34rlUu0Nt+v8wreiImcrgAjjIHp1rXpTDlLOGw29WwQ==}
|
||||||
engines: {node: '>=18'}
|
engines: {node: '>=18'}
|
||||||
|
|
||||||
oniguruma-to-es@3.1.1:
|
oniguruma-parser@0.5.4:
|
||||||
resolution: {integrity: sha512-bUH8SDvPkH3ho3dvwJwfonjlQ4R80vjyvrU8YpxuROddv55vAEJrTuCuCVUhhsHbtlD9tGGbaNApGQckXhS8iQ==}
|
resolution: {integrity: sha512-yNxcQ8sKvURiTwP0mV6bLQCYE7NKfKRRWunhbZnXgxSmB1OXa1lHrN3o4DZd+0Si0kU5blidK7BcROO8qv5TZA==}
|
||||||
|
|
||||||
|
oniguruma-to-es@4.1.0:
|
||||||
|
resolution: {integrity: sha512-SNwG909cSLo4vPyyPbU/VJkEc9WOXqu2ycBlfd1UCXLqk1IijcQktSBb2yRQ2UFPsDhpkaf+C1dtT3PkLK/yWA==}
|
||||||
|
|
||||||
ora@8.2.0:
|
ora@8.2.0:
|
||||||
resolution: {integrity: sha512-weP+BZ8MVNnlCm8c0Qdc1WSWq4Qn7I+9CJGm7Qali6g44e/PUzbjNqJX5NJ9ljlNMosfJvg1fKEGILklK9cwnw==}
|
resolution: {integrity: sha512-weP+BZ8MVNnlCm8c0Qdc1WSWq4Qn7I+9CJGm7Qali6g44e/PUzbjNqJX5NJ9ljlNMosfJvg1fKEGILklK9cwnw==}
|
||||||
@@ -1747,8 +1750,8 @@ packages:
|
|||||||
resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==}
|
resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==}
|
||||||
engines: {node: '>=8'}
|
engines: {node: '>=8'}
|
||||||
|
|
||||||
shiki@3.1.0:
|
shiki@3.2.0:
|
||||||
resolution: {integrity: sha512-LdTNyWQlC5zdCaHdcp1zPA1OVA2ivb+KjGOOnGcy02tGaF5ja+dGibWFH7Ar8YlngUgK/scDqworK18Ys9cbYA==}
|
resolution: {integrity: sha512-lOF6wkvZCRVQrdfGilyXclTKIjCWKujPAjD6fddLwtQ6eSmgj43pFDbjUmxivtElDRlsGO8G2dLeeRpwNY4wWg==}
|
||||||
|
|
||||||
signal-exit@4.1.0:
|
signal-exit@4.1.0:
|
||||||
resolution: {integrity: sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==}
|
resolution: {integrity: sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==}
|
||||||
@@ -2507,38 +2510,38 @@ snapshots:
|
|||||||
|
|
||||||
'@sec-ant/readable-stream@0.4.1': {}
|
'@sec-ant/readable-stream@0.4.1': {}
|
||||||
|
|
||||||
'@shikijs/core@3.1.0':
|
'@shikijs/core@3.2.0':
|
||||||
dependencies:
|
dependencies:
|
||||||
'@shikijs/types': 3.1.0
|
'@shikijs/types': 3.2.0
|
||||||
'@shikijs/vscode-textmate': 10.0.2
|
'@shikijs/vscode-textmate': 10.0.2
|
||||||
'@types/hast': 3.0.4
|
'@types/hast': 3.0.4
|
||||||
hast-util-to-html: 9.0.5
|
hast-util-to-html: 9.0.5
|
||||||
|
|
||||||
'@shikijs/engine-javascript@3.1.0':
|
'@shikijs/engine-javascript@3.2.0':
|
||||||
dependencies:
|
dependencies:
|
||||||
'@shikijs/types': 3.1.0
|
'@shikijs/types': 3.2.0
|
||||||
'@shikijs/vscode-textmate': 10.0.2
|
'@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:
|
dependencies:
|
||||||
'@shikijs/types': 3.1.0
|
'@shikijs/types': 3.2.0
|
||||||
'@shikijs/vscode-textmate': 10.0.2
|
'@shikijs/vscode-textmate': 10.0.2
|
||||||
|
|
||||||
'@shikijs/langs@3.1.0':
|
'@shikijs/langs@3.2.0':
|
||||||
dependencies:
|
dependencies:
|
||||||
'@shikijs/types': 3.1.0
|
'@shikijs/types': 3.2.0
|
||||||
|
|
||||||
'@shikijs/themes@3.1.0':
|
'@shikijs/themes@3.2.0':
|
||||||
dependencies:
|
dependencies:
|
||||||
'@shikijs/types': 3.1.0
|
'@shikijs/types': 3.2.0
|
||||||
|
|
||||||
'@shikijs/transformers@3.1.0':
|
'@shikijs/transformers@3.2.0':
|
||||||
dependencies:
|
dependencies:
|
||||||
'@shikijs/core': 3.1.0
|
'@shikijs/core': 3.2.0
|
||||||
'@shikijs/types': 3.1.0
|
'@shikijs/types': 3.2.0
|
||||||
|
|
||||||
'@shikijs/types@3.1.0':
|
'@shikijs/types@3.2.0':
|
||||||
dependencies:
|
dependencies:
|
||||||
'@shikijs/vscode-textmate': 10.0.2
|
'@shikijs/vscode-textmate': 10.0.2
|
||||||
'@types/hast': 3.0.4
|
'@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))':
|
'@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:
|
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/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))
|
'@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
|
nanoid: 5.1.3
|
||||||
shiki: 3.1.0
|
shiki: 3.2.0
|
||||||
synckit: 0.9.2
|
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)
|
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:
|
transitivePeerDependencies:
|
||||||
@@ -3662,9 +3665,12 @@ snapshots:
|
|||||||
dependencies:
|
dependencies:
|
||||||
mimic-function: 5.0.1
|
mimic-function: 5.0.1
|
||||||
|
|
||||||
oniguruma-to-es@3.1.1:
|
oniguruma-parser@0.5.4: {}
|
||||||
|
|
||||||
|
oniguruma-to-es@4.1.0:
|
||||||
dependencies:
|
dependencies:
|
||||||
emoji-regex-xs: 1.0.0
|
emoji-regex-xs: 1.0.0
|
||||||
|
oniguruma-parser: 0.5.4
|
||||||
regex: 6.0.1
|
regex: 6.0.1
|
||||||
regex-recursion: 6.0.2
|
regex-recursion: 6.0.2
|
||||||
|
|
||||||
@@ -3924,14 +3930,14 @@ snapshots:
|
|||||||
|
|
||||||
shebang-regex@3.0.0: {}
|
shebang-regex@3.0.0: {}
|
||||||
|
|
||||||
shiki@3.1.0:
|
shiki@3.2.0:
|
||||||
dependencies:
|
dependencies:
|
||||||
'@shikijs/core': 3.1.0
|
'@shikijs/core': 3.2.0
|
||||||
'@shikijs/engine-javascript': 3.1.0
|
'@shikijs/engine-javascript': 3.2.0
|
||||||
'@shikijs/engine-oniguruma': 3.1.0
|
'@shikijs/engine-oniguruma': 3.2.0
|
||||||
'@shikijs/langs': 3.1.0
|
'@shikijs/langs': 3.2.0
|
||||||
'@shikijs/themes': 3.1.0
|
'@shikijs/themes': 3.2.0
|
||||||
'@shikijs/types': 3.1.0
|
'@shikijs/types': 3.2.0
|
||||||
'@shikijs/vscode-textmate': 10.0.2
|
'@shikijs/vscode-textmate': 10.0.2
|
||||||
'@types/hast': 3.0.4
|
'@types/hast': 3.0.4
|
||||||
|
|
||||||
|
|||||||
@@ -5,21 +5,12 @@ import theme from "./theme.js";
|
|||||||
export default defineUserConfig({
|
export default defineUserConfig({
|
||||||
base: "/",
|
base: "/",
|
||||||
|
|
||||||
locales: {
|
lang: "zh-CN",
|
||||||
"/": {
|
title: "文档演示",
|
||||||
lang: "en-US",
|
description: "vuepress-theme-hope 的文档演示",
|
||||||
title: "Docs Demo",
|
|
||||||
description: "A docs demo for vuepress-theme-hope",
|
|
||||||
},
|
|
||||||
"/zh/": {
|
|
||||||
lang: "zh-CN",
|
|
||||||
title: "文档演示",
|
|
||||||
description: "vuepress-theme-hope 的文档演示",
|
|
||||||
},
|
|
||||||
},
|
|
||||||
|
|
||||||
theme,
|
theme,
|
||||||
|
|
||||||
// Enable it with pwa
|
// 和 PWA 一起启用
|
||||||
// shouldPrefetch: false,
|
// shouldPrefetch: false,
|
||||||
});
|
});
|
||||||
|
|||||||
@@ -1,13 +1,13 @@
|
|||||||
import { navbar } from "vuepress-theme-hope";
|
import { navbar } from "vuepress-theme-hope";
|
||||||
|
|
||||||
export const zhNavbar = navbar([
|
export default navbar([
|
||||||
"/zh/",
|
"/",
|
||||||
"/zh/portfolio",
|
"/portfolio",
|
||||||
"/zh/demo/",
|
"/demo/",
|
||||||
{
|
{
|
||||||
text: "指南",
|
text: "指南",
|
||||||
icon: "lightbulb",
|
icon: "lightbulb",
|
||||||
prefix: "/zh/guide/",
|
prefix: "/guide/",
|
||||||
children: [
|
children: [
|
||||||
{
|
{
|
||||||
text: "Bar",
|
text: "Bar",
|
||||||
@@ -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/",
|
|
||||||
},
|
|
||||||
]);
|
|
||||||
@@ -1,2 +0,0 @@
|
|||||||
export * from "./en.js";
|
|
||||||
export * from "./zh.js";
|
|
||||||
@@ -1,7 +1,7 @@
|
|||||||
import { sidebar } from "vuepress-theme-hope";
|
import { sidebar } from "vuepress-theme-hope";
|
||||||
|
|
||||||
export const zhSidebar = sidebar({
|
export default sidebar({
|
||||||
"/zh/": [
|
"/": [
|
||||||
"",
|
"",
|
||||||
"portfolio",
|
"portfolio",
|
||||||
{
|
{
|
||||||
@@ -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",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
});
|
|
||||||
@@ -1,2 +0,0 @@
|
|||||||
export * from "./en.js";
|
|
||||||
export * from "./zh.js";
|
|
||||||
@@ -1,7 +1,7 @@
|
|||||||
import { hopeTheme } from "vuepress-theme-hope";
|
import { hopeTheme } from "vuepress-theme-hope";
|
||||||
|
|
||||||
import { enNavbar, zhNavbar } from "./navbar/index.js";
|
import navbar from "./navbar.js";
|
||||||
import { enSidebar, zhSidebar } from "./sidebar/index.js";
|
import sidebar from "./sidebar.js";
|
||||||
|
|
||||||
export default hopeTheme({
|
export default hopeTheme({
|
||||||
hostname: "https://vuepress-theme-hope-docs-demo.netlify.app",
|
hostname: "https://vuepress-theme-hope-docs-demo.netlify.app",
|
||||||
@@ -17,58 +17,35 @@ export default hopeTheme({
|
|||||||
|
|
||||||
docsDir: "src",
|
docsDir: "src",
|
||||||
|
|
||||||
locales: {
|
// 导航栏
|
||||||
"/": {
|
navbar,
|
||||||
// navbar
|
|
||||||
navbar: enNavbar,
|
|
||||||
|
|
||||||
// sidebar
|
// 侧边栏
|
||||||
sidebar: enSidebar,
|
sidebar,
|
||||||
|
|
||||||
footer: "Default footer",
|
// 页脚
|
||||||
|
footer: "默认页脚",
|
||||||
displayFooter: true,
|
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 上编辑此页",
|
|
||||||
},
|
|
||||||
},
|
|
||||||
},
|
|
||||||
|
|
||||||
|
// 加密配置
|
||||||
encrypt: {
|
encrypt: {
|
||||||
config: {
|
config: {
|
||||||
"/demo/encrypt.html": {
|
"/demo/encrypt.html": {
|
||||||
hint: "Password: 1234",
|
hint: "Password: 1234",
|
||||||
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: {
|
markdown: {
|
||||||
align: true,
|
align: true,
|
||||||
attrs: true,
|
attrs: true,
|
||||||
@@ -102,45 +79,47 @@ export default hopeTheme({
|
|||||||
tasklist: true,
|
tasklist: true,
|
||||||
vPre: true,
|
vPre: true,
|
||||||
|
|
||||||
// uncomment these if you need TeX support
|
// 取消注释它们如果你需要 TeX 支持
|
||||||
// math: {
|
// math: {
|
||||||
// // install katex before enabling it
|
// // 启用前安装 katex
|
||||||
// type: "katex",
|
// type: "katex",
|
||||||
// // or install mathjax-full before enabling it
|
// // 或者安装 mathjax-full
|
||||||
// type: "mathjax",
|
// type: "mathjax",
|
||||||
// },
|
// },
|
||||||
|
|
||||||
// install chart.js before enabling it
|
// 如果你需要幻灯片，安装 @vuepress/plugin-revealjs 并取消下方注释
|
||||||
|
// revealjs: {
|
||||||
|
// plugins: ["highlight", "math", "search", "notes", "zoom"],
|
||||||
|
// },
|
||||||
|
|
||||||
|
// 在启用之前安装 chart.js
|
||||||
// chartjs: true,
|
// chartjs: true,
|
||||||
|
|
||||||
// install echarts before enabling it
|
// insert component easily
|
||||||
|
|
||||||
|
// 在启用之前安装 echarts
|
||||||
// echarts: true,
|
// echarts: true,
|
||||||
|
|
||||||
// install flowchart.ts before enabling it
|
// 在启用之前安装 flowchart.ts
|
||||||
// flowchart: true,
|
// flowchart: true,
|
||||||
|
|
||||||
// install mermaid before enabling it
|
// 在启用之前安装 mermaid
|
||||||
// mermaid: true,
|
// mermaid: true,
|
||||||
|
|
||||||
// playground: {
|
// playground: {
|
||||||
// presets: ["ts", "vue"],
|
// presets: ["ts", "vue"],
|
||||||
// },
|
// },
|
||||||
|
|
||||||
// install @vue/repl before enabling it
|
// 在启用之前安装 @vue/repl
|
||||||
// vuePlayground: true,
|
// vuePlayground: true,
|
||||||
|
|
||||||
// install sandpack-vue3 before enabling it
|
// 在启用之前安装 sandpack-vue3
|
||||||
// sandpack: true,
|
// sandpack: true,
|
||||||
|
|
||||||
// install @vuepress/plugin-revealjs and uncomment these if you need slides
|
|
||||||
// revealjs: {
|
|
||||||
// plugins: ["highlight", "math", "search", "notes", "zoom"],
|
|
||||||
// },
|
|
||||||
},
|
},
|
||||||
|
|
||||||
|
// 在这里配置主题提供的插件
|
||||||
plugins: {
|
plugins: {
|
||||||
// Note: This is for testing ONLY!
|
// 注意: 仅用于测试! 你必须自行生成并在生产环境中使用自己的评论服务
|
||||||
// You MUST generate and use your own comment service in production.
|
|
||||||
comment: {
|
comment: {
|
||||||
provider: "Giscus",
|
provider: "Giscus",
|
||||||
repo: "vuepress-theme-hope/giscus-discussions",
|
repo: "vuepress-theme-hope/giscus-discussions",
|
||||||
@@ -157,7 +136,7 @@ export default hopeTheme({
|
|||||||
prefix: "fa6-solid:",
|
prefix: "fa6-solid:",
|
||||||
},
|
},
|
||||||
|
|
||||||
// Install @vuepress/plugin-pwa and uncomment these if you want a PWA
|
// 如果你需要 PWA。安装 @vuepress/plugin-pwa 并取消下方注释
|
||||||
// pwa: {
|
// pwa: {
|
||||||
// favicon: "/favicon.ico",
|
// favicon: "/favicon.ico",
|
||||||
// cacheHTML: true,
|
// cacheHTML: true,
|
||||||
|
|||||||
345
src/README.md
345
src/README.md
@@ -1,34 +1,34 @@
|
|||||||
---
|
---
|
||||||
home: true
|
home: true
|
||||||
icon: house
|
icon: house
|
||||||
title: Project home
|
title: 项目主页
|
||||||
heroImage: https://theme-hope-assets.vuejs.press/logo.svg
|
heroImage: https://theme-hope-assets.vuejs.press/logo.svg
|
||||||
bgImage: https://theme-hope-assets.vuejs.press/bg/6-light.svg
|
bgImage: https://theme-hope-assets.vuejs.press/bg/6-light.svg
|
||||||
bgImageDark: https://theme-hope-assets.vuejs.press/bg/6-dark.svg
|
bgImageDark: https://theme-hope-assets.vuejs.press/bg/6-dark.svg
|
||||||
bgImageStyle:
|
bgImageStyle:
|
||||||
background-attachment: fixed
|
background-attachment: fixed
|
||||||
heroText: Project name
|
heroText: 项目名称
|
||||||
tagline: You can place the description of the project here.
|
tagline: 你可以在这里放置或是整个项目的描述。
|
||||||
actions:
|
actions:
|
||||||
- text: How to Use
|
- text: 使用指南
|
||||||
icon: lightbulb
|
icon: lightbulb
|
||||||
link: ./demo/
|
link: ./demo/
|
||||||
type: primary
|
type: primary
|
||||||
|
|
||||||
- text: Docs
|
- text: 文档
|
||||||
link: ./guide/
|
link: ./guide/
|
||||||
|
|
||||||
highlights:
|
highlights:
|
||||||
- header: Easy to install
|
- header: 易于安装
|
||||||
image: /assets/image/box.svg
|
image: /assets/image/box.svg
|
||||||
bgImage: https://theme-hope-assets.vuejs.press/bg/3-light.svg
|
bgImage: https://theme-hope-assets.vuejs.press/bg/3-light.svg
|
||||||
bgImageDark: https://theme-hope-assets.vuejs.press/bg/3-dark.svg
|
bgImageDark: https://theme-hope-assets.vuejs.press/bg/3-dark.svg
|
||||||
highlights:
|
highlights:
|
||||||
- title: Run <code>pnpm create vuepress-theme-hope hope-project</code> to create a new project with this theme.
|
- title: 运行 <code>pnpm create vuepress-theme-hope hope-project</code> 以创建一个新的主题项目。
|
||||||
- title: Run <code>pnpm create vuepress-theme-hope add .</code> in your project root to create a new project with this theme.
|
- title: 在已有项目根目录下运行 <code>pnpm create vuepress-theme-hope add .</code> 以在项目中添加主题。
|
||||||
|
|
||||||
- header: Add things you want in markdown
|
- header: 在 Markdown 中添加你想要的内容
|
||||||
description: We extended the standard commonMark specification and added tons of new features for you.
|
description: 我们扩展了标准的 CommonMark 规范，为你添加了成吨功能。
|
||||||
image: /assets/image/markdown.svg
|
image: /assets/image/markdown.svg
|
||||||
bgImage: https://theme-hope-assets.vuejs.press/bg/2-light.svg
|
bgImage: https://theme-hope-assets.vuejs.press/bg/2-light.svg
|
||||||
bgImageDark: https://theme-hope-assets.vuejs.press/bg/2-dark.svg
|
bgImageDark: https://theme-hope-assets.vuejs.press/bg/2-dark.svg
|
||||||
@@ -36,286 +36,291 @@ highlights:
|
|||||||
background-repeat: repeat
|
background-repeat: repeat
|
||||||
background-size: initial
|
background-size: initial
|
||||||
features:
|
features:
|
||||||
- title: Links Check
|
- title: 链接检查
|
||||||
icon: clipboard-check
|
icon: clipboard-check
|
||||||
details: Check markdown links
|
details: 检查 Markdown 链接
|
||||||
link: https://theme-hope.vuejs.press/guide/markdown/others.html#link-check
|
link: https://theme-hope.vuejs.press/zh/guide/markdown/others.html#link-check
|
||||||
|
|
||||||
- title: Hint box
|
- title: 提示容器
|
||||||
icon: box-archive
|
icon: box-archive
|
||||||
details: Decorate Markdown content with styles
|
details: 用样式装饰 Markdown 内容
|
||||||
link: https://theme-hope.vuejs.press/guide/markdown/stylize/hint.html
|
link: https://theme-hope.vuejs.press/zh/guide/markdown/stylize/hint.html
|
||||||
|
|
||||||
- title: GFM alerts
|
- title: GFM 警告
|
||||||
icon: bell
|
icon: bell
|
||||||
details: GFM alert box
|
details: GFM 风格的警告容器
|
||||||
link: https://theme-hope.vuejs.press/guide/markdown/stylize/alert.html
|
link: https://theme-hope.vuejs.press/zh/guide/markdown/stylize/alert.html
|
||||||
|
|
||||||
- title: Tabs
|
- title: 选项卡
|
||||||
icon: table-columns
|
icon: table-columns
|
||||||
details: Group similar content with tabs and switch them together
|
details: 使用选项卡对相似内容进行分组
|
||||||
link: https://theme-hope.vuejs.press/guide/markdown/content/tabs.html
|
link: https://theme-hope.vuejs.press/zh/guide/markdown/content/tabs.html
|
||||||
|
|
||||||
- title: Code Tabs
|
- title: 代码组
|
||||||
icon: code
|
icon: code
|
||||||
details: Group similar codes with tabs
|
details: 使用选项卡对相似代码进行分组
|
||||||
link: https://theme-hope.vuejs.press/guide/markdown/code/code-tabs.html
|
link: https://theme-hope.vuejs.press/zh/guide/markdown/code/code-tabs.html
|
||||||
|
|
||||||
- title: Custom Align
|
- title: 自定义对齐
|
||||||
icon: align-center
|
icon: align-center
|
||||||
details: Let you decide to align paragraphs in the way you like
|
details: Markdown 中对内容进行自定义对齐
|
||||||
link: https://theme-hope.vuejs.press/guide/markdown/stylize/align.html
|
link: https://theme-hope.vuejs.press/zh/guide/markdown/stylize/align.html
|
||||||
|
|
||||||
- title: Attrs
|
- title: 自定义属性
|
||||||
icon: code
|
icon: code
|
||||||
details: Allow you to add attributes for Markdown content
|
details: 为 Markdown 元素添加属性
|
||||||
link: https://theme-hope.vuejs.press/guide/markdown/stylize/attrs.html
|
link: https://theme-hope.vuejs.press/zh/guide/markdown/stylize/attrs.html
|
||||||
|
|
||||||
- title: Superscript and subscript
|
- title: 上下角标
|
||||||
icon: superscript
|
icon: superscript
|
||||||
details: Inserting superscript and subscript
|
details: 轻松在 Markdown 中添加上下角标
|
||||||
link: https://theme-hope.vuejs.press/guide/markdown/stylize/sup-sub.html
|
link: https://theme-hope.vuejs.press/zh/guide/markdown/stylize/sup-sub.html
|
||||||
|
|
||||||
- title: Footnote
|
- title: 脚注
|
||||||
icon: quote-left
|
icon: quote-left
|
||||||
details: Your Markdown now support footnotes
|
details: 在内容中插入脚注
|
||||||
link: https://theme-hope.vuejs.press/guide/markdown/content/footnote.html
|
link: https://theme-hope.vuejs.press/zh/guide/markdown/content/footnote.html
|
||||||
|
|
||||||
- title: Mark
|
- title: 标记
|
||||||
icon: highlighter
|
icon: highlighter
|
||||||
details: Mark and highlight contents
|
details: 标记并高亮内容
|
||||||
link: https://theme-hope.vuejs.press/guide/markdown/stylize/mark.html
|
link: https://theme-hope.vuejs.press/zh/guide/markdown/stylize/mark.html
|
||||||
|
|
||||||
- title: Spoiler
|
- title: 剧透
|
||||||
icon: eraser
|
icon: eraser
|
||||||
details: Mark spoiler contents
|
details: 添加剧透标记支持
|
||||||
link: https://theme-hope.vuejs.press/guide/markdown/stylize/spoiler.html
|
link: https://theme-hope.vuejs.press/zh/guide/markdown/stylize/spoiler.html
|
||||||
|
|
||||||
- title: Tasklist
|
- title: 任务列表
|
||||||
icon: square-check
|
icon: square-check
|
||||||
details: Use tasklist in Markdown
|
details: 轻松插入任务列表
|
||||||
link: https://theme-hope.vuejs.press/guide/markdown/grammar/tasklist.html
|
link: https://theme-hope.vuejs.press/zh/guide/markdown/grammar/tasklist.html
|
||||||
|
|
||||||
- title: Image syntax
|
- title: 图片语法
|
||||||
icon: image
|
icon: image
|
||||||
details: improve syntax to specify size and color scheme
|
details: 使用改进的语法指定图片大小与颜色模式
|
||||||
link: https://theme-hope.vuejs.press/guide/markdown/grammar/image.html
|
link: https://theme-hope.vuejs.press/zh/guide/markdown/grammar/image.html
|
||||||
|
|
||||||
- title: Component Support
|
- title: 组件支持
|
||||||
icon: puzzle-piece
|
icon: puzzle-piece
|
||||||
details: Easily insert components in Markdown
|
details: 在 Markdown 中轻松插入组件
|
||||||
link: https://theme-hope.vuejs.press/guide/component/grammar.html
|
link: https://theme-hope.vuejs.press/zh/guide/component/grammar.html
|
||||||
|
|
||||||
- title: Components
|
- title: 组件
|
||||||
icon: puzzle-piece
|
icon: puzzle-piece
|
||||||
details: Common components out fo box
|
details: 开箱即用的常用组件
|
||||||
link: https://theme-hope.vuejs.press/guide/component/built-in.html
|
link: https://theme-hope.vuejs.press/zh/guide/component/built-in.html
|
||||||
|
|
||||||
- title: Chart Support
|
- title: Chart.js 支持
|
||||||
icon: chart-simple
|
icon: chart-simple
|
||||||
details: Display charts in Markdown
|
details: 在 Markdown 中展示 Chart.js 图表
|
||||||
link: https://theme-hope.vuejs.press/guide/markdown/chart/chartjs.html
|
link: https://theme-hope.vuejs.press/zh/guide/markdown/chart/chartjs.html
|
||||||
|
|
||||||
- title: Flowchart Support
|
- title: 流程图支持
|
||||||
icon: route
|
icon: route
|
||||||
details: Create your flowchart in Markdown
|
details: 在 Markdown 中直接写出流程图
|
||||||
link: https://theme-hope.vuejs.press/guide/markdown/chart/flowchart.html
|
link: https://theme-hope.vuejs.press/zh/guide/markdown/chart/flowchart.html
|
||||||
|
|
||||||
- title: Mermaid Support
|
- title: Mermaid 支持
|
||||||
icon: chart-pie
|
icon: chart-pie
|
||||||
details: Add mermaid diagram in Markdown
|
details: 在 Markdown 中添加 Mermaid 图例
|
||||||
link: https://theme-hope.vuejs.press/guide/markdown/chart/mermaid.html
|
link: https://theme-hope.vuejs.press/zh/guide/markdown/chart/mermaid.html
|
||||||
|
|
||||||
- title: Plantuml Support
|
- title: Plantuml 支持
|
||||||
icon: diagram-project
|
icon: diagram-project
|
||||||
details: Add plantuml in Markdown
|
details: 在 Markdown 中添加 Plant UML 图表
|
||||||
link: https://theme-hope.vuejs.press/guide/markdown/chart/plantuml.html
|
link: https://theme-hope.vuejs.press/zh/guide/markdown/chart/plantuml.html
|
||||||
|
|
||||||
- title: Tex Support
|
- title: Tex 支持
|
||||||
icon: square-root-variable
|
icon: square-root-variable
|
||||||
details: Markdown now have Tex Support so you can write your formula
|
details: Markdown 现在也可以支持 Tex 语法以显示公式
|
||||||
link: https://theme-hope.vuejs.press/guide/markdown/grammar/math.html
|
link: https://theme-hope.vuejs.press/zh/guide/markdown/grammar/math.html
|
||||||
|
|
||||||
- title: Include snippet Support
|
- title: 导入文件支持
|
||||||
icon: fa6-brands:markdown
|
icon: fa6-brands:markdown
|
||||||
details: split your docs with different parts and import them in Markdown
|
details: 将你的文档分段，并在 Markdown 中导入
|
||||||
link: https://theme-hope.vuejs.press/guide/markdown/content/include.html
|
link: https://theme-hope.vuejs.press/zh/guide/markdown/content/include.html
|
||||||
|
|
||||||
- title: Playground Support
|
- title: 交互演示支持
|
||||||
icon: code
|
icon: code
|
||||||
details: You can add playground in Markdown files
|
details: 你可以在 Markdown 中添加交互演示
|
||||||
link: https://theme-hope.vuejs.press/guide/markdown/code/playground.html
|
link: https://theme-hope.vuejs.press/zh/guide/markdown/code/playground.html
|
||||||
|
|
||||||
- title: Kotlin playground Support
|
- title: Kotlin 交互演示支持
|
||||||
icon: fa6-brands:kickstarter
|
icon: fa6-brands:kickstarter
|
||||||
details: Reactive kotlin playground
|
details: 响应式的 Kotlin 演示
|
||||||
link: https://theme-hope.vuejs.press/guide/markdown/code/kotlin-playground.html
|
link: https://theme-hope.vuejs.press/zh/guide/markdown/code/kotlin-playground.html
|
||||||
|
|
||||||
- title: Vue playground Support
|
- title: Vue 交互演示支持
|
||||||
icon: fa6-brands:vuejs
|
icon: fa6-brands:vuejs
|
||||||
details: Show living vue component in playground
|
details: 在交互演示中展示 Vue 组件
|
||||||
link: https://theme-hope.vuejs.press/guide/markdown/code/vue-playground.html
|
link: https://theme-hope.vuejs.press/zh/guide/markdown/code/vue-playground.html
|
||||||
|
|
||||||
- title: Sandpack playground Support
|
- title: Sandpack 交互演示支持
|
||||||
icon: code
|
icon: code
|
||||||
details: A live coding environment driven by Sandpack.
|
details: Sandpack 驱动的实时的编码环境
|
||||||
link: https://theme-hope.vuejs.press/guide/markdown/code/sandpack.html
|
link: https://theme-hope.vuejs.press/zh/guide/markdown/code/sandpack.html
|
||||||
|
|
||||||
- title: Code Demo Support
|
- title: 代码案例支持
|
||||||
icon: laptop-code
|
icon: laptop-code
|
||||||
details: You can insert code demo easily
|
details: 你可以很方便的插入代码案例
|
||||||
link: https://theme-hope.vuejs.press/guide/markdown/code/demo.html
|
link: https://theme-hope.vuejs.press/zh/guide/markdown/code/demo.html
|
||||||
|
|
||||||
- title: Presentation Support
|
- title: 幻灯片支持
|
||||||
icon: person-chalkboard
|
icon: person-chalkboard
|
||||||
details: Insert presentation in Markdown files via Reveal.js
|
details: 通过 Reveal.js 在 Markdown 中插入幻灯片
|
||||||
link: https://theme-hope.vuejs.press/guide/markdown/content/revealjs.html
|
link: https://theme-hope.vuejs.press/zh/guide/markdown/content/revealjs.html
|
||||||
|
|
||||||
- header: Customizable UI
|
- header: 可定制的页面
|
||||||
description: Customizable outlook with full a11y support.
|
description: 完整无障碍支持的可定制外观
|
||||||
image: /assets/image/ui.svg
|
image: /assets/image/ui.svg
|
||||||
bgImage: https://theme-hope-assets.vuejs.press/bg/9-light.svg
|
bgImage: https://theme-hope-assets.vuejs.press/bg/9-light.svg
|
||||||
bgImageDark: https://theme-hope-assets.vuejs.press/bg/9-dark.svg
|
bgImageDark: https://theme-hope-assets.vuejs.press/bg/9-dark.svg
|
||||||
highlights:
|
highlights:
|
||||||
- title: Dark Mode
|
- title: 深色模式
|
||||||
icon: circle-half-stroke
|
icon: circle-half-stroke
|
||||||
details: Switch between light and dark modes freely
|
details: 可以自由切换浅色模式与深色模式
|
||||||
link: https://theme-hope.vuejs.press/guide/interface/darkmode.html
|
link: https://theme-hope.vuejs.press/zh/guide/interface/darkmode.html
|
||||||
|
|
||||||
- title: Customizable Theme Color
|
- title: 主题色切换
|
||||||
icon: palette
|
icon: palette
|
||||||
details: Set theme color with the brand color and even a picker
|
details: 支持自定义主题色并允许用户在预设的主题颜色之间切换
|
||||||
link: https://theme-hope.vuejs.press/guide/interface/theme-color.html
|
link: https://theme-hope.vuejs.press/zh/guide/interface/theme-color.html
|
||||||
|
|
||||||
- title: More
|
- title: 更多
|
||||||
icon: ellipsis
|
icon: ellipsis
|
||||||
details: RTL layout, print support, fullscreen button, etc.
|
details: RTL 布局，打印支持，全局按钮等
|
||||||
link: https://theme-hope.vuejs.press/guide/interface/others.html
|
link: https://theme-hope.vuejs.press/zh/guide/interface/others.html
|
||||||
|
|
||||||
- header: Improved layouts
|
- header: 布局
|
||||||
description: An awesome responsive layout
|
description: 一个完美的响应式布局。
|
||||||
image: /assets/image/layout.svg
|
image: /assets/image/layout.svg
|
||||||
bgImage: https://theme-hope-assets.vuejs.press/bg/5-light.svg
|
bgImage: https://theme-hope-assets.vuejs.press/bg/5-light.svg
|
||||||
bgImageDark: https://theme-hope-assets.vuejs.press/bg/5-dark.svg
|
bgImageDark: https://theme-hope-assets.vuejs.press/bg/5-dark.svg
|
||||||
highlights:
|
highlights:
|
||||||
- title: Navbar
|
- title: 导航栏
|
||||||
icon: window-maximize
|
icon: window-maximize
|
||||||
details: Fully customizable navbar with improved mobile support
|
details: 完全可定制的导航栏以及改进的移动端外观
|
||||||
link: https://theme-hope.vuejs.press/guide/layout/navbar.html
|
link: https://theme-hope.vuejs.press/zh/guide/layout/navbar.html
|
||||||
|
|
||||||
- title: Sidebar
|
- title: 侧边栏
|
||||||
icon: fas fa-window-maximize fa-rotate-270
|
icon: fas fa-window-maximize fa-rotate-270
|
||||||
details: Generate sidebar based on page headings and file structure
|
details: 从文档标题或文件结构中自动生成侧边栏
|
||||||
link: https://theme-hope.vuejs.press/guide/layout/sidebar.html
|
link: https://theme-hope.vuejs.press/zh/guide/layout/sidebar.html
|
||||||
|
|
||||||
- title: Slide Page
|
- title: 幻灯片页面
|
||||||
icon: person-chalkboard
|
icon: person-chalkboard
|
||||||
details: Adding slide pages to display things you like
|
details: 添加幻灯片页面以显示你喜欢的内容
|
||||||
link: https://theme-hope.vuejs.press/guide/layout/slides.html
|
link: https://theme-hope.vuejs.press/zh/guide/layout/slides.html
|
||||||
|
|
||||||
- title: Other Layout Improvement
|
- title: 布局增强
|
||||||
icon: object-group
|
icon: object-group
|
||||||
details: Improved page nav and new breadcrumb, footer and toc. We also bring you a brand new homepage.
|
details: 添加路径导航、页脚、改进的导航栏、改进的页面导航等。
|
||||||
link: https://theme-hope.vuejs.press/guide/layout/
|
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
|
image: /assets/image/features.svg
|
||||||
bgImage: https://theme-hope-assets.vuejs.press/bg/1-light.svg
|
bgImage: https://theme-hope-assets.vuejs.press/bg/1-light.svg
|
||||||
bgImageDark: https://theme-hope-assets.vuejs.press/bg/1-dark.svg
|
bgImageDark: https://theme-hope-assets.vuejs.press/bg/1-dark.svg
|
||||||
features:
|
features:
|
||||||
- title: Catalog Page
|
- title: 目录页面
|
||||||
icon: network-wired
|
icon: network-wired
|
||||||
details: Auto generating catalog page and out of box catalog component
|
details: 自动生成目录页以及开箱即用的目录组件
|
||||||
link: https://theme-hope.vuejs.press/guide/feature/catalog.html
|
link: https://theme-hope.vuejs.press/zh/guide/feature/catalog.html
|
||||||
|
|
||||||
- title: Pageviews and Comments
|
- title: 浏览量与评论
|
||||||
icon: comment-dots
|
icon: comment-dots
|
||||||
details: Pageview statistics and comment support with 4 comment service
|
details: 配合 4 个评论服务开启阅读量统计与评论支持
|
||||||
link: https://theme-hope.vuejs.press/guide/feature/comment.html
|
link: https://theme-hope.vuejs.press/zh/guide/feature/comment.html
|
||||||
|
|
||||||
- title: Article Information
|
- title: 文章信息
|
||||||
icon: circle-info
|
icon: circle-info
|
||||||
details: Add author, writing date, reading time, word count and other information to your article
|
details: 为你的文章添加作者、写作日期、预计阅读时间、字数统计等信息
|
||||||
link: https://theme-hope.vuejs.press/guide/feature/page-info.html
|
link: https://theme-hope.vuejs.press/zh/guide/feature/page-info.html
|
||||||
|
|
||||||
- title: Article Encryption
|
- title: 文章加密
|
||||||
icon: lock
|
icon: lock
|
||||||
details: Encrypt you articles based on page links, so that only the one you want could see them
|
details: 你可以为你的特定页面或特定目录进行加密，以便陌生人不能随意访问它们
|
||||||
link: https://theme-hope.vuejs.press/guide/feature/encrypt.html
|
link: https://theme-hope.vuejs.press/zh/guide/feature/encrypt.html
|
||||||
|
|
||||||
- title: Search
|
- title: 搜索支持
|
||||||
icon: search
|
icon: search
|
||||||
details: Support docsearch and client search
|
details: 支持 docsearch 和基于客户端的搜索
|
||||||
link: https://theme-hope.vuejs.press/guide/feature/search.html
|
link: https://theme-hope.vuejs.press/zh/guide/feature/search.html
|
||||||
|
|
||||||
- title: Code Block
|
- title: 代码块
|
||||||
icon: code
|
icon: code
|
||||||
details: Customize code block themes, line number, highlight lines, copy button, etc.
|
details: 自定义代码块主题、行号、行高亮、复制按钮等
|
||||||
link: https://theme-hope.vuejs.press/guide/markdown/code/fence.html.html
|
link: https://theme-hope.vuejs.press/zh/guide/markdown/code/fence.html.html
|
||||||
|
|
||||||
- title: Image Preview
|
- title: 图片预览
|
||||||
icon: image
|
icon: image
|
||||||
details: Support viewing, zooming, sharing your page images like a gallery
|
details: 像相册一样允许你浏览、缩放并分享你的页面图片
|
||||||
link: https://theme-hope.vuejs.press/guide/feature/photo-swipe.html
|
link: https://theme-hope.vuejs.press/zh/guide/feature/photo-swipe.html
|
||||||
|
|
||||||
- header: Blogging
|
- header: 博客
|
||||||
description: Create personal blog with theme
|
description: 通过主题创建个人博客
|
||||||
image: /assets/image/blog.svg
|
image: /assets/image/blog.svg
|
||||||
bgImage: https://theme-hope-assets.vuejs.press/bg/5-light.svg
|
bgImage: https://theme-hope-assets.vuejs.press/bg/5-light.svg
|
||||||
bgImageDark: https://theme-hope-assets.vuejs.press/bg/5-dark.svg
|
bgImageDark: https://theme-hope-assets.vuejs.press/bg/5-dark.svg
|
||||||
highlights:
|
highlights:
|
||||||
- title: Blog features
|
- title: 博客功能
|
||||||
icon: blog
|
icon: blog
|
||||||
details: Listing your articles with their dates, tags and categories
|
details: 通过文章的日期、标签和分类展示文章
|
||||||
link: https://theme-hope.vuejs.press/guide/blog/intro.html
|
link: https://theme-hope.vuejs.press/zh/guide/blog/intro.html
|
||||||
|
|
||||||
- title: Blog homepage
|
- title: 博客主页
|
||||||
icon: blog
|
icon: house
|
||||||
details: New blog homepage
|
details: 全新博客主页
|
||||||
link: https://theme-hope.vuejs.press/guide/blog/home.html
|
link: https://theme-hope.vuejs.press/zh/guide/blog/home.html
|
||||||
|
|
||||||
- title: Blogger info
|
- title: 博主信息
|
||||||
icon: circle-info
|
icon: circle-info
|
||||||
details: Customize avatar, name, slogan, introduction and social links
|
details: 自定义名称、头像、座右铭和社交媒体链接
|
||||||
link: https://theme-hope.vuejs.press/guide/blog/blogger.html
|
link: https://theme-hope.vuejs.press/zh/guide/blog/blogger.html
|
||||||
|
|
||||||
- title: Timeline
|
- title: 时间线
|
||||||
icon: clock
|
icon: clock
|
||||||
details: Read through blog posts in a timeline
|
details: 在时间线中浏览和通读博文
|
||||||
link: https://theme-hope.vuejs.press/guide/blog/timeline.html
|
link: https://theme-hope.vuejs.press/zh/guide/blog/timeline.html
|
||||||
|
|
||||||
- header: Advanced
|
- header: 高级
|
||||||
description: Advanced features to improve site SEO and user experience
|
description: 增强站点与用户体验的高级功能
|
||||||
image: /assets/image/advanced.svg
|
image: /assets/image/advanced.svg
|
||||||
bgImage: https://theme-hope-assets.vuejs.press/bg/4-light.svg
|
bgImage: https://theme-hope-assets.vuejs.press/bg/4-light.svg
|
||||||
bgImageDark: https://theme-hope-assets.vuejs.press/bg/4-dark.svg
|
bgImageDark: https://theme-hope-assets.vuejs.press/bg/4-dark.svg
|
||||||
highlights:
|
highlights:
|
||||||
- title: SEO Enhancement
|
- title: SEO 增强
|
||||||
icon: dumbbell
|
icon: dumbbell
|
||||||
details: Optimize pages for search engines
|
details: 将最终生成的网页针对搜索引擎进行优化。
|
||||||
link: https://theme-hope.vuejs.press/guide/advanced/seo.html
|
link: https://theme-hope.vuejs.press/zh/guide/advanced/seo.html
|
||||||
|
|
||||||
- title: Sitemap
|
- title: Sitemap
|
||||||
icon: sitemap
|
icon: sitemap
|
||||||
details: Generate a Sitemap for your site
|
details: 自动为你的网站生成 Sitemap
|
||||||
link: https://theme-hope.vuejs.press/guide/advanced/sitemap.html
|
link: https://theme-hope.vuejs.press/zh/guide/advanced/sitemap.html
|
||||||
|
|
||||||
- title: Feed
|
- title: Feed 支持
|
||||||
icon: rss
|
icon: rss
|
||||||
details: Generate feed to allow users to subscribe it
|
details: 生成你的 Feed，并通知你的用户订阅它
|
||||||
link: https://theme-hope.vuejs.press/guide/advanced/feed.html
|
link: https://theme-hope.vuejs.press/zh/guide/advanced/feed.html
|
||||||
|
|
||||||
- title: PWA
|
- title: PWA 支持
|
||||||
icon: mobile-screen
|
icon: mobile-screen
|
||||||
details: Make your site more like an APP
|
details: 让你的网站更像一个 APP
|
||||||
link: https://theme-hope.vuejs.press/guide/advanced/pwa.html
|
link: https://theme-hope.vuejs.press/zh/guide/advanced/pwa.html
|
||||||
|
|
||||||
copyright: false
|
copyright: false
|
||||||
footer: Theme by <a href="https://theme-hope.vuejs.press/" target="_blank">VuePress Theme Hope</a> | MIT Licensed, Copyright © 2019-present Mr.Hope
|
footer: 使用 <a href="https://theme-hope.vuejs.press/zh/" target="_blank">VuePress Theme Hope</a> 主题 | 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/)。
|
||||||
|
|||||||
@@ -1,9 +1,9 @@
|
|||||||
---
|
---
|
||||||
title: Features demo
|
title: 主要功能与配置演示
|
||||||
index: false
|
index: false
|
||||||
icon: laptop-code
|
icon: laptop-code
|
||||||
category:
|
category:
|
||||||
- Guide
|
- 使用指南
|
||||||
---
|
---
|
||||||
|
|
||||||
<Catalog />
|
<Catalog />
|
||||||
|
|||||||
@@ -1,11 +1,11 @@
|
|||||||
---
|
---
|
||||||
title: Disabling layout and features
|
title: 布局与功能禁用
|
||||||
icon: gears
|
icon: gears
|
||||||
order: 4
|
order: 4
|
||||||
category:
|
category:
|
||||||
- Guide
|
- 使用指南
|
||||||
tag:
|
tag:
|
||||||
- disable
|
- 禁用
|
||||||
|
|
||||||
navbar: false
|
navbar: false
|
||||||
sidebar: false
|
sidebar: false
|
||||||
@@ -23,20 +23,20 @@ footer: false
|
|||||||
backtotop: false
|
backtotop: false
|
||||||
---
|
---
|
||||||
|
|
||||||
You can disable some function and layout on the page by setting the Frontmatter of the page.
|
你可以通过设置页面的 Frontmatter，在页面禁用功能与布局。
|
||||||
|
|
||||||
<!-- more -->
|
<!-- 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
|
- 返回顶部按钮
|
||||||
|
|||||||
@@ -1,15 +1,15 @@
|
|||||||
---
|
---
|
||||||
icon: lock
|
icon: lock
|
||||||
category:
|
category:
|
||||||
- Guide
|
- 使用指南
|
||||||
tag:
|
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 文字。
|
||||||
|
|||||||
@@ -1,31 +1,31 @@
|
|||||||
---
|
---
|
||||||
title: Layout
|
title: 布局
|
||||||
icon: object-group
|
icon: object-group
|
||||||
order: 2
|
order: 2
|
||||||
category:
|
category:
|
||||||
- Guide
|
- 指南
|
||||||
tag:
|
tag:
|
||||||
- Layout
|
- 布局
|
||||||
---
|
---
|
||||||
|
|
||||||
The layout contains:
|
布局包括:
|
||||||
|
|
||||||
- [Navbar](https://theme-hope.vuejs.press/guide/layout/navbar.html)
|
- [导航栏](https://theme-hope.vuejs.press/zh/guide/layout/navbar.html)
|
||||||
- [Sidebar](https://theme-hope.vuejs.press/guide/layout/sidebar.html)
|
- [侧边栏](https://theme-hope.vuejs.press/zh/guide/layout/sidebar.html)
|
||||||
- [Footer](https://theme-hope.vuejs.press/guide/layout/footer.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)
|
- [路径导航](https://theme-hope.vuejs.press/zh/guide/layout/breadcrumb.html)
|
||||||
- [Title and information](https://theme-hope.vuejs.press/guide/feature/page-info.html)
|
- [标题和页面信息](https://theme-hope.vuejs.press/zh/guide/feature/page-info.html)
|
||||||
- [TOC (Table of Contents)](https://theme-hope.vuejs.press/guide/layout/page.html#header-list)
|
- [TOC (文章标题列表)](https://theme-hope.vuejs.press/zh/guide/layout/page.html#标题列表)
|
||||||
- [Meta information including update time and contributors](https://theme-hope.vuejs.press/guide/feature/meta.html)
|
- [贡献者、更新时间等页面元信息](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/feature/comment.html)
|
||||||
|
|
||||||
The theme also has the following elements:
|
主题也带有以下元素:
|
||||||
|
|
||||||
- [Dark mode button](https://theme-hope.vuejs.press/guide/interface/darkmode.html)
|
- [夜间模式按钮](https://theme-hope.vuejs.press/zh/guide/interface/darkmode.html)
|
||||||
- [Back to top button](https://theme-hope.vuejs.press/guide/interface/others.html#back-to-top-button)
|
- [返回顶部按钮](https://theme-hope.vuejs.press/guide/interface/others.html#返回顶部按钮)
|
||||||
- [Print button](https://theme-hope.vuejs.press/guide/interface/others.html#print-button)
|
- [打印按钮](https://theme-hope.vuejs.press/guide/interface/others.html#打印按钮)
|
||||||
|
|
||||||
You can customize them in theme options and page frontmatter.
|
你可以在主题选项和页面的 frontmatter 中自定义它们。
|
||||||
|
|||||||
@@ -1,50 +1,268 @@
|
|||||||
---
|
---
|
||||||
title: Markdown Enhance
|
title: Markdown 展示
|
||||||
icon: fa6-brands:markdown
|
icon: fa6-brands:markdown
|
||||||
order: 2
|
order: 2
|
||||||
category:
|
category:
|
||||||
- Guide
|
- 使用指南
|
||||||
tag:
|
tag:
|
||||||
- Markdown
|
- 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 -->
|
<!-- 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
|
::: 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
|
@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"/>
|
<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"/>
|
<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"/>
|
<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"/>
|
<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"/>
|
<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)
|
||||||
|
|||||||
@@ -1,70 +1,74 @@
|
|||||||
---
|
---
|
||||||
# This is the title of the article
|
# 这是文章的标题
|
||||||
title: Page Config
|
title: 页面配置
|
||||||
# This is the icon of the page
|
# 你可以自定义封面图片
|
||||||
|
cover: /assets/images/cover1.jpg
|
||||||
|
# 这是页面的图标
|
||||||
icon: file
|
icon: file
|
||||||
# This control sidebar order
|
# 这是侧边栏的顺序
|
||||||
order: 3
|
order: 3
|
||||||
# Set author
|
# 设置作者
|
||||||
author: Ms.Hope
|
author: Ms.Hope
|
||||||
# Set writing time
|
# 设置写作时间
|
||||||
date: 2020-01-01
|
date: 2020-01-01
|
||||||
# A page can have multiple categories
|
# 一个页面可以有多个分类
|
||||||
category:
|
category:
|
||||||
- Guide
|
- 使用指南
|
||||||
# A page can have multiple tags
|
# 一个页面可以有多个标签
|
||||||
tag:
|
tag:
|
||||||
- Page config
|
- 页面配置
|
||||||
- Guide
|
- 使用指南
|
||||||
# this page is sticky in article list
|
# 此页面会在文章列表置顶
|
||||||
sticky: true
|
sticky: true
|
||||||
# this page will appear in starred articles
|
# 此页面会出现在星标文章中
|
||||||
star: true
|
star: true
|
||||||
# You can customize footer content
|
# 你可以自定义页脚
|
||||||
footer: Footer content for test
|
footer: 这是测试显示的页脚
|
||||||
# You can customize copyright content
|
# 你可以自定义版权信息
|
||||||
copyright: No Copyright
|
copyright: 无版权
|
||||||
---
|
---
|
||||||
|
|
||||||
Content before `more` comment is regarded as page excerpt.
|
`more` 注释之前的内容被视为文章摘要。
|
||||||
|
|
||||||
<!-- more -->
|
<!-- more -->
|
||||||
|
|
||||||
## Page Title
|
## 页面标题
|
||||||
|
|
||||||
The first H1 title in Markdown will be regarded as 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
|
```md
|
||||||
---
|
---
|
||||||
title: Page Title
|
title: 页面标题
|
||||||
---
|
---
|
||||||
```
|
```
|
||||||
|
|
||||||
## Page Information
|
## 页面信息
|
||||||
|
|
||||||
You can set page information in Markdown's Frontmatter.
|
你可以在 Markdown 的 Frontmatter 中设置页面信息。
|
||||||
|
|
||||||
- The author is Ms.Hope.
|
- 作者设置为 Ms.Hope。
|
||||||
- The writing date is January 1, 2020
|
- 写作日期为 2020 年 1 月 1 日
|
||||||
- Category is "Guide"
|
- 分类为 “使用指南”
|
||||||
- Tags are "Page Config" and "Guide"
|
- 标签为 “页面配置” 和 “使用指南”
|
||||||
|
|
||||||
## 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**.
|
- 你可以将图片和 Markdown 文件放置在一起使用相对路径进行引用。
|
||||||
- For images in `.vuepress/public` directory, please use absolute links (i.e.: starting with `/`).
|
- 对于 `.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 }}
|
{{ 1 + 1 }}
|
||||||
|
|
||||||
@@ -76,7 +80,7 @@ Each markdown page is converted into a Vue component, which means you can use Vu
|
|||||||
|
|
||||||
<!-- markdownlint-enable MD033 -->
|
<!-- markdownlint-enable MD033 -->
|
||||||
|
|
||||||
You can also create and import your own components.
|
你也可以创建并引入你自己的组件。
|
||||||
|
|
||||||
<MyComponent />
|
<MyComponent />
|
||||||
|
|
||||||
@@ -92,13 +96,13 @@ const MyComponent = defineComponent({
|
|||||||
|
|
||||||
return () => [
|
return () => [
|
||||||
h('p', [
|
h('p', [
|
||||||
h('span','Input: '),
|
h('span','输入: '),
|
||||||
h('input', {
|
h('input', {
|
||||||
value: input.value,
|
value: input.value,
|
||||||
onInput,
|
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
|
```component VPCard
|
||||||
title: Mr.Hope
|
title: Mr.Hope
|
||||||
|
|||||||
@@ -1,9 +1,9 @@
|
|||||||
---
|
---
|
||||||
title: Guide
|
title: 指南
|
||||||
icon: lightbulb
|
icon: lightbulb
|
||||||
---
|
---
|
||||||
|
|
||||||
## Highlight Features
|
## 功能亮点
|
||||||
|
|
||||||
### Bar
|
### Bar
|
||||||
|
|
||||||
|
|||||||
@@ -1,13 +1,13 @@
|
|||||||
---
|
---
|
||||||
title: Bar feature
|
title: Bar 功能
|
||||||
icon: lightbulb
|
icon: lightbulb
|
||||||
---
|
---
|
||||||
|
|
||||||
## Introduction
|
## 介绍
|
||||||
|
|
||||||
We support bar feature, ...
|
我们支持 bar 功能，...
|
||||||
|
|
||||||
## Details
|
## 详情
|
||||||
|
|
||||||
- [baz](baz.md)
|
- [baz](baz.md)
|
||||||
- ...
|
- ...
|
||||||
|
|||||||
@@ -3,4 +3,4 @@ title: Baz
|
|||||||
icon: circle-info
|
icon: circle-info
|
||||||
---
|
---
|
||||||
|
|
||||||
Feature details here.
|
功能详情...
|
||||||
|
|||||||
@@ -1,13 +1,13 @@
|
|||||||
---
|
---
|
||||||
title: Foo feature
|
title: Foo 功能
|
||||||
icon: lightbulb
|
icon: lightbulb
|
||||||
---
|
---
|
||||||
|
|
||||||
## Introduction
|
## 介绍
|
||||||
|
|
||||||
We support foo feature, ...
|
我们支持 foo 功能，...
|
||||||
|
|
||||||
## Details
|
## 详情
|
||||||
|
|
||||||
- [ray](ray.md)
|
- [ray](ray.md)
|
||||||
- ...
|
- ...
|
||||||
|
|||||||
@@ -3,4 +3,4 @@ title: Ray
|
|||||||
icon: circle-info
|
icon: circle-info
|
||||||
---
|
---
|
||||||
|
|
||||||
Feature details here.
|
功能详情...
|
||||||
|
|||||||
@@ -1,23 +1,24 @@
|
|||||||
---
|
---
|
||||||
home: true
|
home: true
|
||||||
portfolio: true
|
portfolio: true
|
||||||
title: Portfolio Home
|
title: 档案主页
|
||||||
icon: house
|
icon: house
|
||||||
name: Conan Edogawa
|
welcome: 👋 你好，我是
|
||||||
|
name: 江户川柯南
|
||||||
avatar: https://theme-hope-assets.vuejs.press/hero/conan.png
|
avatar: https://theme-hope-assets.vuejs.press/hero/conan.png
|
||||||
|
|
||||||
titles:
|
titles:
|
||||||
- Genius young detective
|
- 天才少年侦探
|
||||||
- Lan’s childhood sweetheart
|
- 小兰的青梅竹马
|
||||||
- The biggest rival of the black organization
|
- 黑衣组织的最大对手
|
||||||
|
|
||||||
footer: false
|
footer: false
|
||||||
---
|
---
|
||||||
|
|
||||||
## Description
|
## 介绍
|
||||||
|
|
||||||
This is a portfolio home page demo.
|
这是一个档案主页的案例。
|
||||||
|
|
||||||
To use this layout, you should set `home: true` and `portfolio: true` in the page front matter.
|
要使用此布局，你应该在页面 Frontmatter 中设置 `home: true` 和 `portfolio: true`。
|
||||||
|
|
||||||
For related configuration docs, please see [portfolio homepage](https://theme-hope.vuejs.press/guide/blog/home.html#portfolio-style-homepage).
|
相关配置文档请见 [档案主页](https://theme-hope.vuejs.press/zh/guide/blog/home.html#档案类型主页)。
|
||||||
|
|||||||
326
src/zh/README.md
326
src/zh/README.md
@@ -1,326 +0,0 @@
|
|||||||
---
|
|
||||||
home: true
|
|
||||||
icon: house
|
|
||||||
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: 项目名称
|
|
||||||
tagline: 你可以在这里放置或是整个项目的描述。
|
|
||||||
actions:
|
|
||||||
- text: 使用指南
|
|
||||||
icon: lightbulb
|
|
||||||
link: ./demo/
|
|
||||||
type: primary
|
|
||||||
|
|
||||||
- text: 文档
|
|
||||||
link: ./guide/
|
|
||||||
|
|
||||||
highlights:
|
|
||||||
- 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: 运行 <code>pnpm create vuepress-theme-hope hope-project</code> 以创建一个新的主题项目。
|
|
||||||
- title: 在已有项目根目录下运行 <code>pnpm create vuepress-theme-hope add .</code> 以在项目中添加主题。
|
|
||||||
|
|
||||||
- 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
|
|
||||||
bgImageStyle:
|
|
||||||
background-repeat: repeat
|
|
||||||
background-size: initial
|
|
||||||
features:
|
|
||||||
- title: 链接检查
|
|
||||||
icon: clipboard-check
|
|
||||||
details: 检查 Markdown 链接
|
|
||||||
link: https://theme-hope.vuejs.press/zh/guide/markdown/others.html#link-check
|
|
||||||
|
|
||||||
- title: 提示容器
|
|
||||||
icon: box-archive
|
|
||||||
details: 用样式装饰 Markdown 内容
|
|
||||||
link: https://theme-hope.vuejs.press/zh/guide/markdown/stylize/hint.html
|
|
||||||
|
|
||||||
- title: GFM 警告
|
|
||||||
icon: bell
|
|
||||||
details: GFM 风格的警告容器
|
|
||||||
link: https://theme-hope.vuejs.press/zh/guide/markdown/stylize/alert.html
|
|
||||||
|
|
||||||
- title: 选项卡
|
|
||||||
icon: table-columns
|
|
||||||
details: 使用选项卡对相似内容进行分组
|
|
||||||
link: https://theme-hope.vuejs.press/zh/guide/markdown/content/tabs.html
|
|
||||||
|
|
||||||
- title: 代码组
|
|
||||||
icon: code
|
|
||||||
details: 使用选项卡对相似代码进行分组
|
|
||||||
link: https://theme-hope.vuejs.press/zh/guide/markdown/code/code-tabs.html
|
|
||||||
|
|
||||||
- title: 自定义对齐
|
|
||||||
icon: align-center
|
|
||||||
details: Markdown 中对内容进行自定义对齐
|
|
||||||
link: https://theme-hope.vuejs.press/zh/guide/markdown/stylize/align.html
|
|
||||||
|
|
||||||
- title: 自定义属性
|
|
||||||
icon: code
|
|
||||||
details: 为 Markdown 元素添加属性
|
|
||||||
link: https://theme-hope.vuejs.press/zh/guide/markdown/stylize/attrs.html
|
|
||||||
|
|
||||||
- title: 上下角标
|
|
||||||
icon: superscript
|
|
||||||
details: 轻松在 Markdown 中添加上下角标
|
|
||||||
link: https://theme-hope.vuejs.press/zh/guide/markdown/stylize/sup-sub.html
|
|
||||||
|
|
||||||
- title: 脚注
|
|
||||||
icon: quote-left
|
|
||||||
details: 在内容中插入脚注
|
|
||||||
link: https://theme-hope.vuejs.press/zh/guide/markdown/content/footnote.html
|
|
||||||
|
|
||||||
- title: 标记
|
|
||||||
icon: highlighter
|
|
||||||
details: 标记并高亮内容
|
|
||||||
link: https://theme-hope.vuejs.press/zh/guide/markdown/stylize/mark.html
|
|
||||||
|
|
||||||
- title: 剧透
|
|
||||||
icon: eraser
|
|
||||||
details: 添加剧透标记支持
|
|
||||||
link: https://theme-hope.vuejs.press/zh/guide/markdown/stylize/spoiler.html
|
|
||||||
|
|
||||||
- title: 任务列表
|
|
||||||
icon: square-check
|
|
||||||
details: 轻松插入任务列表
|
|
||||||
link: https://theme-hope.vuejs.press/zh/guide/markdown/grammar/tasklist.html
|
|
||||||
|
|
||||||
- title: 图片语法
|
|
||||||
icon: image
|
|
||||||
details: 使用改进的语法指定图片大小与颜色模式
|
|
||||||
link: https://theme-hope.vuejs.press/zh/guide/markdown/grammar/image.html
|
|
||||||
|
|
||||||
- title: 组件支持
|
|
||||||
icon: puzzle-piece
|
|
||||||
details: 在 Markdown 中轻松插入组件
|
|
||||||
link: https://theme-hope.vuejs.press/zh/guide/component/grammar.html
|
|
||||||
|
|
||||||
- title: 组件
|
|
||||||
icon: puzzle-piece
|
|
||||||
details: 开箱即用的常用组件
|
|
||||||
link: https://theme-hope.vuejs.press/zh/guide/component/built-in.html
|
|
||||||
|
|
||||||
- title: Chart.js 支持
|
|
||||||
icon: chart-simple
|
|
||||||
details: 在 Markdown 中展示 Chart.js 图表
|
|
||||||
link: https://theme-hope.vuejs.press/zh/guide/markdown/chart/chartjs.html
|
|
||||||
|
|
||||||
- title: 流程图支持
|
|
||||||
icon: route
|
|
||||||
details: 在 Markdown 中直接写出流程图
|
|
||||||
link: https://theme-hope.vuejs.press/zh/guide/markdown/chart/flowchart.html
|
|
||||||
|
|
||||||
- title: Mermaid 支持
|
|
||||||
icon: chart-pie
|
|
||||||
details: 在 Markdown 中添加 Mermaid 图例
|
|
||||||
link: https://theme-hope.vuejs.press/zh/guide/markdown/chart/mermaid.html
|
|
||||||
|
|
||||||
- title: Plantuml 支持
|
|
||||||
icon: diagram-project
|
|
||||||
details: 在 Markdown 中添加 Plant UML 图表
|
|
||||||
link: https://theme-hope.vuejs.press/zh/guide/markdown/chart/plantuml.html
|
|
||||||
|
|
||||||
- title: Tex 支持
|
|
||||||
icon: square-root-variable
|
|
||||||
details: Markdown 现在也可以支持 Tex 语法以显示公式
|
|
||||||
link: https://theme-hope.vuejs.press/zh/guide/markdown/grammar/math.html
|
|
||||||
|
|
||||||
- title: 导入文件支持
|
|
||||||
icon: fa6-brands:markdown
|
|
||||||
details: 将你的文档分段，并在 Markdown 中导入
|
|
||||||
link: https://theme-hope.vuejs.press/zh/guide/markdown/content/include.html
|
|
||||||
|
|
||||||
- title: 交互演示支持
|
|
||||||
icon: code
|
|
||||||
details: 你可以在 Markdown 中添加交互演示
|
|
||||||
link: https://theme-hope.vuejs.press/zh/guide/markdown/code/playground.html
|
|
||||||
|
|
||||||
- title: Kotlin 交互演示支持
|
|
||||||
icon: fa6-brands:kickstarter
|
|
||||||
details: 响应式的 Kotlin 演示
|
|
||||||
link: https://theme-hope.vuejs.press/zh/guide/markdown/code/kotlin-playground.html
|
|
||||||
|
|
||||||
- title: Vue 交互演示支持
|
|
||||||
icon: fa6-brands:vuejs
|
|
||||||
details: 在交互演示中展示 Vue 组件
|
|
||||||
link: https://theme-hope.vuejs.press/zh/guide/markdown/code/vue-playground.html
|
|
||||||
|
|
||||||
- title: Sandpack 交互演示支持
|
|
||||||
icon: code
|
|
||||||
details: Sandpack 驱动的实时的编码环境
|
|
||||||
link: https://theme-hope.vuejs.press/zh/guide/markdown/code/sandpack.html
|
|
||||||
|
|
||||||
- title: 代码案例支持
|
|
||||||
icon: laptop-code
|
|
||||||
details: 你可以很方便的插入代码案例
|
|
||||||
link: https://theme-hope.vuejs.press/zh/guide/markdown/code/demo.html
|
|
||||||
|
|
||||||
- title: 幻灯片支持
|
|
||||||
icon: person-chalkboard
|
|
||||||
details: 通过 Reveal.js 在 Markdown 中插入幻灯片
|
|
||||||
link: https://theme-hope.vuejs.press/zh/guide/markdown/content/revealjs.html
|
|
||||||
|
|
||||||
- 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: 深色模式
|
|
||||||
icon: circle-half-stroke
|
|
||||||
details: 可以自由切换浅色模式与深色模式
|
|
||||||
link: https://theme-hope.vuejs.press/zh/guide/interface/darkmode.html
|
|
||||||
|
|
||||||
- title: 主题色切换
|
|
||||||
icon: palette
|
|
||||||
details: 支持自定义主题色并允许用户在预设的主题颜色之间切换
|
|
||||||
link: https://theme-hope.vuejs.press/zh/guide/interface/theme-color.html
|
|
||||||
|
|
||||||
- title: 更多
|
|
||||||
icon: ellipsis
|
|
||||||
details: RTL 布局，打印支持，全局按钮等
|
|
||||||
link: https://theme-hope.vuejs.press/zh/guide/interface/others.html
|
|
||||||
|
|
||||||
- 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: 导航栏
|
|
||||||
icon: window-maximize
|
|
||||||
details: 完全可定制的导航栏以及改进的移动端外观
|
|
||||||
link: https://theme-hope.vuejs.press/zh/guide/layout/navbar.html
|
|
||||||
|
|
||||||
- title: 侧边栏
|
|
||||||
icon: fas fa-window-maximize fa-rotate-270
|
|
||||||
details: 从文档标题或文件结构中自动生成侧边栏
|
|
||||||
link: https://theme-hope.vuejs.press/zh/guide/layout/sidebar.html
|
|
||||||
|
|
||||||
- title: 幻灯片页面
|
|
||||||
icon: person-chalkboard
|
|
||||||
details: 添加幻灯片页面以显示你喜欢的内容
|
|
||||||
link: https://theme-hope.vuejs.press/zh/guide/layout/slides.html
|
|
||||||
|
|
||||||
- title: 布局增强
|
|
||||||
icon: object-group
|
|
||||||
details: 添加路径导航、页脚、改进的导航栏、改进的页面导航等。
|
|
||||||
link: https://theme-hope.vuejs.press/zh/guide/layout/
|
|
||||||
|
|
||||||
- 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: 目录页面
|
|
||||||
icon: network-wired
|
|
||||||
details: 自动生成目录页以及开箱即用的目录组件
|
|
||||||
link: https://theme-hope.vuejs.press/zh/guide/feature/catalog.html
|
|
||||||
|
|
||||||
- title: 浏览量与评论
|
|
||||||
icon: comment-dots
|
|
||||||
details: 配合 4 个评论服务开启阅读量统计与评论支持
|
|
||||||
link: https://theme-hope.vuejs.press/zh/guide/feature/comment.html
|
|
||||||
|
|
||||||
- title: 文章信息
|
|
||||||
icon: circle-info
|
|
||||||
details: 为你的文章添加作者、写作日期、预计阅读时间、字数统计等信息
|
|
||||||
link: https://theme-hope.vuejs.press/zh/guide/feature/page-info.html
|
|
||||||
|
|
||||||
- title: 文章加密
|
|
||||||
icon: lock
|
|
||||||
details: 你可以为你的特定页面或特定目录进行加密，以便陌生人不能随意访问它们
|
|
||||||
link: https://theme-hope.vuejs.press/zh/guide/feature/encrypt.html
|
|
||||||
|
|
||||||
- title: 搜索支持
|
|
||||||
icon: search
|
|
||||||
details: 支持 docsearch 和基于客户端的搜索
|
|
||||||
link: https://theme-hope.vuejs.press/zh/guide/feature/search.html
|
|
||||||
|
|
||||||
- title: 代码块
|
|
||||||
icon: code
|
|
||||||
details: 自定义代码块主题、行号、行高亮、复制按钮等
|
|
||||||
link: https://theme-hope.vuejs.press/zh/guide/markdown/code/fence.html.html
|
|
||||||
|
|
||||||
- title: 图片预览
|
|
||||||
icon: image
|
|
||||||
details: 像相册一样允许你浏览、缩放并分享你的页面图片
|
|
||||||
link: https://theme-hope.vuejs.press/zh/guide/feature/photo-swipe.html
|
|
||||||
|
|
||||||
- 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: 博客功能
|
|
||||||
icon: blog
|
|
||||||
details: 通过文章的日期、标签和分类展示文章
|
|
||||||
link: https://theme-hope.vuejs.press/zh/guide/blog/intro.html
|
|
||||||
|
|
||||||
- title: 博客主页
|
|
||||||
icon: house
|
|
||||||
details: 全新博客主页
|
|
||||||
link: https://theme-hope.vuejs.press/zh/guide/blog/home.html
|
|
||||||
|
|
||||||
- title: 博主信息
|
|
||||||
icon: circle-info
|
|
||||||
details: 自定义名称、头像、座右铭和社交媒体链接
|
|
||||||
link: https://theme-hope.vuejs.press/zh/guide/blog/blogger.html
|
|
||||||
|
|
||||||
- title: 时间线
|
|
||||||
icon: clock
|
|
||||||
details: 在时间线中浏览和通读博文
|
|
||||||
link: https://theme-hope.vuejs.press/zh/guide/blog/timeline.html
|
|
||||||
|
|
||||||
- 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 增强
|
|
||||||
icon: dumbbell
|
|
||||||
details: 将最终生成的网页针对搜索引擎进行优化。
|
|
||||||
link: https://theme-hope.vuejs.press/zh/guide/advanced/seo.html
|
|
||||||
|
|
||||||
- title: Sitemap
|
|
||||||
icon: sitemap
|
|
||||||
details: 自动为你的网站生成 Sitemap
|
|
||||||
link: https://theme-hope.vuejs.press/zh/guide/advanced/sitemap.html
|
|
||||||
|
|
||||||
- title: Feed 支持
|
|
||||||
icon: rss
|
|
||||||
details: 生成你的 Feed，并通知你的用户订阅它
|
|
||||||
link: https://theme-hope.vuejs.press/zh/guide/advanced/feed.html
|
|
||||||
|
|
||||||
- title: PWA 支持
|
|
||||||
icon: mobile-screen
|
|
||||||
details: 让你的网站更像一个 APP
|
|
||||||
link: https://theme-hope.vuejs.press/zh/guide/advanced/pwa.html
|
|
||||||
|
|
||||||
copyright: false
|
|
||||||
footer: 使用 <a href="https://theme-hope.vuejs.press/zh/" target="_blank">VuePress Theme Hope</a> 主题 | MIT 协议, 版权所有 © 2019-至今 Mr.Hope
|
|
||||||
---
|
|
||||||
|
|
||||||
这是项目主页的案例。你可以在这里放置你的主体内容。
|
|
||||||
|
|
||||||
想要使用此布局，你需要在页面 front matter 中设置 `home: true`。
|
|
||||||
|
|
||||||
配置项的相关说明详见 [项目主页配置](https://theme-hope.vuejs.press/zh/guide/layout/home/)。
|
|
||||||
@@ -1,9 +0,0 @@
|
|||||||
---
|
|
||||||
title: 主要功能与配置演示
|
|
||||||
index: false
|
|
||||||
icon: laptop-code
|
|
||||||
category:
|
|
||||||
- 使用指南
|
|
||||||
---
|
|
||||||
|
|
||||||
<Catalog />
|
|
||||||
@@ -1,42 +0,0 @@
|
|||||||
---
|
|
||||||
title: 布局与功能禁用
|
|
||||||
icon: gears
|
|
||||||
order: 4
|
|
||||||
category:
|
|
||||||
- 使用指南
|
|
||||||
tag:
|
|
||||||
- 禁用
|
|
||||||
|
|
||||||
navbar: false
|
|
||||||
sidebar: false
|
|
||||||
|
|
||||||
breadcrumb: false
|
|
||||||
pageInfo: false
|
|
||||||
contributors: false
|
|
||||||
editLink: false
|
|
||||||
lastUpdated: false
|
|
||||||
prev: false
|
|
||||||
next: false
|
|
||||||
comment: false
|
|
||||||
footer: false
|
|
||||||
|
|
||||||
backtotop: false
|
|
||||||
---
|
|
||||||
|
|
||||||
你可以通过设置页面的 Frontmatter，在页面禁用功能与布局。
|
|
||||||
|
|
||||||
<!-- more -->
|
|
||||||
|
|
||||||
本页面就是一个示例，禁用了如下功能:
|
|
||||||
|
|
||||||
- 导航栏
|
|
||||||
- 侧边栏
|
|
||||||
- 路径导航
|
|
||||||
- 页面信息
|
|
||||||
- 贡献者
|
|
||||||
- 编辑此页链接
|
|
||||||
- 更新时间
|
|
||||||
- 上一篇/下一篇 链接
|
|
||||||
- 评论
|
|
||||||
- 页脚
|
|
||||||
- 返回顶部按钮
|
|
||||||
@@ -1,15 +0,0 @@
|
|||||||
---
|
|
||||||
icon: lock
|
|
||||||
category:
|
|
||||||
- 使用指南
|
|
||||||
tag:
|
|
||||||
- 加密
|
|
||||||
---
|
|
||||||
|
|
||||||
# 密码加密的文章
|
|
||||||
|
|
||||||
实际的文章内容。
|
|
||||||
|
|
||||||
段落 1 文字段落 1 文字段落 1 文字段落 1 文字段落 1 文字段落 1 文字段落 1 文字段落 1 文字段落 1 文字段落 1 文字段落 1 文字段落 1 文字。
|
|
||||||
|
|
||||||
段落 2 文字段落 2 文字段落 2 文字段落 2 文字段落 2 文字段落 2 文字段落 2 文字段落 2 文字段落 2 文字段落 2 文字段落 2 文字段落 2 文字段落 2 文字段落 2 文字。
|
|
||||||
@@ -1,31 +0,0 @@
|
|||||||
---
|
|
||||||
title: 布局
|
|
||||||
icon: object-group
|
|
||||||
order: 2
|
|
||||||
category:
|
|
||||||
- 指南
|
|
||||||
tag:
|
|
||||||
- 布局
|
|
||||||
---
|
|
||||||
|
|
||||||
布局包括:
|
|
||||||
|
|
||||||
- [导航栏](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)
|
|
||||||
|
|
||||||
同时每个页面包含:
|
|
||||||
|
|
||||||
- [路径导航](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)
|
|
||||||
|
|
||||||
主题也带有以下元素:
|
|
||||||
|
|
||||||
- [夜间模式按钮](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#打印按钮)
|
|
||||||
|
|
||||||
你可以在主题选项和页面的 frontmatter 中自定义它们。
|
|
||||||
@@ -1,323 +0,0 @@
|
|||||||
---
|
|
||||||
title: Markdown 展示
|
|
||||||
icon: fa6-brands:markdown
|
|
||||||
order: 2
|
|
||||||
category:
|
|
||||||
- 使用指南
|
|
||||||
tag:
|
|
||||||
- Markdown
|
|
||||||
---
|
|
||||||
|
|
||||||
VuePress 主要从 Markdown 文件生成页面。因此，你可以使用它轻松生成文档或博客站点。
|
|
||||||
|
|
||||||
你需要创建并编写 Markdown，以便 VuePress 可以根据文件结构将它们转换为不同的页面。
|
|
||||||
|
|
||||||
<!-- more -->
|
|
||||||
|
|
||||||
## Markdown 介绍
|
|
||||||
|
|
||||||
如果你是一个新手，还不会编写 Markdown，请先阅读 [Markdown 介绍](https://theme-hope.vuejs.press/zh/cookbook/markdown/) 和 [Markdown 演示](https://theme-hope.vuejs.press/zh/cookbook/markdown/demo.html)。
|
|
||||||
|
|
||||||
## Markdown 配置
|
|
||||||
|
|
||||||
VuePress 通过 Frontmatter 为每个 Markdown 页面引入配置。
|
|
||||||
|
|
||||||
::: important Frontmatter
|
|
||||||
|
|
||||||
Frontmatter 是 VuePress 中很重要的一个概念，请阅读 [Frontmatter 介绍](https://theme-hope.vuejs.press/zh/cookbook/vuepress/page.html#front-matter) 了解详情。
|
|
||||||
|
|
||||||
:::
|
|
||||||
|
|
||||||
## Markdown 扩展
|
|
||||||
|
|
||||||
VuePress 会使用 [markdown-it](https://github.com/markdown-it/markdown-it) 来解析 Markdown 内容，因此可以借助于 markdown-it 插件来实现 [语法扩展](https://github.com/markdown-it/markdown-it#syntax-extensions) 。
|
|
||||||
|
|
||||||
### VuePress 扩展
|
|
||||||
|
|
||||||
为了丰富文档写作，VuePress 对 Markdown 语法进行了扩展。
|
|
||||||
|
|
||||||
关于这些扩展，请阅读 [VuePress 中的 Markdown 扩展](https://theme-hope.vuejs.press/zh/cookbook/vuepress/markdown.html)。
|
|
||||||
|
|
||||||
### 主题扩展
|
|
||||||
|
|
||||||
通过 VuePress 插件，主题扩展了更多 Markdown 语法，提供更加丰富的写作功能。
|
|
||||||
|
|
||||||
#### 选项卡
|
|
||||||
|
|
||||||
::: 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
|
|
||||||
|
|
||||||
```bash
|
|
||||||
pnpm add -D vuepress-theme-hope
|
|
||||||
```
|
|
||||||
|
|
||||||
@tab yarn
|
|
||||||
|
|
||||||
```bash
|
|
||||||
yarn add -D vuepress-theme-hope
|
|
||||||
```
|
|
||||||
|
|
||||||
@tab:active npm
|
|
||||||
|
|
||||||
```bash
|
|
||||||
npm i -D vuepress-theme-hope
|
|
||||||
```
|
|
||||||
|
|
||||||
:::
|
|
||||||
|
|
||||||
- [查看详情](https://theme-hope.vuejs.press/zh/guide/markdown/code/code-tabs.html)
|
|
||||||
|
|
||||||
#### 代码演示
|
|
||||||
|
|
||||||
<iframe src="https://plugin-md-enhance-demo.vuejs.press/snippet/code-demo.html" width="100%" height="450"/>
|
|
||||||
|
|
||||||
- [查看详情](https://theme-hope.vuejs.press/zh/guide/markdown/code/demo.html)
|
|
||||||
|
|
||||||
#### 交互演示
|
|
||||||
|
|
||||||
<iframe src="https://plugin-md-enhance-demo.vuejs.press/snippet/playground.html" width="100%" height="480"/>
|
|
||||||
|
|
||||||
- [查看详情](https://theme-hope.vuejs.press/zh/guide/markdown/code/playground.html)
|
|
||||||
|
|
||||||
#### Kotlin 交互演示
|
|
||||||
|
|
||||||
<iframe src="https://plugin-md-enhance-demo.vuejs.press/snippet/kotlin-playground.html" width="100%" height="220"/>
|
|
||||||
|
|
||||||
- [查看详情](https://theme-hope.vuejs.press/zh/guide/markdown/code/kotlin-playground.html)
|
|
||||||
|
|
||||||
#### Sandpack 交互演示
|
|
||||||
|
|
||||||
<iframe src="https://plugin-md-enhance-demo.vuejs.press/snippet/sandpack.html" width="100%" height="380"/>
|
|
||||||
|
|
||||||
- [查看详情](https://theme-hope.vuejs.press/zh/guide/markdown/code/sandpack.html)
|
|
||||||
|
|
||||||
#### Vue 交互演示
|
|
||||||
|
|
||||||
<iframe src="https://plugin-md-enhance-demo.vuejs.press/snippet/vue-playground.html" width="100%" height="380"/>
|
|
||||||
|
|
||||||
- [查看详情](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)
|
|
||||||
@@ -1,125 +0,0 @@
|
|||||||
---
|
|
||||||
# 这是文章的标题
|
|
||||||
title: 页面配置
|
|
||||||
# 你可以自定义封面图片
|
|
||||||
cover: /assets/images/cover1.jpg
|
|
||||||
# 这是页面的图标
|
|
||||||
icon: file
|
|
||||||
# 这是侧边栏的顺序
|
|
||||||
order: 3
|
|
||||||
# 设置作者
|
|
||||||
author: Ms.Hope
|
|
||||||
# 设置写作时间
|
|
||||||
date: 2020-01-01
|
|
||||||
# 一个页面可以有多个分类
|
|
||||||
category:
|
|
||||||
- 使用指南
|
|
||||||
# 一个页面可以有多个标签
|
|
||||||
tag:
|
|
||||||
- 页面配置
|
|
||||||
- 使用指南
|
|
||||||
# 此页面会在文章列表置顶
|
|
||||||
sticky: true
|
|
||||||
# 此页面会出现在星标文章中
|
|
||||||
star: true
|
|
||||||
# 你可以自定义页脚
|
|
||||||
footer: 这是测试显示的页脚
|
|
||||||
# 你可以自定义版权信息
|
|
||||||
copyright: 无版权
|
|
||||||
---
|
|
||||||
|
|
||||||
`more` 注释之前的内容被视为文章摘要。
|
|
||||||
|
|
||||||
<!-- more -->
|
|
||||||
|
|
||||||
## 页面标题
|
|
||||||
|
|
||||||
The first H1 title in Markdown will be regarded as page title.
|
|
||||||
|
|
||||||
Markdown 中的第一个 H1 标题会被视为页面标题。
|
|
||||||
|
|
||||||
你可以在 Markdown 的 Frontmatter 中设置页面标题。
|
|
||||||
|
|
||||||
```md
|
|
||||||
---
|
|
||||||
title: 页面标题
|
|
||||||
---
|
|
||||||
```
|
|
||||||
|
|
||||||
## 页面信息
|
|
||||||
|
|
||||||
你可以在 Markdown 的 Frontmatter 中设置页面信息。
|
|
||||||
|
|
||||||
- 作者设置为 Ms.Hope。
|
|
||||||
- 写作日期为 2020 年 1 月 1 日
|
|
||||||
- 分类为 “使用指南”
|
|
||||||
- 标签为 “页面配置” 和 “使用指南”
|
|
||||||
|
|
||||||
## 页面内容
|
|
||||||
|
|
||||||
你可以自由在这里书写你的 Markdown。
|
|
||||||
|
|
||||||
::: tip 图片引入
|
|
||||||
|
|
||||||
- 你可以将图片和 Markdown 文件放置在一起使用相对路径进行引用。
|
|
||||||
- 对于 `.vuepress/public` 文件夹的图片，请使用绝对链接 `/` 进行引用。
|
|
||||||
|
|
||||||
:::
|
|
||||||
|
|
||||||
## 组件
|
|
||||||
|
|
||||||
每个 Markdown 页面都会被转换为一个 Vue 组件，这意味着你可以在 Markdown 中使用 Vue 语法：
|
|
||||||
|
|
||||||
{{ 1 + 1 }}
|
|
||||||
|
|
||||||
<!-- markdownlint-disable MD033 -->
|
|
||||||
|
|
||||||
<ul>
|
|
||||||
<li v-for="i in 3">{{ i }}</li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
<!-- markdownlint-enable MD033 -->
|
|
||||||
|
|
||||||
你也可以创建并引入你自己的组件。
|
|
||||||
|
|
||||||
<MyComponent />
|
|
||||||
|
|
||||||
<script setup>
|
|
||||||
import { defineComponent, h, ref } from 'vue';
|
|
||||||
|
|
||||||
const MyComponent = defineComponent({
|
|
||||||
setup() {
|
|
||||||
const input = ref('Hello world!');
|
|
||||||
const onInput = (e) => {
|
|
||||||
input.value = e.target.value;
|
|
||||||
};
|
|
||||||
|
|
||||||
return () => [
|
|
||||||
h('p', [
|
|
||||||
h('span','输入: '),
|
|
||||||
h('input', {
|
|
||||||
value: input.value,
|
|
||||||
onInput,
|
|
||||||
}),
|
|
||||||
]),
|
|
||||||
h('p', [h('span','输出: '), input.value]),
|
|
||||||
];
|
|
||||||
},
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
主题包含一些有用的组件。这里是一些例子:
|
|
||||||
|
|
||||||
- 文字结尾应该有深蓝色的 徽章文字 徽章。 <Badge text="徽章文字" color="#242378" />
|
|
||||||
|
|
||||||
- 一个卡片:
|
|
||||||
|
|
||||||
```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)
|
|
||||||
```
|
|
||||||
@@ -1,16 +0,0 @@
|
|||||||
---
|
|
||||||
title: 指南
|
|
||||||
icon: lightbulb
|
|
||||||
---
|
|
||||||
|
|
||||||
## 功能亮点
|
|
||||||
|
|
||||||
### Bar
|
|
||||||
|
|
||||||
- [baz](bar/baz.md)
|
|
||||||
- ...
|
|
||||||
|
|
||||||
### Foo
|
|
||||||
|
|
||||||
- [ray](foo/ray.md)
|
|
||||||
- ...
|
|
||||||
@@ -1,13 +0,0 @@
|
|||||||
---
|
|
||||||
title: Bar 功能
|
|
||||||
icon: lightbulb
|
|
||||||
---
|
|
||||||
|
|
||||||
## 介绍
|
|
||||||
|
|
||||||
我们支持 bar 功能，...
|
|
||||||
|
|
||||||
## 详情
|
|
||||||
|
|
||||||
- [baz](baz.md)
|
|
||||||
- ...
|
|
||||||
@@ -1,6 +0,0 @@
|
|||||||
---
|
|
||||||
title: Baz
|
|
||||||
icon: circle-info
|
|
||||||
---
|
|
||||||
|
|
||||||
功能详情...
|
|
||||||
@@ -1,13 +0,0 @@
|
|||||||
---
|
|
||||||
title: Foo 功能
|
|
||||||
icon: lightbulb
|
|
||||||
---
|
|
||||||
|
|
||||||
## 介绍
|
|
||||||
|
|
||||||
我们支持 foo 功能，...
|
|
||||||
|
|
||||||
## 详情
|
|
||||||
|
|
||||||
- [ray](ray.md)
|
|
||||||
- ...
|
|
||||||
@@ -1,6 +0,0 @@
|
|||||||
---
|
|
||||||
title: Ray
|
|
||||||
icon: circle-info
|
|
||||||
---
|
|
||||||
|
|
||||||
功能详情...
|
|
||||||
@@ -1,24 +0,0 @@
|
|||||||
---
|
|
||||||
home: true
|
|
||||||
portfolio: true
|
|
||||||
title: 档案主页
|
|
||||||
icon: house
|
|
||||||
welcome: 👋 你好，我是
|
|
||||||
name: 江户川柯南
|
|
||||||
avatar: https://theme-hope-assets.vuejs.press/hero/conan.png
|
|
||||||
|
|
||||||
titles:
|
|
||||||
- 天才少年侦探
|
|
||||||
- 小兰的青梅竹马
|
|
||||||
- 黑衣组织的最大对手
|
|
||||||
|
|
||||||
footer: false
|
|
||||||
---
|
|
||||||
|
|
||||||
## 介绍
|
|
||||||
|
|
||||||
这是一个档案主页的案例。
|
|
||||||
|
|
||||||
要使用此布局，你应该在页面 Frontmatter 中设置 `home: true` 和 `portfolio: true`。
|
|
||||||
|
|
||||||
相关配置文档请见 [档案主页](https://theme-hope.vuejs.press/zh/guide/blog/home.html#档案类型主页)。
|
|
||||||
Reference in New Issue
Block a user