html - Jekyll/GH 页面嵌入 Pdf
问题描述
我使用 Github 页面创建了一个网站,据我所知,它使用了 jekyll。我正在尝试找到一种将 PDF 嵌入到帖子中的方法。
我已经阅读了很多帖子,例如这个。 将 PDF 嵌入 HTML 的推荐方法?
似乎有很多不同的方法可以做到这一点。
我对 html 和 jekyll 很陌生,所以我一直在尝试跟随其他人正在做的事情并尽可能匹配格式。
现在在我的存储库中,我有一个名为“_pdfs”的目录,我在其中上传了一个 pdf 文件进行测试。在“_posts”中,我创建了一个新的降价文件,在frontmatter之后,我插入了以下行
<object data="{{ site.url }}/_pdfs/Algebra_I_Reference_Sheet.pdf" width="1000" height="1000" type="application/pdf"></object>
我听说使用似乎比或更好,但我在我的网站上得到的只是一个大的空白区域。它似乎创造了空间,就好像它是关于嵌入一个 pdf 的,但它只是把它留空。滚动到底部仍然显示数据、类别、标签等。
抱歉,如果我的经验不足让我错过了格式中明显的一些内容,但我尝试了很多其他的东西,但似乎没有成功。
解决方案
您需要做的就是添加{{ site.baseurl }}
到您的代码中,它应该可以工作。所以总代码看起来像:
<object data="{{ site.url }}{{ site.baseurl }}/_pdfs/Algebra_I_Reference_Sheet.pdf" width="1000" height="1000" type="application/pdf"></object>
推荐阅读
- selenium - Robot Framework 无法找到正确的链接地址
- powershell - 检索 Powershell 脚本的 REST API 响应标头值
- css - 如果未选择任何选项,带有 ModelChoiceField(required=True) 的表单不会引发 ValidationError
- c++ - 在 C++ 类用法中尝试 catch 块
- python - 谷歌云中的 Python 3.8 函数 JSONDecodeError 在 json.loads 和 json.dumps
- vba - VBA 运行多次
- c++ - C++20 范围自定义视图:尝试通过管道传输到另一个视图时出错
- loops - 赛普拉斯没有找到任何测试 - 对站点地图中的网址进行测试
- node.js - npm install 与 package.json 中的范围
- reactjs - 在 React 中播放 m3u8 视频