思路

• [x] vuepress搭建文档架构
• [ ] codeblock —— 代码块
• [x] 通过a标签的方式来跳转页面 —— 题目列表 —— 单独一个文件夹存放 —— 点击首页后跳转该路由
• [ ] 代码复制组件 —— vuepress-plugin-code-copy
• [ ] 阅读进度插件 —— vuepress-plugin-reading-progress
• [ ] 提示正在使用xxx组件 —— device
• [ ] leetcode组件先理解 —— 慢慢完成

实现

1️⃣ 先用vuepress搭一个静态网页，挂载到github上

1. mkdir
2. cd
3. npm init
4. npm install -d vuepress
5. 创建docs文件夹 —— docs文件夹就是根目录
6. 在docs中创建README.md，这时md文件的内容就是首页的内容
7. 配置package.json，dev和build
8. 执行yarn dev就可以运行起静态网站了

2️⃣ 挂载到github上

1. 打包文件生成dist
2. 建个仓库，建个新分支gh-pages
3. 把dist中的内容push到仓库的gh-pages分支
4. 配置github的静态页面路径即可

记录

docs目录是根目录

.vuepress是配置的vuepress的内容，比如public, style这些，还有生成的dist也在这里

标签跳转路径要尽量使用相对路径

Markdown (opens new window)

vuepress-plugin-reading-progress —— 浏览器阅读进度插件