使PDF可在浏览器中在线查看

Question

注意：在问我搜索一些关于嵌入但是无法得到我想要的内容之前。

我有一个 pdf 格式的简历文件，我想在我的网站上显示，而不是像谷歌或其他人一样存储在我自己的网站上。我有静态网站 [我使用Jekyll制作] 让我们说 https://www.example.com ，我真正需要的是显示我的简历在以下链接 https://www.example.com/resume

他们中的一些人有很长的永久性，我实际上讨厌他们。 （只是说）

Answer 1

将PDF上传到网站的/或assets/目录。

为HTML建立链接：

<a href="<PATH>/cv.pdf">CV</a>

为Markdown建立链接：

[CV](<PATH>/cv.pdf)

Answer 2

在Chrome上，这已经around for a long time并且将webdev瘟疫困扰到this day。似乎没有计划很快改变它，因为这只是它的构建方式。 Chrome不在线时表现略有不同，因此离线/本地测试并不总能产生预期效果。

对于这个问题，我的回答是一个建议。为了使其跨浏览器兼容，您的实施模式应该是：

1. Modal或，
2. Lightbox

您是否使用SSG在此处无关紧要。寻找引导程序或材料实现。

  

在客户端，可以使用extension。我认为这对你没有帮助;但是我将此信息包含在未来的读者中。