时间戳

首页 > 解决方案 > 在 Github 页面中嵌入 PDF 被阻止

github-pages - 在 Github 页面中嵌入 PDF 被阻止

问题描述

我正在尝试在我的 github 页面站点中嵌入 PDF 查看器，以便访问者可以看到我的简历并下载它。我不想要一个指向 pdf 的超链接，但实际上是让它在页面中交互（像这样）。

我正在嵌入以下行：

<embed src="https://github.com/username/username.github.io/blob/master/CV.pdf" class="application/pdf" width = "100%" height="100%" />

但是当我导航到页面时（username.github.io/cv/，它只显示错误：

“被内容安全策略阻止

连接 github.com 时出错。

Firefox 阻止了该页面以这种方式加载，因为该页面的内容安全策略不允许这样做。”

如果我尝试在 Chromium 中打开页面，它只是空白。

我已经尝试了这里描述的所有内容： Opening PDF in a browser with Github Pages

标签： github-pages

解决方案

由于您使用的是<embed>，所有浏览器都会向您显示 CSP 错误，Chromium 可能会在开发控制台中抛出错误。有关更多信息，请查看此链接

我假设您有一个 index.html 页面，<embed>上面有您的行。

问题是您正在嵌入一个指向具有 CV.pdf 的 github 页面的链接，即您添加了一个指向另一个 .pdf 的链接HTML。而不是这样做，您需要将其链接到您的src. 您可以通过转到包含您的 CV.pdf 的 Github 页面来获取正确的url，右键单击下载，然后复制链接地址并在您的src.

推荐阅读