如何获取docsify官网源文件链接及解决Cloudflare部署静态文件异常
问题1:如何获取docsify官网的源文件链接?
- 查看官网页面源代码:在浏览器打开docsify官网,右键选择「查看页面源代码」,在代码中找到引入的docsify相关JS、CSS文件链接,这些就是官方源文件地址。
- 从GitHub仓库获取:docsify源码托管在GitHub,进入仓库后找到
dist目录下编译完成的JS、CSS文件,复制对应文件的原始链接即可。
问题2:Cloudflare部署docsify项目后,同目录JS/CSS文件返回渲染后的HTML的解决方法
docsify属于单页应用架构,默认配置会让服务器将所有路由指向index.html,这会导致访问JS/CSS文件时也被重定向到首页,返回渲染后的HTML。可以通过以下方式解决:
- 配置Cloudflare Pages路由规则
登录Cloudflare Pages控制台进入项目,找到「设置」->「路由」,添加路由规则:- 路径匹配:
/*.js、/*.css(或更精准的路径如/assets/*.js) - 行为设置为「直接提供文件」,跳过docsify的路由重写。
- 路径匹配:
- 修改_redirects文件规则
如果项目根目录有_redirects文件,确保重写规则排除JS、CSS文件:
其中/* /index.html 200 !/*.js !/*.css!代表排除匹配路径,让这些文件直接返回原始内容。 - 校验文件引入路径
确认index.html中JS、CSS的引入路径是正确的相对路径(比如<script src="./main.js"></script>),避免绝对路径引发路由混淆。
内容的提问来源于stack exchange,提问作者白日梦主义
相关产品推荐
相关产品推荐

