0%

hexo添加pdf预览-谈谈现有教程遗漏的地方

首先请参考Github官方教程superalsrk/hexo-pdf

Install hexo dependency

$ npm install --save hexo-pdf

Usage

post_asset_folder: true的情况下你就可以在/source/_posts目录下用和xxx.md同名的文件夹保存图片和pdf文件啦

然后键入:

1
{% pdf ./xxx.pdf %}

咦,怎么不行!?

我在这里卡了一整天,看了好多人的教程,大部分无外乎直接把官网的教程粘贴复制来,对于pdf路径一概不解释,好的教程会解释一下,分两种,一种是上面我提到的路径,另一种一种是推荐theme/next/souce目录下建一个file文件夹,然后用

1
{% pdf ./file/xxx.pdf %}

结果还是不行,我都放弃了,出去wandern了10km,吃了Döner回来,又玩了会游戏,突然想到,看看_config.yml文件里有没有关于pdf的配置,果然!!!在主题配置文件里看到了下面的:

这里一直是enable: false怎么显示的出来pdf啊。

默认只有height设置,width设置是我自己加上去的,实测没用

另外下图给出我添加pdf过程中出现的错误,大家可以参考一下,比如

  • 域名是https的话http开头的图床是会被block掉的
  • google和onedrive的pdf读不出来我是真的不知道为什么

06.15 Upgrade

以上方法显示出来的PDF不知道为什么宽度不可调,我怎么都弄不好,放弃了,改用:

1
<object data="./xxx.pdf" type="application/pdf" width="100%" height="1000px">

html代码解决
object可换成embed, iframe
参考链接如下:

hexo中插入pdf解决方法
前端预览PDF总结:iframe、embed、PDFObject、PDF.js

06.20 Upgrade

1
{% pdf ./file/xxx.pdf %}

此方法在我的浏览器上现在可以正常显示了,不知道是不是因为更新浏览器清除了浏览器缓存

-----------------------End-----------------------
好人一生平安