在 VuePress 中实现页面间的跳转非常简单,你可以使用以下几种方式从第二章跳转到第一章:
最简单的方式是使用 Markdown 的标准链接语法:
[返回第一章](/chapter1/)
<RouterLink>
组件在 Markdown 文件中,你可以直接使用 Vue 的 <RouterLink>
组件:
<RouterLink to="/chapter1/">返回第一章</RouterLink>
如果你需要在 JavaScript 中实现跳转:
// 在 Vue 组件的方法中
this.$router.push('/chapter1/')
如果你的章节是按照目录结构组织的,也可以使用相对路径:
[返回第一章](../chapter1/)
.md
文件转换为 .html
,但链接中不需要写扩展名base
,确保路径包含了这个 base假设你的文档结构如下:
docs/
├── .vuepress/
├── chapter1/
│ └── README.md
└── chapter2/
└── README.md
那么在 chapter2/README.md
中,你可以这样链接到第一章:
## 第二章内容
这里是第二章的内容...
[点击返回第一章](/chapter1/)
希望这些方法能帮助你实现 VuePress 中的页面跳转!