hexo中插入pdf解决方法

搭好hexo博客后,想着把之前上课的实验弄上去,博客放实验报告,github放代码。互为参考。但word转成md文件太过麻烦。于是就想着直接把pdf放上来,网上搜一圈,发现都是说装一个叫 “hexo-pdf”的插件就行了。不知道是不是插件过时了还是我哪里出了问题,反正我用的时候pdf就死活出不来,于是自己瞎鸡儿琢磨了一个简单粗暴的方法,记录一下。


首先修改_config.yml文件

将_config.yml中的post_asset_folder选项置为true

post_asset_folder: true

关于这个选项的功能说明如下:

当您设置post_asset_folder为true参数后,在建立文件时,Hexo
会自动建立一个与文章同名的文件夹,您可以把与该文章相关的所有资源都放到那个文件夹,如此一来,您便可以更方便的使用资源。

然后新建一篇文章

$ hexo new <article name>

由于上一步已经将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标签也一样
具体参考:网页链接

效果

此处上传一个测试pdf

总结

今天刚看完markdown语法,难免想多写几篇blog练一练。其实今天发文章插图片的时候,插了好久才成功,不知道是什么原因,搞了好久。
最后仔细看了看Git执行 $ hexo g输出信息中的生成的图片路径才有点眉目。
直接打开hexo-asset-image插件的源码(在node_modules目录下),原来是hexo-asset-image这个插件对图片路径名的处理函数跟我的输入路径对不上。所以会把我的图片路径转换错,所以一直访问不到。
虽然js代码不会写,改不了插件源码,但我会看呀,把自己的图片路径输入格式按照它处理的那样输,最后成功解决。本来想记录一下再水一篇blog的,但后面懒的记了
另外如果pdf插不成功的话,记得看一下$ hexo g的输出信息有没有生成pdf静态文件,然后检查检查路径

解决了pdf嵌入问题的话

那过几天就可以把我之前的实验报告弄上去了
还记得上学期用pyqt做的端口扫描器跟注册表编辑器
还有一些python网络编程写的辣鸡聊天室、辣鸡异步服务器等等
还有密码学几个MFC写的辣鸡算法(不知道多久的以后应该会用python、Go重构一下)
还有这学期会做几个信息隐藏的算法,辣鸡图片隐写术可能也会来
瞎研究的一些Web安全、渗透方面的东西估计也会写一写 ···
一大波辣鸡代码正在路上···

ヾノ≧∀≦)o 来呀!快活呀!~
-------- 本文结束 --------