首先请参考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
参考链接如下:
06.20 Upgrade
1 | {% pdf ./file/xxx.pdf %} |
此方法在我的浏览器上现在可以正常显示了,不知道是不是因为更新浏览器清除了浏览器缓存