├── .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 | ![](/vuepress.png) 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 | ![](/assets/01.png) 169 | 170 | 171 | 手动上传到github的,需要在设置-page里把分支改成main,默认root,保存等创建成功后即可获得访问链接 172 | 173 | ![](/assets/02.png) 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 | ![](/beautification/01.png) 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 | ![](/beautification/02.png) 375 | 376 | 官网:[https://shields.io/](https://shields.io/) 377 | 378 | `serch` 处输入你的github项目链接,选择要生成的徽标,生成后,选择Markdown格式即可 379 | 380 | ![](/beautification/03.png) 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 | 组件由三部分组成:`