【问题标题】:Jekyll/ GH pages Embed PdfJekyll/GH 页面嵌入 Pdf
【发布时间】:2020-09-24 03:54:14
【问题描述】:

我使用 Github 页面创建了一个网站,据我所知,它使用了 jekyll。我正在尝试找到一种将 PDF 嵌入到帖子中的方法。

我已经阅读了很多帖子,比如这个。 Recommended way to embed PDF in HTML?

而且似乎有很多不同的方法可以做到这一点。

我对 html 和 jekyll 很陌生,所以我一直在尝试跟随其他人正在做的事情并尽可能匹配格式。

现在在我的存储库中,我有一个名为“_pdfs”的目录,我在其中上传了一个 pdf 文件进行测试。在“_posts”中,我创建了一个新的 markdown 文件,在 frontmatter 之后,我插入了以下行

<object data="{{ site.url }}/_pdfs/Algebra_I_Reference_Sheet.pdf" width="1000" height="1000" type="application/pdf"></object>

我听说 using 似乎比 or 更好,但我在我的网站上得到的只是出现了一个大空白。它似乎创造了空间,就好像它是关于嵌入一个 pdf 的,但它只是把它留空。滚动到底部仍然会显示数据、类别、标签等。

对不起,如果我的经验不足让我错过了格式中明显的一些东西,但我尝试了很多其他的东西,但似乎没有成功。

【问题讨论】:

  • 链接 PDF 还不够,人们只需单击它并通过浏览器显示或下载它?您肯定需要在页面上嵌入 PDF 吗?
  • 我想嵌入它,这样我就可以围绕它讨论有关 pdf 的事情。这对我来说似乎更好看。当然,如果我不能让事情正常工作,那么我可能会在新标签中打开它。
  • 而且复制粘贴内容也不可行?我只是问因为将 PDF 嵌入 HTML 意味着您很可能需要渲染和大量 javascript,这可能不是您想要的
  • 抱歉,我不太清楚您所说的复制粘贴内容是什么意思。从我读过的所有链接中,似乎人们已经获得了纯 html 解决方案。虽然我可能是错的。
  • 太好了,很想看看它是如何工作的 :) 我不知道这里有 HTML 解决方案。

标签: html markdown jekyll github-pages


【解决方案1】:

您需要做的就是将{{ site.baseurl }} 添加到您的代码中,它应该可以工作。所以总代码如下:

<object data="{{ site.url }}{{ site.baseurl }}/_pdfs/Algebra_I_Reference_Sheet.pdf" width="1000" height="1000" type="application/pdf"></object>

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2014-11-26
    • 1970-01-01
    • 1970-01-01
    • 2017-09-14
    • 1970-01-01
    • 2022-09-24
    • 2019-05-13
    相关资源
    最近更新 更多