我们先来看一看官方文档
基本可以看出 默认主题能干的事情很多啊o( ̄︶ ̄)o
再看看默认主题的插件列表
"dependencies": {
"@vuepress/plugin-active-header-links": "^1.3.1",
"@vuepress/plugin-nprogress": "^1.3.1",
"@vuepress/plugin-search": "^1.3.1",
"docsearch.js": "^2.5.2",
"lodash": "^4.17.15",
"stylus": "^0.54.5",
"stylus-loader": "^3.0.2",
"vuepress-plugin-container": "^2.0.2",
"vuepress-plugin-smooth-scroll": "^0.0.3"
},
基本上,默认主题已经为我们提供了很多插件,照着这个就能看出来大体的功能
下面我们来研究一下 默认主题的组件结构安排
这就是vuepress默认主题提供的所有组件了
从Layout.vue,结合官方网站,我们可以看出基本结构为
其中,
至此,所有组件的关系就理清楚了,这个默认主题为我们做了很多事情,基本上不用咱们再二次开发主题了
下一步,咱们来看一看 官方文档在自己的默认主题上扩展了自己的主题,看看他扩展了什么