法1:安装hexo-pdf插件
法2:利用html语法:可以轻松设定pdf显示尺寸
安装hexo-pdf插件
插件地址:hexo-pdf
Hexo tag for embeded pdf
Install
`$ npm install --save hexo-pdf`
Normal PDF
pdf插入链接
{% pdf http://7xov2f.com1.z0.glb.clouddn.com/bash_freshman.pdf %}
本地pdf(我的失败了,还没找到原因)
{% pdf ./bash_freshman.pdf %}
Google drive
{% pdf https://drive.google.com/file/d/0B6qSwdwPxPRdTEliX0dhQ2JfUEU/preview %}
Slideshare
{% pdf http://www.slideshare.net/slideshow/embed_code/key/8Jl0hUt2OKUOOE %}
示例:图片来源于网络
利用html语法
首先修改_config.yml文件
将_config.yml中的post_asset_folder选项置为true
post_asset_folder: true
关于这个选项的功能说明如下:
当您设置post_asset_folder为true参数后,在建立文件时,Hexo 会自动建立一个与文章同名的文件夹,您可以把与该文章相关的所有资源都放到那个文件夹,如此一来,您便可以更方便的使用资源。
然后新建一篇文章
$ hexo new
由于上一步已经将post_asset_folder选项设为了true 所以这一步新建文章时会创建一个md文件和一个同名的文件夹 为了方便叙述,我用test作为文件和文件夹名
编辑test.md
用vim或者别的编辑器打开test.md
test.md文件中加入如下代码
<object data="./test/test.pdf" type="application/pdf" width="100%" height="100%">
关于这句代码简单的解释 data表示你要上传的pdf的路径,使用相对路径,将你要上传的pdf放入第二步生成的test文 件夹 type和width就不说了,这里注意height不能设成100%,不然太矮了,显示效果不好 可以用浏览器预览,通过F12预估一下高度。我最后代码如下,供参考
<object data="./test/test.pdf" type="application/pdf" width="100%" height="877px">
这里不一定非用object标签,embed、iframe标签也一样
具体参考:网页链接
注意:
用html方法,在我的主题中,如果它后面有文字,会显示不出来,原因不详。
参考文章
相关文章