vuepress - 使用vuepress时链接公共文件夹下的html文件

Question

我正在使用 vuepress 构建个人笔记。我在里面放了一些 html、javascript 演示文件.vuepress/public/demo/javascript/01/。

当我在.md文件中使用写笔记时，我创建了一个链接[demo](/demo/javascript/01/)

这似乎效果不佳，因为这样的相对路径，vuepress 会将其视为.md文件并尝试查找路径和结果404 （虽然refresh在 404 页面上执行，但效果很好..）

什么是在公共下链接文件的更好方法，我可以在其中使用.md并使 vuepress 将其视为正常的外部链接，而无需对链接中的域进行硬编码。

这是代码 https://gitlab.com/changsijay/vuepress01

这是部署结果： https ://changsijay.gitlab.io/vuepress01/

标签： vuepress

Answer 1

我会将你的代码从index.html一个 .vue 文件中移动，并将 vue 文件添加到你的 index.html 中（除了，我会命名它README.md，因为这是 VuePress 在每个子目录中查找的内容），并带有基本的 vue 语法<IndexCode />。

然后只需链接，[demo](/demo/javascript/01/)它应该会自动加载README.md

如果出于某种原因您想使用index.html，您可以随时将其与[demo](/demo/javascript/01/index.html)