在我的博客中插入我的pdf

Question

我有一个帖子页面存储每个博客.每个博客都有一个pdf文件.我可以通过博客页面上传pdf,但是当我通过帖子上的for循环执行我的代码 - post.file_doucment_path时,它只显示pdf文件位置.我是否需要添加单独的js pdf阅读器包才能使其正常工作？干杯.

Answer 1

HTML5 <object>元素可以在没有外部库的页面中嵌入PDF.

<object data="the.pdf" width="1000" height="1000" type='application/pdf'/>

只需the.pdf使用Jekyll语法将" " 替换为文件文档路径.

例如
<object data="{{ post.file_document_path }}" width="1000" height="1000" type='application/pdf'/>