0%

hexo | 上传 PDF、PPT 等资源

有时候,我们想上传一些文件,不是图片之类的,但是,想展示出来。比如

  • PPT
  • PDF

并且,还希望有一个可以下载的链接。


hexo-pdf


现在网上大部分都流行使用 hexo-pdf 这个插件。

但是,自己用过后,发现,并不能展示,所以,这个方法放弃。


静态方法


我们直接传入资源,并且使用 html 标签展示。

比如

我们在 source 下创建 pdfppt 文件夹,然后把资源上传上去。

提供下载

<a href="/ppt/3.pptx">下载PPT</a>
<a href="/pdf/3.pdf">下载PDF</a>

这样写是窗口打开,如果是想直接下载可以

<a href="/pdf/3.pdf" download="3.pdf">下载PDF</a>

展示 pdf

<object data="/pdf/3.pdf" type="application/pdf" width="100%" height="877px">

这样可以达到一个很好的效果。

BUG

这里面有一个小 BUG,就是在 object 后面的内容显示不出来,所以,我们要把

<object data="/pdf/3.pdf" type="application/pdf" width="100%" height="877px">

放在文章的最后面。

请我喝杯咖啡吧~