站点信息

本站使用VuePress (opens new window)搭建

github actions构建,七牛云存储及cdn

cloudflare构建加速

build后页面访问bug

部署后发现有的页面访问就是直接下载了 ,能找到文件 ,但是无法渲染

排查后发现编译后文件没有后缀 ,查看vuepress-plugin-clean-urls插件的文档发现一句话

这个插件在 dev 服务器上总是生效的，但 VuePress 并没有能力去修改服务器识别链接的方式。如果你希望你的网站地址符合某种特殊的模式（比如使用 /routing 而不是 /routing.html 或者 routing/），你需要确保你的服务器会将这些地址认为是 HTML。这可能意味着你需要对你的服务器进行特殊的配置。

去掉vuepress-plugin-clean-urls插件编译后问题解决😰

图片资源中文路径问题

安装 markdown-it-disable-url-encode

npm i markdown-it-disable-url-encode

将其注入vuepress 配置文件中

.vuepress/config.js

module.exports = {
  // .....
  markdown: {
    // ......
    extendMarkdown: md => {
      md.use(require("markdown-it-disable-url-encode"));
    }
  }
};

至此,Typora 编写的 markdown 文件就可以在vuepress中完美编译了

更改版本

• 2023年3月17日更新版本1.9.9

• 2021年12月20日改成用1.8.2版本,原因如下

  1. 在360,QQ等浏览器中点击标题会有黑框

  2. vuepress-plugin-mermaidjs插件只支持1.x版本