VuePress

API另一个部分是为书写技术文档而优化的默认主题它的诞生初衷是为了支持

Vue

HTML也因此具有非常好的加载性能和搜索引擎优化SEO。

同时一旦页面被加载Vue

将接管这些静态内容并将其转换成一个完整的单页应用SPA其他的页面则会只在用户浏览到的时候才按需加载。

2.创建项目

文件的相对路径页面路由地址/README.md//guide/README.md/guide//config.md/config.html

5.导航栏配置

图片存放位置docs\.vuepress\public\assets\img\hero.pngnavbar:

true,

[[vuepress/last-updated,{transformer:

(timestamp)

moment(timestamp).format(YYYY-MM-DD

{lastUpdated:

https://USERNAME.github.io/REPO

git

gitgithub.com:USERNAME/REPO.git

master:gh-pages

apple-mobile-web-app-status-bar-style,

content:

/icons/apple-touch-icon-152x152.png

}],[link,

/icons/msapplication-icon-144x144.png

}],[meta,

[...,[vuepress/pwa,{serviceWorker:

true,updatePopup:

{...,vssue/vuepress-plugin-vssue:

{platform:

自动创建评论默认是false最好开启这样首次进入页面的时候就不用去点击创建评论的按钮了。

},},

5.使用

1.创建docs\.vuepress\components文件夹

3.创建一个.md文件CountUp

/docs/.vuepress/components/CountUp.vue

14.使用图片缩放

[...,[vuepress/medium-zoom,{selector:

img,}]]

:src$withBase(./assets/image/vuess.jpg)

altfoo


15.配置自动生成侧边栏

[...,[vuepress-plugin-auto-sidebar,{//

optionsnav:

require(./nav.js)module.exports

{***meConfig: