hexo添加本地pdf文件链接

Posted 2023-05-03

参考技术A 注：插件地址： https://github.com/superalsrk/hexo-pdf
注：此插件的官方教程是错的。

为本地 pdf 文件添加下载链接不起作用

【中文标题】为本地 pdf 文件添加下载链接不起作用

【英文标题】：adding a download link for a local pdf file isn't working

【发布时间】：2021-01-24 01:17:42

【问题描述】：

我正在尝试添加一个链接，让任何人都可以在我的网站上下载我的简历。这就是我所拥有的

    <a  href="My Resume.pdf" class='download' download="Resume PDF">Download CV</a>

我相信这是正确的格式，但是当我单击链接时它不起作用。该文件总是尝试下载为 HTML 而不是 PDF 并且失败。是因为我还在本地主机服务器上吗？我上市后会好吗？谢谢！ （顺便说一下，我正在使用 Angular，并且必须为要在 VS 代码中读取的文件安装扩展。）

【问题讨论】：

"文件总是尝试以 HTML 格式而不是 PDF 格式下载，但失败了。" — 是什么让您认为它试图以 HTML 格式下载？ “失败”是什么意思？

任何答案对你有用吗？

【参考方案1】：

而不是用下载属性指定要下载的文件：

<a href="My Resume.pdf" class='download' download="Resume PDF">Download CV</a>

设置下载属性为下载，如下：

<a href="My Resume.pdf" class='download' download="download">Download CV</a>

或

指定下载属性并将其留空而不分配任何内容：

<a href="My Resume.pdf" class='download' download>Download CV</a>

这两种方法都应该有效。

这里有一个简短的解释： 指定下载属性时，这会告诉浏览器下载使用 href 属性指定的文件。

【参考方案2】：

要检查的三件事：

删除download 属性。你可能不需要它。如果您希望 PDF 在新选项卡中为用户打开，您可以添加 target 属性：target="_blank"

一般来说，不带空格的文件命名会更安全，因为并非所有 Web 服务器对空格的解析都相同。您是否尝试过将文件命名为 MyResume.pdf，结果是否相同？

接下来要检查的是确保文件与页面加载的目录位于同一目录中。您确定文件的位置吗？

【讨论】：

我尝试重命名它仍然没有运气！ :/ 是的，我很肯定它在同一个文件中！

您是否尝试过简单地删除download 属性。我认为您不需要这样做，因为 PDF 的默认浏览器行为是为用户提供查看或下载的选项。

哦，好吧，我猜是别人做了。没有好的理由。当您删除 download 属性并删除文件名中的空格时，它是否有效？