起因是修改了个人网站后原来用来放简历的a标签突然发现不管用了,因为改了文件存放路径,结合以前的经验,就把pdf放到public下来访问,结果发现也不行:
尝试了各种办法,感觉怎么都是正确的,问了chatgpt后发现可能是github pages特有的,于是我查看点击a标签后的路径,发现是不包括仓库名的,只有github.io/static/xxx.pdf,手动改路径加上仓库名如github.io/MyPersonalPage/static发现能显示。于是我将a标签的href改为了绝对路径(还尝试了在标签内的/static前加上仓库名,无效):
<a href="https://pas0412.github.io/MyPersonalPage/static/resume.pdf" download="简历.pdf"><span>RESUME</span></a>
其中MyPersonalPage是仓库名,于是重新打包部署,并且查看了打包后的js标签内路径也正常,结果还是一样的错误,再点开a标签的按钮,发现莫名其妙路径又变成了github.io/MyPersonalPage/MyPersonalPage/static/xxx.pdf。
看来github pages是在用绝对路径的时候会自动加上一个repo的名字在中间,于是我又在标签内去掉了仓库名,打包部署,终于解决了。
发布文章前又检查了一下,发现又不行了,我看是刚部署上去他抽抽了,莫名其妙自己加了repo-name上去。
改回来多等了几分钟终于好了,我现在怀疑相对路径也行就是得多等一会儿...
总结:多等一会儿,别急着打开。
<a href="https://username.github.io/your-repo-name/static/your-pdf-file.pdf">Download PDF</a>