个人作品集本地文件链接部署失效问题求助

核心原因 #

你用的file:///Users/My Name/Desktop/portfolioo/Name's resume.pdf是本地磁盘绝对路径，只有你自己的电脑能识别这个路径。部署到网站后，服务器和其他访问者的电脑里根本没有这个文件，所以链接必然失效。

具体解决步骤 #

• 把简历PDF放到你的项目文件夹内，比如在portfolioo项目里新建一个docs或assets文件夹，将简历存入，比如路径为portfolioo/docs/resume.pdf。
• 修改链接代码为相对路径，示例：

  <a href="./docs/resume.pdf" target="_blank">Resume</a>
  

  路径说明：./代表当前HTML文件所在目录，若HTML文件在子文件夹（比如pages），则用../docs/resume.pdf（../表示返回上一级目录）。
• 把PDF文件和项目代码一起提交到部署用的仓库（比如GitHub），确保部署时文件同步到服务器。
• 测试时用本地服务器预览（比如VS Code的Live Server插件），模拟真实部署环境，避免仅依赖本地文件预览。

额外注意事项 #

• 文件名和路径不要带空格、特殊字符（比如原文件名里的空格和单引号），建议改成resume.pdf或name-resume.pdf，防止路径解析出错。
• 确认部署工具（如GitHub Pages、Vercel）会包含PDF文件，部分工具默认忽略非代码文件，需确保文件在部署范围内。

内容的提问来源于stack exchange，提问作者heholm