上食埃土，下饮黄泉

创建空仓库 – 以github.io结尾 如：goodday.github.io – 这样就创建了一个gitpages项目 – 访问地址为：https://your-gh-name.github.io/gwiki.github.io/

// .vuepress/config.js module.exports = { themeConfig: { sidebar: [ '/', '/page-a', ['/page-b', 'Explicit link text'] ] } } 没啥好说的 需要注意的是 1 写完文章后需要更新一遍 左侧栏才生效 2 自动检测标题层级数...

按照官方文档 添加一个最简单的 // .vuepress/config.js module.exports = { themeConfig: { nav: [ { text: 'Languages', ariaLabel: 'Language Menu', ...

看vuepress自定义的主题，可以从三方面下手 看package.json的依赖包 看主题的component文件夹 看layout文件 package.json的依赖包 component文件夹 layout文件 就是添加了两个广告位，其他的跟默认主题一毛一样 这主题的例子还真是我辈需要学习的啊啊啊… ...

我们先来看一看官方文档 基本可以看出 默认主题能干的事情很多啊o(￣︶￣)o 再看看默认主题的插件列表 "dependencies": { "@vuepress/plugin-active-header-links": "^1.3.1", "@vuepress/plugin-nprogress": "^1.3.1", "@vuepress/plugin-search...

我们的问题是：这个feature是怎么出来的？ 带着疑问咱们开始看源码 . ├── @vuepress │ ├── theme-default │ │ ├── components │ │ │ ├── Home.vue │ │ ├── layouts │ │ │ ├── Layout.vue 咱们从Layout.vue文件 就可以知道这里面引用了c...

npm init 生成package.json 里面创建的结构如下 . ├── docs │ ├── .vuepress (可选的) │ │ ├── public (可选的) │ ├── README.md └── package.json 在README.md里面粘贴如下内容（这些是我从官网源码里面首页粘出来的） --- home: true heroImage: /hero...