├── .github
└── workflows
│ └── docsearch.yml
├── .gitignore
├── README.md
├── docs
├── .vuepress
│ ├── client.ts
│ ├── config.ts
│ ├── configs
│ │ ├── index.ts
│ │ ├── meta.ts
│ │ └── sidebar.ts
│ ├── public
│ │ ├── assets
│ │ │ ├── 01.png
│ │ │ └── 02.png
│ │ ├── beautification
│ │ │ ├── 01.png
│ │ │ ├── 02.png
│ │ │ └── 03.png
│ │ ├── configuration
│ │ │ ├── 01.png
│ │ │ ├── 02.png
│ │ │ ├── 03.png
│ │ │ ├── 04.png
│ │ │ ├── 05.png
│ │ │ └── 06.png
│ │ ├── docsearch
│ │ │ ├── 01.png
│ │ │ ├── 02.png
│ │ │ ├── 03.png
│ │ │ ├── 04.png
│ │ │ ├── 05.png
│ │ │ ├── 06.png
│ │ │ ├── 07.png
│ │ │ ├── 08.png
│ │ │ ├── 09.png
│ │ │ ├── 10.png
│ │ │ ├── 11.png
│ │ │ ├── 12.png
│ │ │ ├── 13.png
│ │ │ ├── 14.png
│ │ │ ├── 15.png
│ │ │ ├── 16.png
│ │ │ ├── 17.png
│ │ │ ├── 18.png
│ │ │ ├── 19.png
│ │ │ ├── 20.png
│ │ │ ├── 21.png
│ │ │ ├── 22.png
│ │ │ ├── 23.png
│ │ │ ├── 24.png
│ │ │ ├── 25.png
│ │ │ ├── 26.png
│ │ │ ├── 27.png
│ │ │ ├── 28.png
│ │ │ ├── 29.png
│ │ │ ├── 30.png
│ │ │ ├── 31.png
│ │ │ ├── 32.png
│ │ │ ├── 33.png
│ │ │ ├── 34.png
│ │ │ ├── 35.png
│ │ │ ├── 36.png
│ │ │ ├── 37.png
│ │ │ ├── 38.png
│ │ │ ├── 39.png
│ │ │ ├── 40.png
│ │ │ ├── 41.png
│ │ │ ├── 42.png
│ │ │ ├── 43.png
│ │ │ ├── 44.png
│ │ │ ├── 45.png
│ │ │ ├── 46.png
│ │ │ ├── 47.png
│ │ │ ├── 48.png
│ │ │ ├── 49.png
│ │ │ ├── 50.png
│ │ │ ├── 51.png
│ │ │ ├── 52.png
│ │ │ ├── 53.png
│ │ │ └── 54.png
│ │ ├── frontmatter
│ │ │ ├── 01.png
│ │ │ ├── 02.png
│ │ │ ├── 03.png
│ │ │ ├── 04.png
│ │ │ └── 05.png
│ │ ├── getting-started
│ │ │ ├── 01.png
│ │ │ ├── 02.png
│ │ │ ├── 03.png
│ │ │ ├── 04.png
│ │ │ ├── 05.png
│ │ │ ├── 06.png
│ │ │ ├── 07.png
│ │ │ ├── 08.png
│ │ │ ├── 09.png
│ │ │ ├── 10.png
│ │ │ ├── 11.png
│ │ │ ├── 12.png
│ │ │ ├── 13.png
│ │ │ ├── 14.png
│ │ │ ├── 15.png
│ │ │ ├── 16.png
│ │ │ ├── 17.png
│ │ │ ├── 18.png
│ │ │ ├── 19.png
│ │ │ ├── 20.png
│ │ │ ├── 21.png
│ │ │ ├── 22.png
│ │ │ ├── 23.png
│ │ │ ├── 24.png
│ │ │ ├── 25.png
│ │ │ ├── 26.png
│ │ │ └── 27.png
│ │ ├── images
│ │ │ ├── hero.png
│ │ │ └── logo.png
│ │ ├── page
│ │ │ ├── 01.png
│ │ │ ├── 02.png
│ │ │ ├── 03.png
│ │ │ ├── 04.png
│ │ │ ├── 05.png
│ │ │ ├── 06.png
│ │ │ ├── 07.png
│ │ │ ├── 08.png
│ │ │ ├── 09.png
│ │ │ └── 10.png
│ │ ├── plugin
│ │ │ ├── 01.png
│ │ │ ├── 02.png
│ │ │ ├── 03.png
│ │ │ ├── 04.png
│ │ │ ├── 05.png
│ │ │ ├── 06.png
│ │ │ └── 07.png
│ │ └── vuepress.png
│ └── styles
│ │ ├── index.scss
│ │ ├── vars-dark.scss
│ │ └── vars.scss
├── README.md
├── en
│ └── README.md
└── guide
│ ├── README.md
│ ├── assets.md
│ ├── beautification.md
│ ├── components.md
│ ├── configuration.md
│ ├── docsearch.md
│ ├── frontmatter.md
│ ├── getting-started.md
│ ├── hero.png
│ ├── markdown.md
│ ├── page.md
│ ├── plugin.md
│ └── update.md
├── docsearch.json
├── package.json
└── pnpm-lock.yaml
/.github/workflows/docsearch.yml:
--------------------------------------------------------------------------------
1 | name: docsearch
2 |
3 | on:
4 | push:
5 | branches:
6 | - main
7 |
8 | jobs:
9 | algolia:
10 | runs-on: ubuntu-latest
11 | steps:
12 | - uses: actions/checkout@v2
13 |
14 | - name: Get the content of docsearch.json as config
15 | id: algolia_config
16 | run: echo "::set-output name=config::$(cat docsearch.json | jq -r tostring)"
17 |
18 | - name: Run algolia/docsearch-scraper image
19 | env:
20 | APPLICATION_ID: ${{ secrets.APPLICATION_ID }}
21 | API_KEY: ${{ secrets.API_KEY }}
22 | CONFIG: ${{ steps.algolia_config.outputs.config }}
23 | run: |
24 | docker run \
25 | --env APPLICATION_ID=${APPLICATION_ID} \
26 | --env API_KEY=${API_KEY} \
27 | --env "CONFIG=${CONFIG}" \
28 | algolia/docsearch-scraper
29 |
30 |
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules
2 | .temp
3 | .cache
4 | dist
5 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | ## VuePress搭建教程
2 |
3 | 在GitHub上写的文章,没有搜索,是硬伤
4 |
5 | 直到发现了 vuepress v2.0 就是基于markdown语法,真是棒棒!!
6 |
7 |
8 | ## 访问
9 |
10 | https://vuepress.yiov.top/
11 |
12 |
13 | ## 停更
14 |
15 | 本人已转用 [Vitepress](https://vitepress.yiov.top/) ,可能不会再更新了
16 |
--------------------------------------------------------------------------------
/docs/.vuepress/client.ts:
--------------------------------------------------------------------------------
1 | import { defineClientConfig } from 'vuepress/client'
2 |
3 | export default defineClientConfig({
4 | enhance({ app, router, siteData }) {
5 | },
6 | setup() {},
7 | rootComponents: [],
8 | })
--------------------------------------------------------------------------------
/docs/.vuepress/config.ts:
--------------------------------------------------------------------------------
1 | import { viteBundler } from '@vuepress/bundler-vite'
2 | import { defaultTheme } from '@vuepress/theme-default'
3 | import { defineUserConfig } from 'vuepress'
4 | import { sidebarA } from './configs/index.ts'
5 | import { shikiPlugin } from '@vuepress/plugin-shiki'
6 | import { docsearchPlugin } from '@vuepress/plugin-docsearch'
7 | import { copyCodePlugin } from '@vuepress/plugin-copy-code'
8 |
9 | import { getDirname, path } from '@vuepress/utils'
10 | const __dirname = getDirname(import.meta.url)
11 |
12 | import { version } from './configs/meta.ts'
13 |
14 | //pnpm add -D vuepress vue @vuepress/bundler-vite @vuepress/theme-default @vuepress/utils @vuepress/plugin-docsearch @vuepress/plugin-copy-code @vuepress/plugin-shiki
15 |
16 | export default defineUserConfig({
17 |
18 | base: '/', //网站部署的路径,默认根目录
19 |
20 | lang: 'zh-CN',
21 | title: '你好, VuePress !',
22 | description: '这是我的第一个 VuePress 站点',
23 |
24 | //========logo路径========//
25 | head: [['link', { rel: 'icon', href: '/images/logo.png' }]],
26 |
27 | //========站点语言配置========//
28 | locales: {
29 | //默认语言可以使用 '/' 作为其路径。
30 | '/': {
31 | lang: 'zh-CN',
32 | title: 'VuePress',
33 | description: '本人已转用VitePress,可能会无限期停更',
34 | },
35 | '/en/': {
36 | lang: 'en-US',
37 | title: 'VuePress',
38 | description: 'Vue-powered Static Site Generator',
39 | },
40 | },
41 |
42 |
43 |
44 | bundler: viteBundler(),
45 |
46 | markdown: {
47 | importCode: {
48 | handleImportPath: (str) =>
49 | //将`@vuepress`目录作为一个`./`相对路径
50 | str.replace(/^@vuepress/, path.resolve(__dirname, './')),
51 | },
52 | },
53 |
54 |
55 |
56 |
57 | plugins: [
58 | shikiPlugin({
59 | // 配置项
60 | langs: ['ts', 'json', 'vue', 'md', 'bash', 'diff'],
61 | highlightLines: true,
62 | theme: 'one-dark-pro', //主题
63 | notationDiff: true, //启用差异标记
64 | notationFocus: true, //启用聚焦标记
65 | notationHighlight: true, //启用高亮标记
66 | notationErrorLevel: true, //启用错误标记
67 | notationWordHighlight: true, //启用词高亮标记
68 | }),
69 |
70 | //===== copy-code配置 =====//
71 | copyCodePlugin({
72 | showInMobile: true, //是否显示在移动端
73 | }),
74 |
75 | docsearchPlugin({
76 | // appId: 'F6RYJMVN8K',
77 | // apiKey: 'a27586ba3f214fba3e7782735988691e',
78 | // indexName: 'vuepressyiov',
79 |
80 | appId: "NR5QNPJN44",
81 | apiKey: "1f28f6ca8aad82e405dc4741a517e9d9",
82 | indexName: "yiov",
83 |
84 | locales: {
85 | '/': {
86 | placeholder: '搜索文档',
87 | translations: {
88 | button: {
89 | buttonText: '搜索文档',
90 | },
91 | },
92 | },
93 | '/en/': {
94 | placeholder: 'Search Documentation',
95 | translations: {
96 | button: {
97 | buttonText: 'Search Documentation',
98 | },
99 | },
100 | },
101 | },
102 | }),
103 | ],
104 |
105 |
106 |
107 | theme: defaultTheme({
108 | //多国语言切换
109 | locales: {
110 | '/': {
111 | selectLanguageName: '简体中文',
112 | selectLanguageText: '选择语言',
113 | },
114 | '/en/': {
115 | selectLanguageName: 'English',
116 | selectLanguageText: 'Language',
117 | },
118 | },
119 |
120 | colorMode: 'light', //浅色模式,默认auto,还有dark
121 |
122 | // 导航栏
123 | navbar: [
124 | {
125 | text: '首页',
126 | link: '/',
127 | },
128 | {
129 | text: '🧝 指南',
130 | //导航数组
131 | children: [
132 | {
133 | //第1组名称(不可点击)
134 | text: '基础配置',
135 | prefix: '/guide/', //前缀路径
136 | //第1组导航标签
137 | children: [
138 | {
139 | text: '指南',
140 | link: '/guide/',
141 | },
142 | {
143 | text: '快速上手',
144 | link: 'getting-started',
145 | },
146 | {
147 | text: '配置',
148 | link: 'configuration',
149 | },
150 | {
151 | text: '页面',
152 | link: 'page',
153 | },
154 | {
155 | text: 'Frontmatter',
156 | link: 'frontmatter',
157 | },
158 | ]
159 | },
160 | {
161 | //第2组名称(不可点击)
162 | text: '进阶玩法',
163 | prefix: '/guide/', //前缀路径
164 | //第1组导航标签
165 | children: [
166 | {
167 | text: 'Markdown',
168 | link: 'markdown',
169 | },
170 | {
171 | text: '静态部署',
172 | link: 'assets',
173 | },
174 | {
175 | text: '样式美化',
176 | link: 'beautification',
177 | },
178 | {
179 | text: 'DocSearch',
180 | link: 'docsearch',
181 | },
182 | {
183 | text: '插件',
184 | link: 'plugin',
185 | },
186 | {
187 | text: '组件',
188 | link: 'components',
189 | },
190 | {
191 | text: '更新及卸载',
192 | link: 'update',
193 | },
194 | ]
195 | },
196 | {
197 | //第3组名称(不可点击)
198 | text: '其他站点',
199 | //第1组导航标签
200 | children: [
201 | { text: 'VitePress文档', link: 'https://vitepress.yiov.top' },
202 | { text: '劝学录教程', link: 'https://yiov.top' },
203 | { text: '个人主页', link: 'https://yingyayi.com/' },
204 | ],
205 | },
206 | ],
207 | },
208 | {
209 | text: `Vuepress ${version}`,
210 | link: 'https://v2.vuepress.vuejs.org/zh/',
211 | },
212 | {
213 | text: 'GitHub',
214 | link: 'https://github.com/Yiov/vuepress-doc',
215 | },
216 | ],
217 |
218 | //侧边栏简化
219 | sidebar: sidebarA,
220 |
221 | //仓库地址
222 | docsRepo: 'https://github.com/Yiov/vuepress-doc',
223 | // 仓库分支
224 | docsBranch: 'main',
225 | // 页面文件的相对路径
226 | docsDir: 'docs',
227 | // 页面源文件的路径
228 | editLinkPattern: ':repo/edit/:branch/:path',
229 |
230 | editLinkText: '在 GitHub 上编辑此页',
231 |
232 | lastUpdated: true,
233 | lastUpdatedText: '上次更新',
234 | contributors: true,
235 | contributorsText: '贡献者',
236 |
237 | prev: '上一页',
238 | next: '下一页',
239 |
240 | }),
241 |
242 | })
--------------------------------------------------------------------------------
/docs/.vuepress/configs/index.ts:
--------------------------------------------------------------------------------
1 | export * from './sidebar'
--------------------------------------------------------------------------------
/docs/.vuepress/configs/meta.ts:
--------------------------------------------------------------------------------
1 | import { createRequire } from 'node:module'
2 | import { fs } from 'vuepress/utils'
3 |
4 | const require = createRequire(import.meta.url)
5 |
6 | export const version = fs.readJsonSync(
7 | require.resolve('vuepress/package.json'),
8 | ).version
--------------------------------------------------------------------------------
/docs/.vuepress/configs/sidebar.ts:
--------------------------------------------------------------------------------
1 | import type { SidebarOptions } from '@vuepress/theme-default'
2 |
3 | export const sidebarA: SidebarOptions = [
4 | {
5 | text: '介绍',
6 | link: '/guide/',
7 | children: [
8 | '/guide/',
9 | ],
10 | },
11 | {
12 | text: '基础配置',
13 | link: '/guide/',
14 | children: [
15 | '/guide/getting-started',
16 | '/guide/configuration',
17 | '/guide/page',
18 | '/guide/frontmatter',
19 | ],
20 | },
21 | {
22 | text: '进阶玩法',
23 | link: '/guide/',
24 | children: [
25 | '/guide/markdown',
26 | '/guide/assets',
27 | '/guide/beautification',
28 | '/guide/docsearch',
29 | '/guide/plugin',
30 | '/guide/components',
31 | '/guide/update',
32 | ],
33 | },
34 | {
35 | text: '其他站点',
36 | children: [
37 | { text: 'VitePress文档', link: 'https://vitepress.yiov.top' },
38 | { text: '劝学录教程', link: 'https://yiov.top' },
39 | { text: '个人主页', link: 'https://yingyayi.com/' },
40 | ],
41 | },
42 |
43 | ]
--------------------------------------------------------------------------------
/docs/.vuepress/public/assets/01.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/assets/01.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/assets/02.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/assets/02.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/beautification/01.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/beautification/01.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/beautification/02.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/beautification/02.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/beautification/03.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/beautification/03.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/configuration/01.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/configuration/01.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/configuration/02.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/configuration/02.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/configuration/03.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/configuration/03.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/configuration/04.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/configuration/04.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/configuration/05.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/configuration/05.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/configuration/06.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/configuration/06.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/docsearch/01.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/docsearch/01.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/docsearch/02.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/docsearch/02.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/docsearch/03.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/docsearch/03.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/docsearch/04.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/docsearch/04.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/docsearch/05.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/docsearch/05.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/docsearch/06.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/docsearch/06.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/docsearch/07.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/docsearch/07.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/docsearch/08.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/docsearch/08.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/docsearch/09.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/docsearch/09.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/docsearch/10.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/docsearch/10.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/docsearch/11.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/docsearch/11.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/docsearch/12.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/docsearch/12.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/docsearch/13.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/docsearch/13.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/docsearch/14.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/docsearch/14.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/docsearch/15.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/docsearch/15.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/docsearch/16.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/docsearch/16.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/docsearch/17.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/docsearch/17.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/docsearch/18.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/docsearch/18.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/docsearch/19.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/docsearch/19.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/docsearch/20.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/docsearch/20.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/docsearch/21.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/docsearch/21.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/docsearch/22.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/docsearch/22.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/docsearch/23.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/docsearch/23.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/docsearch/24.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/docsearch/24.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/docsearch/25.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/docsearch/25.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/docsearch/26.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/docsearch/26.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/docsearch/27.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/docsearch/27.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/docsearch/28.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/docsearch/28.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/docsearch/29.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/docsearch/29.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/docsearch/30.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/docsearch/30.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/docsearch/31.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/docsearch/31.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/docsearch/32.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/docsearch/32.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/docsearch/33.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/docsearch/33.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/docsearch/34.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/docsearch/34.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/docsearch/35.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/docsearch/35.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/docsearch/36.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/docsearch/36.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/docsearch/37.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/docsearch/37.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/docsearch/38.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/docsearch/38.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/docsearch/39.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/docsearch/39.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/docsearch/40.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/docsearch/40.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/docsearch/41.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/docsearch/41.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/docsearch/42.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/docsearch/42.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/docsearch/43.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/docsearch/43.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/docsearch/44.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/docsearch/44.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/docsearch/45.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/docsearch/45.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/docsearch/46.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/docsearch/46.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/docsearch/47.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/docsearch/47.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/docsearch/48.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/docsearch/48.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/docsearch/49.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/docsearch/49.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/docsearch/50.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/docsearch/50.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/docsearch/51.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/docsearch/51.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/docsearch/52.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/docsearch/52.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/docsearch/53.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/docsearch/53.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/docsearch/54.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/docsearch/54.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/frontmatter/01.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/frontmatter/01.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/frontmatter/02.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/frontmatter/02.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/frontmatter/03.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/frontmatter/03.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/frontmatter/04.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/frontmatter/04.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/frontmatter/05.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/frontmatter/05.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/getting-started/01.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/getting-started/01.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/getting-started/02.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/getting-started/02.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/getting-started/03.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/getting-started/03.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/getting-started/04.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/getting-started/04.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/getting-started/05.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/getting-started/05.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/getting-started/06.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/getting-started/06.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/getting-started/07.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/getting-started/07.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/getting-started/08.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/getting-started/08.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/getting-started/09.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/getting-started/09.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/getting-started/10.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/getting-started/10.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/getting-started/11.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/getting-started/11.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/getting-started/12.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/getting-started/12.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/getting-started/13.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/getting-started/13.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/getting-started/14.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/getting-started/14.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/getting-started/15.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/getting-started/15.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/getting-started/16.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/getting-started/16.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/getting-started/17.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/getting-started/17.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/getting-started/18.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/getting-started/18.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/getting-started/19.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/getting-started/19.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/getting-started/20.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/getting-started/20.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/getting-started/21.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/getting-started/21.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/getting-started/22.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/getting-started/22.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/getting-started/23.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/getting-started/23.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/getting-started/24.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/getting-started/24.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/getting-started/25.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/getting-started/25.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/getting-started/26.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/getting-started/26.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/getting-started/27.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/getting-started/27.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/images/hero.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/images/hero.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/images/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/images/logo.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/page/01.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/page/01.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/page/02.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/page/02.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/page/03.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/page/03.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/page/04.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/page/04.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/page/05.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/page/05.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/page/06.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/page/06.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/page/07.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/page/07.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/page/08.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/page/08.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/page/09.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/page/09.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/page/10.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/page/10.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/plugin/01.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/plugin/01.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/plugin/02.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/plugin/02.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/plugin/03.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/plugin/03.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/plugin/04.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/plugin/04.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/plugin/05.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/plugin/05.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/plugin/06.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/plugin/06.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/plugin/07.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/plugin/07.png
--------------------------------------------------------------------------------
/docs/.vuepress/public/vuepress.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Yiov/vuepress-doc/42da51d48bd53487c0a22bb38bce7f6b8f458a1a/docs/.vuepress/public/vuepress.png
--------------------------------------------------------------------------------
/docs/.vuepress/styles/index.scss:
--------------------------------------------------------------------------------
1 | @use 'vars';
2 | @use 'vars-dark';
--------------------------------------------------------------------------------
/docs/.vuepress/styles/vars-dark.scss:
--------------------------------------------------------------------------------
1 | html.dark {
2 | // 按钮颜色
3 | --c-brand: #3aa675;
4 | --c-brand-light: #349469;
5 |
6 | // 背景颜色
7 | --c-bg: #22272e;
8 | --c-bg-light: #2b313a;
9 | --c-bg-lighter: #262c34;
10 | --c-bg-dark: #343b44;
11 | --c-bg-darker: #37404c;
12 |
13 | // 文字颜色
14 | --c-text: #adbac7;
15 | --c-text-light: #96a7b7;
16 | --c-text-lighter: #8b9eb0;
17 | --c-text-lightest: #8094a8;
18 |
19 | // 边框颜色
20 | --c-border: #3e4c5a;
21 | --c-border-dark: #34404c;
22 |
23 | // 自定义容器颜色
24 | --c-tip: #318a62;
25 | --c-warning: #e0ad15;
26 | --c-warning-bg: #2d2f2d;
27 | --c-warning-bg-light: #423e2a;
28 | --c-warning-bg-lighter: #44442f;
29 | --c-warning-border-dark: #957c35;
30 | --c-warning-details-bg: #39392d;
31 | --c-warning-title: #fdca31;
32 | --c-warning-text: #d8d96d;
33 | --c-warning-text-accent: #ffbf00;
34 | --c-warning-text-light: #ddb84b;
35 | --c-warning-text-quote: #ccab49;
36 | --c-danger: #fc1e38;
37 | --c-danger-bg: #39232c;
38 | --c-danger-bg-light: #4b2b35;
39 | --c-danger-bg-lighter: #553040;
40 | --c-danger-border-dark: #a25151;
41 | --c-danger-details-bg: #482936;
42 | --c-danger-title: #fc2d3b;
43 | --c-danger-text: #ea9ca0;
44 | --c-danger-text-accent: #fd3636;
45 | --c-danger-text-light: #d9777c;
46 | --c-danger-text-quote: #d56b6b;
47 | --c-details-bg: #323843;
48 |
49 | // badge组件的颜色
50 | --c-badge-warning: var(--c-warning);
51 | --c-badge-warning-text: #3c2e05;
52 | --c-badge-danger: var(--c-danger);
53 | --c-badge-danger-text: #401416;
54 |
55 | // 代码块变量
56 | --code-hl-bg-color: #363b46;
57 | }
58 |
59 | // 插件:本地搜索
60 | html.dark .DocSearch {
61 | --docsearch-logo-color: var(--c-text);
62 | --docsearch-modal-shadow: inset 1px 1px 0 0 #2c2e40, 0 3px 8px 0 #000309;
63 | --docsearch-key-shadow: inset 0 -2px 0 0 #282d55, inset 0 0 1px 1px #51577d,
64 | 0 2px 2px 0 rgba(3, 4, 9, 0.3);
65 | --docsearch-key-gradient: linear-gradient(-225deg, #444950, #1c1e21);
66 | --docsearch-footer-shadow: inset 0 1px 0 0 rgba(73, 76, 106, 0.5),
67 | 0 -4px 8px 0 rgba(0, 0, 0, 0.2);
68 | }
--------------------------------------------------------------------------------
/docs/.vuepress/styles/vars.scss:
--------------------------------------------------------------------------------
1 | :root {
2 | // 按钮颜色
3 | --c-brand: #3eaf7c;
4 | --c-brand-light: #4abf8a;
5 |
6 | // 背景颜色
7 | --c-bg: #ffffff;
8 | --c-bg-light: #f3f4f5;
9 | --c-bg-lighter: #eeeeee;
10 | --c-bg-dark: #ebebec;
11 | --c-bg-darker: #e6e6e6;
12 | --c-bg-navbar: var(--c-bg);
13 | --c-bg-sidebar: var(--c-bg);
14 | --c-bg-arrow: #cccccc;
15 |
16 | // 文字颜色
17 | --c-text: #2c3e50;
18 | --c-text-accent: var(--c-brand);
19 | --c-text-light: #3a5169;
20 | --c-text-lighter: #4e6e8e;
21 | --c-text-lightest: #6a8bad;
22 | --c-text-quote: #999999;
23 |
24 | // 边框颜色
25 | --c-border: #eaecef;
26 | --c-border-dark: #dfe2e5;
27 |
28 | // 自定义容器颜色
29 | --c-tip: #42b983;
30 | --c-tip-bg: var(--c-bg-light);
31 | --c-tip-title: var(--c-text);
32 | --c-tip-text: var(--c-text);
33 | --c-tip-text-accent: var(--c-text-accent);
34 | --c-warning: #ffc310;
35 | --c-warning-bg: #fffae3;
36 | --c-warning-bg-light: #fff3ba;
37 | --c-warning-bg-lighter: #fff0b0;
38 | --c-warning-border-dark: #f7dc91;
39 | --c-warning-details-bg: #fff5ca;
40 | --c-warning-title: #f1b300;
41 | --c-warning-text: #746000;
42 | --c-warning-text-accent: #edb100;
43 | --c-warning-text-light: #c1971c;
44 | --c-warning-text-quote: #ccab49;
45 | --c-danger: #f11e37;
46 | --c-danger-bg: #ffe0e0;
47 | --c-danger-bg-light: #ffcfde;
48 | --c-danger-bg-lighter: #ffc9c9;
49 | --c-danger-border-dark: #f1abab;
50 | --c-danger-details-bg: #ffd4d4;
51 | --c-danger-title: #ed1e2c;
52 | --c-danger-text: #660000;
53 | --c-danger-text-accent: #bd1a1a;
54 | --c-danger-text-light: #b5474d;
55 | --c-danger-text-quote: #c15b5b;
56 | --c-details-bg: #eeeeee;
57 |
58 | // badge组件的颜色
59 | --c-badge-tip: var(--c-tip);
60 | --c-badge-warning: #ecc808;
61 | --c-badge-warning-text: var(--c-bg);
62 | --c-badge-danger: #dc2626;
63 | --c-badge-danger-text: var(--c-bg);
64 |
65 | // 过渡变量
66 | --t-color: 0.3s ease;
67 | --t-transform: 0.3s ease;
68 |
69 | // 代码块变量
70 | --code-bg-color: #282c34;
71 | --code-hl-bg-color: rgba(0, 0, 0, 0.66);
72 | --code-ln-color: #9e9e9e;
73 | --code-ln-wrapper-width: 3.5rem;
74 |
75 | // 字体变量
76 | --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,
77 | Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
78 | --font-family-code: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
79 |
80 | // 布局变量
81 | --navbar-height: 3.6rem;
82 | --navbar-padding-v: 0.7rem;
83 | --navbar-padding-h: 1.5rem;
84 | --sidebar-width: 20rem;
85 | --sidebar-width-mobile: calc(var(--sidebar-width) * 0.82);
86 | --content-width: 740px;
87 | --homepage-width: 960px;
88 | }
89 |
90 | // 插件:返回顶部
91 | .back-to-top {
92 | --back-to-top-color: var(--c-brand);
93 | --back-to-top-color-hover: var(--c-brand-light);
94 | }
95 |
96 | // 插件:docsearch
97 | .DocSearch {
98 | --docsearch-primary-color: var(--c-brand);
99 | --docsearch-text-color: var(--c-text);
100 | --docsearch-highlight-color: var(--c-brand);
101 | --docsearch-muted-color: var(--c-text-quote);
102 | --docsearch-container-background: rgba(9, 10, 17, 0.8);
103 | --docsearch-modal-background: var(--c-bg-light);
104 | --docsearch-searchbox-background: var(--c-bg-lighter);
105 | --docsearch-searchbox-focus-background: var(--c-bg);
106 | --docsearch-searchbox-shadow: inset 0 0 0 2px var(--c-brand);
107 | --docsearch-hit-color: var(--c-text-light);
108 | --docsearch-hit-active-color: var(--c-bg);
109 | --docsearch-hit-background: var(--c-bg);
110 | --docsearch-hit-shadow: 0 1px 3px 0 var(--c-border-dark);
111 | --docsearch-footer-background: var(--c-bg);
112 | }
113 |
114 | // 插件:外部链接图标
115 | .external-link-icon {
116 | --external-link-icon-color: var(--c-text-quote);
117 | }
118 |
119 | // 插件:图片缩放
120 | .medium-zoom-overlay {
121 | --medium-zoom-bg-color: var(--c-bg);
122 | }
123 |
124 | // 插件:进度条
125 | #nprogress {
126 | --nprogress-color: var(--c-brand);
127 | }
128 |
129 | // 插件:pwa弹窗组件
130 | .pwa-popup {
131 | --pwa-popup-text-color: var(--c-text);
132 | --pwa-popup-bg-color: var(--c-bg);
133 | --pwa-popup-border-color: var(--c-brand);
134 | --pwa-popup-shadow: 0 4px 16px var(--c-brand);
135 | --pwa-popup-btn-text-color: var(--c-bg);
136 | --pwa-popup-btn-bg-color: var(--c-brand);
137 | --pwa-popup-btn-hover-bg-color: var(--c-brand-light);
138 | }
139 |
140 | // 插件:本地搜索
141 | .search-box {
142 | --search-bg-color: var(--c-bg);
143 | --search-accent-color: var(--c-brand);
144 | --search-text-color: var(--c-text);
145 | --search-border-color: var(--c-border);
146 |
147 | --search-item-text-color: var(--c-text-lighter);
148 | --search-item-focus-bg-color: var(--c-bg-light);
149 | }
150 |
151 |
--------------------------------------------------------------------------------
/docs/README.md:
--------------------------------------------------------------------------------
1 | ---
2 | lang: zh-CN
3 | title: 我的vue文档
4 | description: 跟着我一起动手搭建吧
5 |
6 | home: true
7 | footerHtml: true
8 |
9 | heroImage: /images/hero.png
10 |
11 | heroImageDark: /images/hero.png
12 |
13 | actions:
14 | - text: 快速上手
15 | link: /guide/getting-started.html
16 | type: primary
17 | - text: 项目简介
18 | link: /guide/
19 | type: secondary
20 |
21 | features:
22 | - title: 简洁至上
23 | details: 以 Markdown 为中心的项目结构,以最少的配置帮助你专注于写作。
24 | - title: Vue 驱动
25 | details: 享受 Vue 的开发体验,可以在 Markdown 中使用 Vue 组件,又可以使用 Vue 来开发自定义主题。
26 | - title: 高性能
27 | details: VuePress 会为每个页面预渲染生成静态的 HTML,同时,每个页面被加载的时候,将作为 SPA 运行。
28 |
29 | footer: MIT Licensed | Copyright © 2018-present Evan You 备案号:京****号
30 | ---
31 |
--------------------------------------------------------------------------------
/docs/en/README.md:
--------------------------------------------------------------------------------
1 | ---
2 | home: true
3 | title: Home
4 | heroImage: /images/logo.png
5 | actions:
6 | - text: Get Started
7 | link: /guide/getting-started.html
8 | type: primary
9 | - text: Introduction
10 | link: /guide/
11 | type: secondary
12 | features:
13 | - title: Simplicity First
14 | details: Minimal setup with markdown-centered project structure helps you focus on writing.
15 | - title: Vue-Powered
16 | details: Enjoy the dev experience of Vue, use Vue components in markdown, and develop custom themes with Vue.
17 | - title: Performant
18 | details: VuePress generates pre-rendered static HTML for each page, and runs as an SPA once a page is loaded.
19 | - title: Themes
20 | details: Providing a default theme out of the box. You can also choose a community theme or create your own one.
21 | - title: Plugins
22 | details: Flexible plugin API, allowing plugins to provide lots of plug-and-play features for your site.
23 | - title: Bundlers
24 | details: Default bundler is Vite, while Webpack is also supported. Choose the one you like!
25 | footer: MIT Licensed | Copyright © 2018-present Evan You
26 | ---
27 |
28 | ### As Easy as 1, 2, 3
29 |
30 |
31 |
32 |
33 | ```bash
34 | # install in your project
35 | pnpm add -D vuepress@next @vuepress/client@next vue
36 |
37 | # create a markdown file
38 | echo '# Hello VuePress' > README.md
39 |
40 | # start writing
41 | pnpm vuepress dev
42 |
43 | # build to static files
44 | pnpm vuepress build
45 | ```
46 |
47 |
48 |
49 |
50 |
51 | ```bash
52 | # install in your project
53 | yarn add -D vuepress@next
54 |
55 | # create a markdown file
56 | echo '# Hello VuePress' > README.md
57 |
58 | # start writing
59 | yarn vuepress dev
60 |
61 | # build to static files
62 | yarn vuepress build
63 | ```
64 |
65 |
66 |
67 |
68 |
69 | ```bash
70 | # install in your project
71 | npm install -D vuepress@next
72 |
73 | # create a markdown file
74 | echo '# Hello VuePress' > README.md
75 |
76 | # start writing
77 | npx vuepress dev
78 |
79 | # build to static files
80 | npx vuepress build
81 | ```
82 |
83 |
84 |
--------------------------------------------------------------------------------
/docs/guide/README.md:
--------------------------------------------------------------------------------
1 | ---
2 | next:
3 | text: 快速上手
4 | link: /guide/getting-started
5 | ---
6 |
7 | # 前言
8 |
9 | > 最近更新:2024-7-29
10 |
11 | ::: danger 注意
12 | 本人已转用 [Vitepress](https://vitepress.yiov.top/) ,可能不会再更新了
13 | :::
14 |
15 |
16 | ## 简介
17 |
18 | VuePress 是一个以 [Markdown](https://zh.wikipedia.org/wiki/Markdown) 为中心的静态网站生成器。你可以使用 Markdown 来书写内容(如文档、博客等),然后 VuePress 会帮助你生成一个静态网站来展示它们
19 |
20 |
21 | 如果你还不了解 Markdown ,[请看我整理的Markdown教程](https://yiov.top/computer/markdown.html)
22 |
23 |
24 |
25 | ## Vuepress
26 |
27 |
28 | 在GitHub上写的文章,没有搜索,是硬伤
29 |
30 |
31 | 直到发现了 [vuepress v2.0](https://github.com/vuepress/vuepress-next) 就是基于markdown语法,真是棒棒!!
32 |
33 |
34 | * 官方V2.0版文档:[https://v2.vuepress.vuejs.org/zh/](https://v2.vuepress.vuejs.org/zh/)
35 |
36 |
37 | 
38 |
39 |
40 |
41 | ## 其他主题
42 |
43 |
44 | * [Plume主题](https://theme-plume.vuejs.press/)
45 |
46 | * [Hope主题](https://theme-hope.vuejs.press/zh/)
47 |
48 | * [Reco主题](https://theme-reco.vuejs.press/)
49 |
50 | * [vuepress-theme-vdoing](https://doc.xugaoyi.com/)
51 |
52 | * [npmjs社区主题](https://www.npmjs.com/search?q=keywords:vuepress-theme)
53 |
54 | * [官方主题开发](https://v2.vuepress.vuejs.org/zh/advanced/theme.html)
55 |
56 | * [VuePress主题市场](https://marketplace.vuejs.press/zh/themes/)
57 |
58 |
--------------------------------------------------------------------------------
/docs/guide/assets.md:
--------------------------------------------------------------------------------
1 | # 静态部署
2 |
3 | > 最近更新:2024-7-29
4 |
5 | 主要讲一下GitHub,其他的方式都大同小异,[更多部署方式可以参考官方文档](https://v2.vuepress.vuejs.org/zh/guide/deployment.html)
6 |
7 |
8 | ## Base
9 |
10 | ::: warning 注意
11 |
12 | base必须配置,否则打包会丢失css样式!!
13 |
14 | 根目录配置 `/`,那么对应 `https://yiov.github.io/`
15 |
16 | 仓库 `vitepress` 配置 `/vitepress/` ,那么对应 `https://yiov.github.io/vitepress`
17 | :::
18 |
19 | 我们根据自己的需求,选择相应的的配置
20 |
21 | ```ts{2-3}
22 | export default defineUserConfig ({
23 | base: '/', //网站部署的路径,默认根目录
24 | // base: '/vuepress/', //网站部署到github的vuepress这个仓库里
25 | }),
26 | ```
27 |
28 |
29 | ::: warning 注意
30 | 如果你base设置成其他仓库后,你的fav图标也要变动一下
31 | :::
32 |
33 |
34 | ```ts{2,6}
35 | export default defineUserConfig ({
36 | base: '/vuepress/', //网站部署在vuepress仓库
37 |
38 | head: [['link',
39 | //favicon图标也要改成仓库名路径,否则丢失
40 | { rel: 'icon', href: '/vuepress/images/logo.png' },]],
41 | }),
42 | ```
43 |
44 |
45 |
46 |
47 |
48 |
49 | ## 工作流(可选)
50 |
51 | 配置工作流可以自动帮我们部署发布,[懒得弄看下面的教程:网站部署](#网站部署)
52 |
53 | 新建文件 `.github/workflows/docs.yml` ,将下面yml信息粘贴进去
54 |
55 | ```md{4}
56 | ├─ docs
57 | ├─ .github
58 | │ └─ workflows
59 | │ └─ docs.yml <--- yml工作流
60 | └─ .gitignore
61 | ```
62 |
63 | ::: tip 注意
64 | .github 与 docs为同级目录,有兴趣 [GitHub Actions 深入了解](https://docs.github.com/zh/actions)
65 | :::
66 |
67 |
68 | ::: warning 注意
69 | 经过反复测试,还是没搞定,于是弃用了
70 |
71 | 这是一个已经配置好的工作流,自己记得删掉注释!!!
72 |
73 | 实际是github分配了一个虚拟机给你使用,里面的ubuntu系统以及pnpm都是虚拟机使用的,与自己的无关,不要动就行
74 | :::
75 |
76 |
77 | ::: details 点击查看代码
78 | ```yml
79 | name: docs
80 |
81 | on:
82 | # 每当 push 到 main 分支时触发部署
83 | push:
84 | branches: [main]
85 | # 手动触发部署
86 | workflow_dispatch:
87 |
88 | jobs:
89 | docs:
90 | runs-on: ubuntu-latest
91 |
92 | steps:
93 | - uses: actions/checkout@v4
94 | with:
95 | # “最近更新时间” 等 git 日志相关信息,需要拉取全部提交记录
96 | fetch-depth: 0
97 |
98 | - name: Setup pnpm
99 | uses: pnpm/action-setup@v2
100 | with:
101 | # 选择要使用的 pnpm 版本
102 | version: 8
103 | # 使用 pnpm 安装依赖
104 | run_install: true
105 |
106 | - name: Setup Node.js
107 | uses: actions/setup-node@v4
108 | with:
109 | # 选择要使用的 node 版本
110 | node-version: 20
111 | # 缓存 pnpm 依赖
112 | cache: pnpm
113 |
114 | # 运行构建脚本
115 | - name: Build VuePress site
116 | run: pnpm docs:build
117 |
118 | # 查看 workflow 的文档来获取更多信息
119 | # @see https://github.com/crazy-max/ghaction-github-pages
120 | - name: Deploy to GitHub Pages
121 | uses: crazy-max/ghaction-github-pages@v4
122 | with:
123 | # 部署到 gh-pages 分支
124 | target_branch: gh-pages
125 | # 部署目录为 VuePress 的默认输出目录
126 | build_dir: docs/.vuepress/dist
127 | env:
128 | # @see https://docs.github.com/cn/actions/reference/authentication-in-a-workflow#about-the-github_token-secret
129 | GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
130 | ```
131 | :::
132 |
133 |
134 |
135 |
136 | ## 网站部署
137 |
138 | 我自己使用的是 [Vercel一键部署](https://yiov.top/website/vercel.html) 还不用买服务器,买个域名就就行
139 |
140 | 如果想要部署到 [GithubPage](https://yiov.top/website/github.html#%E4%BD%BF%E7%94%A8) 或者 [服务器](https://yiov.top/website/Server.html) 的话,可以通过命令打包
141 |
142 | ::: tip 说明
143 | 默认的构建输出目录 `.vuepress/dist`
144 | :::
145 |
146 |
147 | :::: code-group
148 | ::: code-group-item pnpm
149 | ```sh
150 | pnpm docs:build
151 | ```
152 | :::
153 | ::: code-group-item yarn
154 | ```sh
155 | yarn docs:build
156 | ```
157 | :::
158 | ::: code-group-item npm
159 | ```sh
160 | npm docs:build
161 | ```
162 | :::
163 | ::::
164 |
165 |
166 | 打包完成后,在 `docs/.vuepress/dist` 目录,将`dist` 文件夹的所有文件上传到网站或者仓库即可
167 |
168 | 
169 |
170 |
171 | 手动上传到github的,需要在设置-page里把分支改成main,默认root,保存等创建成功后即可获得访问链接
172 |
173 | 
174 |
175 |
--------------------------------------------------------------------------------
/docs/guide/beautification.md:
--------------------------------------------------------------------------------
1 | # 样式美化
2 |
3 | > 最近更新:2024-7-29
4 |
5 |
6 |
7 | ## Style文件
8 |
9 | 我们可以通过css变量覆盖默认主题的css变量
10 |
11 | ::: tip 说明
12 | 官方给的路径,是让我们新建一个 `styles` 文件夹,然后新建一个 `index.scss` 文件
13 | :::
14 |
15 | ```md{3-4}
16 | ├─ docs
17 | │ ├─ .vuepress
18 | │ │ └─ styles
19 | │ │ └─ index.scss <--- css变量路径
20 | └─ README.md
21 | ```
22 |
23 | 因为页面亮色和暗色两种模式,所以我们必须同时考虑两个主题色的替换
24 |
25 | 在 `index.scss`文件中添加2个引用
26 |
27 | ```scss
28 | @use 'vars';
29 | @use 'vars-dark';
30 | ```
31 |
32 | 然后新建两个文件:`vars.scss` 和 `vars-dark.scss`
33 |
34 | ::: tip 说明
35 | vars.scss 复制亮色变量代码,粘贴保存
36 |
37 | vars-dark.scss 复制暗色变量代码,粘贴保存
38 | :::
39 |
40 | ::: details 点击查看亮色CSS变量
41 | ```scss
42 | :root {
43 | // 按钮颜色
44 | --c-brand: #3eaf7c;
45 | --c-brand-light: #4abf8a;
46 |
47 | // 背景颜色
48 | --c-bg: #ffffff;
49 | --c-bg-light: #f3f4f5;
50 | --c-bg-lighter: #eeeeee;
51 | --c-bg-dark: #ebebec;
52 | --c-bg-darker: #e6e6e6;
53 | --c-bg-navbar: var(--c-bg);
54 | --c-bg-sidebar: var(--c-bg);
55 | --c-bg-arrow: #cccccc;
56 |
57 | // 文字颜色
58 | --c-text: #2c3e50;
59 | --c-text-accent: var(--c-brand);
60 | --c-text-light: #3a5169;
61 | --c-text-lighter: #4e6e8e;
62 | --c-text-lightest: #6a8bad;
63 | --c-text-quote: #999999;
64 |
65 | // 边框颜色
66 | --c-border: #eaecef;
67 | --c-border-dark: #dfe2e5;
68 |
69 | // 自定义容器颜色
70 | --c-tip: #42b983;
71 | --c-tip-bg: var(--c-bg-light);
72 | --c-tip-title: var(--c-text);
73 | --c-tip-text: var(--c-text);
74 | --c-tip-text-accent: var(--c-text-accent);
75 | --c-warning: #ffc310;
76 | --c-warning-bg: #fffae3;
77 | --c-warning-bg-light: #fff3ba;
78 | --c-warning-bg-lighter: #fff0b0;
79 | --c-warning-border-dark: #f7dc91;
80 | --c-warning-details-bg: #fff5ca;
81 | --c-warning-title: #f1b300;
82 | --c-warning-text: #746000;
83 | --c-warning-text-accent: #edb100;
84 | --c-warning-text-light: #c1971c;
85 | --c-warning-text-quote: #ccab49;
86 | --c-danger: #f11e37;
87 | --c-danger-bg: #ffe0e0;
88 | --c-danger-bg-light: #ffcfde;
89 | --c-danger-bg-lighter: #ffc9c9;
90 | --c-danger-border-dark: #f1abab;
91 | --c-danger-details-bg: #ffd4d4;
92 | --c-danger-title: #ed1e2c;
93 | --c-danger-text: #660000;
94 | --c-danger-text-accent: #bd1a1a;
95 | --c-danger-text-light: #b5474d;
96 | --c-danger-text-quote: #c15b5b;
97 | --c-details-bg: #eeeeee;
98 |
99 | // badge组件的颜色
100 | --c-badge-tip: var(--c-tip);
101 | --c-badge-warning: #ecc808;
102 | --c-badge-warning-text: var(--c-bg);
103 | --c-badge-danger: #dc2626;
104 | --c-badge-danger-text: var(--c-bg);
105 |
106 | // 过渡变量
107 | --t-color: 0.3s ease;
108 | --t-transform: 0.3s ease;
109 |
110 | // 代码块变量
111 | --code-bg-color: #282c34;
112 | --code-hl-bg-color: rgba(0, 0, 0, 0.66);
113 | --code-ln-color: #9e9e9e;
114 | --code-ln-wrapper-width: 3.5rem;
115 |
116 | // 字体变量
117 | --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,
118 | Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
119 | --font-family-code: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
120 |
121 | // 布局变量
122 | --navbar-height: 3.6rem;
123 | --navbar-padding-v: 0.7rem;
124 | --navbar-padding-h: 1.5rem;
125 | --sidebar-width: 20rem;
126 | --sidebar-width-mobile: calc(var(--sidebar-width) * 0.82);
127 | --content-width: 740px;
128 | --homepage-width: 960px;
129 | }
130 |
131 | // 插件:返回顶部
132 | .back-to-top {
133 | --back-to-top-color: var(--c-brand);
134 | --back-to-top-color-hover: var(--c-brand-light);
135 | }
136 |
137 | // 插件:docsearch
138 | .DocSearch {
139 | --docsearch-primary-color: var(--c-brand);
140 | --docsearch-text-color: var(--c-text);
141 | --docsearch-highlight-color: var(--c-brand);
142 | --docsearch-muted-color: var(--c-text-quote);
143 | --docsearch-container-background: rgba(9, 10, 17, 0.8);
144 | --docsearch-modal-background: var(--c-bg-light);
145 | --docsearch-searchbox-background: var(--c-bg-lighter);
146 | --docsearch-searchbox-focus-background: var(--c-bg);
147 | --docsearch-searchbox-shadow: inset 0 0 0 2px var(--c-brand);
148 | --docsearch-hit-color: var(--c-text-light);
149 | --docsearch-hit-active-color: var(--c-bg);
150 | --docsearch-hit-background: var(--c-bg);
151 | --docsearch-hit-shadow: 0 1px 3px 0 var(--c-border-dark);
152 | --docsearch-footer-background: var(--c-bg);
153 | }
154 |
155 | // 插件:外部链接图标
156 | .external-link-icon {
157 | --external-link-icon-color: var(--c-text-quote);
158 | }
159 |
160 | // 插件:图片缩放
161 | .medium-zoom-overlay {
162 | --medium-zoom-bg-color: var(--c-bg);
163 | }
164 |
165 | // 插件:进度条
166 | #nprogress {
167 | --nprogress-color: var(--c-brand);
168 | }
169 |
170 | // 插件:pwa弹窗组件
171 | .pwa-popup {
172 | --pwa-popup-text-color: var(--c-text);
173 | --pwa-popup-bg-color: var(--c-bg);
174 | --pwa-popup-border-color: var(--c-brand);
175 | --pwa-popup-shadow: 0 4px 16px var(--c-brand);
176 | --pwa-popup-btn-text-color: var(--c-bg);
177 | --pwa-popup-btn-bg-color: var(--c-brand);
178 | --pwa-popup-btn-hover-bg-color: var(--c-brand-light);
179 | }
180 |
181 | // 插件:本地搜索
182 | .search-box {
183 | --search-bg-color: var(--c-bg);
184 | --search-accent-color: var(--c-brand);
185 | --search-text-color: var(--c-text);
186 | --search-border-color: var(--c-border);
187 |
188 | --search-item-text-color: var(--c-text-lighter);
189 | --search-item-focus-bg-color: var(--c-bg-light);
190 | }
191 | ```
192 | :::
193 |
194 |
195 | ::: details 点击查看暗黑模式CSS变量
196 | ```scss
197 | html.dark {
198 | // 按钮颜色
199 | --c-brand: #3aa675;
200 | --c-brand-light: #349469;
201 |
202 | // 背景颜色
203 | --c-bg: #22272e;
204 | --c-bg-light: #2b313a;
205 | --c-bg-lighter: #262c34;
206 | --c-bg-dark: #343b44;
207 | --c-bg-darker: #37404c;
208 |
209 | // 文字颜色
210 | --c-text: #adbac7;
211 | --c-text-light: #96a7b7;
212 | --c-text-lighter: #8b9eb0;
213 | --c-text-lightest: #8094a8;
214 |
215 | // 边框颜色
216 | --c-border: #3e4c5a;
217 | --c-border-dark: #34404c;
218 |
219 | // 自定义容器颜色
220 | --c-tip: #318a62;
221 | --c-warning: #e0ad15;
222 | --c-warning-bg: #2d2f2d;
223 | --c-warning-bg-light: #423e2a;
224 | --c-warning-bg-lighter: #44442f;
225 | --c-warning-border-dark: #957c35;
226 | --c-warning-details-bg: #39392d;
227 | --c-warning-title: #fdca31;
228 | --c-warning-text: #d8d96d;
229 | --c-warning-text-accent: #ffbf00;
230 | --c-warning-text-light: #ddb84b;
231 | --c-warning-text-quote: #ccab49;
232 | --c-danger: #fc1e38;
233 | --c-danger-bg: #39232c;
234 | --c-danger-bg-light: #4b2b35;
235 | --c-danger-bg-lighter: #553040;
236 | --c-danger-border-dark: #a25151;
237 | --c-danger-details-bg: #482936;
238 | --c-danger-title: #fc2d3b;
239 | --c-danger-text: #ea9ca0;
240 | --c-danger-text-accent: #fd3636;
241 | --c-danger-text-light: #d9777c;
242 | --c-danger-text-quote: #d56b6b;
243 | --c-details-bg: #323843;
244 |
245 | // badge组件的颜色
246 | --c-badge-warning: var(--c-warning);
247 | --c-badge-warning-text: #3c2e05;
248 | --c-badge-danger: var(--c-danger);
249 | --c-badge-danger-text: #401416;
250 |
251 | // 代码块变量
252 | --code-hl-bg-color: #363b46;
253 | }
254 |
255 | // 插件:本地搜索
256 | html.dark .DocSearch {
257 | --docsearch-logo-color: var(--c-text);
258 | --docsearch-modal-shadow: inset 1px 1px 0 0 #2c2e40, 0 3px 8px 0 #000309;
259 | --docsearch-key-shadow: inset 0 -2px 0 0 #282d55, inset 0 0 1px 1px #51577d,
260 | 0 2px 2px 0 rgba(3, 4, 9, 0.3);
261 | --docsearch-key-gradient: linear-gradient(-225deg, #444950, #1c1e21);
262 | --docsearch-footer-shadow: inset 0 1px 0 0 rgba(73, 76, 106, 0.5),
263 | 0 -4px 8px 0 rgba(0, 0, 0, 0.2);
264 | }
265 | ```
266 | :::
267 |
268 |
269 |
270 | 比如我就修改,浅色模式下的按钮颜色
271 |
272 | ::: details 其他页面修改参考路径
273 |
274 | ```md
275 | 原始路径:node_modules\@vuepress\theme-default\lib\client\styles
276 | ```
277 | :::
278 |
279 | ```scss title=".vuepress/styles/vars.scss"
280 | :root {
281 | --c-brand: #046abd;
282 | --c-brand-light: #046abd;
283 | }
284 | ```
285 |
286 | 
287 |
288 |
289 |
290 |
291 | ## 代码精简
292 |
293 | 上面我们发现引用可以index进行引用,那么我们其他代码是否可以呢,以便达到代码简化
294 |
295 | 我们以`侧边栏导航`为例,看目录
296 |
297 |
298 | ```md{4-5}
299 | ├─ docs
300 | │ ├─ .vuepress
301 | │ │ └─ configs
302 | │ │ └─ index.ts <--- 主配置文件
303 | │ │ └─ sidebar.ts <--- 侧边栏配置文件
304 | └─ README.md
305 | ```
306 |
307 | 新建一个 `configs` 文件夹,然后再新建 `index.ts` 和 `sidebar.ts` 文件
308 |
309 | 在 `index.ts` 文件中写
310 |
311 | ```ts title=".vuepress/configs/index.ts"
312 | export * from './sidebar'
313 | ```
314 |
315 | 在 `sidebar.ts` 文件中写
316 |
317 | ```ts title=".vuepress/configs/sidebar.ts"
318 | import type { SidebarOptions } from '@vuepress/theme-default'
319 |
320 | //将这一段导航定义为:sidebarA
321 | export const sidebarA: SidebarOptions = [
322 | //原先侧边栏config的配置复制过来
323 | {
324 | text: '介绍',
325 | link: '/guide/',
326 | children: [
327 | '/guide/',
328 | ],
329 | },
330 | {
331 | text: '基础配置',
332 | link: '/guide/',
333 | children: [
334 | '/guide/getting-started',
335 | '/guide/configuration',
336 | '/guide/page',
337 | '/guide/frontmatter',
338 | ],
339 | },
340 | ]
341 | ```
342 |
343 | 最后我们回到 `config.ts` 里去引用一下就OK了
344 |
345 | ```ts{5-6} title=".vuepress/config.ts"
346 | import { sidebarA } from './configs/index.js'
347 |
348 | export default {
349 | theme: defaultTheme({
350 | //删掉原来的引用侧边栏
351 | sidebar: sidebarA,
352 | })
353 | }
354 | ```
355 |
356 | 同样的我们还可以进行导航栏的简化
357 |
358 |
359 | ```ts title=".vuepress/configs/nav.ts"
360 | import type { NavbarOptions } from '@vuepress/theme-default'
361 |
362 | //将这一段导航定义为:navA
363 | export const navA: NavbarOptions = [
364 | //原先侧边栏config的配置复制过来
365 | ]
366 | ```
367 |
368 |
369 |
370 | ## 项目徽标
371 |
372 | 无论文档还是github项目都会见到这种
373 |
374 | 
375 |
376 | 官网:[https://shields.io/](https://shields.io/)
377 |
378 | `serch` 处输入你的github项目链接,选择要生成的徽标,生成后,选择Markdown格式即可
379 |
380 | 
381 |
382 | ::: tip 说明
383 | 其他徽标:
384 |
385 | [https://github.com/Ileriayo/markdown-badges](https://github.com/Ileriayo/markdown-badges)
386 |
387 | [https://github.com/Envoy-VC/awesome-badges](https://github.com/Envoy-VC/awesome-badges)
388 | :::
389 |
390 |
391 | ## 组件替换
392 |
393 | 对某个布局不满意,我们可以直接替换
394 |
395 | 我们以 `主页` 布局演示
396 |
397 | ```md{3-4}
398 | ├─ docs
399 | │ ├─ .vuepress
400 | │ │ └─ components
401 | │ │ └─ MyHome.vue <--- 主页组件
402 | └─ README.md
403 | ```
404 |
405 | 新建一个 `components` 文件夹,再新建一个 `MyHome.vue` 文件,然后写入你想要的组件内容
406 |
407 | 如何使用呢,由于默认主题将所有 [非全局的组件](https://github.com/vuepress/vuepress-next/tree/main/ecosystem/theme-default/src/client/components) 都注册了一个带 `@theme` 前缀的 `alias`
408 |
409 | ::: tip 说明
410 | 例如:`HomeFooter.vue` 的别名是 `@theme/HomeFooter.vue`
411 |
412 | 那么我用自己写的 `MyHome.vue` 替换 `HomeFooter.vue` 这样写配置
413 | :::
414 |
415 | :::: code-group
416 | ::: code-group-item pnpm
417 | ```sh
418 | pnpm add -D @vuepress/utils@next
419 | ```
420 | :::
421 | ::: code-group-item yarn
422 | ```sh
423 | yarn add -D @vuepress/utils@next
424 | ```
425 | :::
426 | ::: code-group-item npm
427 | ```sh
428 | npm i -D @vuepress/utils@next
429 | ```
430 | :::
431 | ::::
432 |
433 | ```ts{7-14}
434 | import { getDirname, path } from '@vuepress/utils'
435 |
436 | const __dirname = getDirname(import.meta.url)
437 |
438 | export default ({
439 | theme: defaultTheme {},
440 | //组件覆盖
441 | alias: {
442 | '@theme/HomeFooter.vue': path.resolve(__dirname, './components/MyHome.vue'),
443 | },
444 | })
445 | ```
446 |
447 |
448 | ```
449 | 原始路径:node_modules\@vuepress\theme-default\lib\client\components
450 | ```
--------------------------------------------------------------------------------
/docs/guide/components.md:
--------------------------------------------------------------------------------
1 | # 组件
2 |
3 | > 最近更新:2024-7-29
4 |
5 |
6 |
7 | ## 基本组成
8 |
9 | 组件由三部分组成:`` `