PDF预览测试
目前PC端可以正常使用，但是移动端会提示下载pdf
还可以使用mozilla的PDF.js项目，但是PDF.js配置文件较大，如果放在博客中会影响加载速度。我用另一个Hexo博客只存放PDF.js配置文件并部署到服务器上以生成pdf链接供主博客使用。
阿力古の小菜园
Hexo内嵌PDF.js全平台查看PDF
参考教程
superalsrk
hexo-pdf
icimence
如何在Hexo静态博客中使用pdf文章
本地资源方法
安装 hexo-pdf
1 | npm install --save hexo-pdf |
存放pdf文件
[Blogroot]/source/创建一个demo_pdf目录，放入一个名为pKa的pdf文件。
生成pdf网页链接
在上一步存放好pdf文件后，终端运行：
1 | hexo g |
博客生成静态文件中有pdf文件的链接：
1 | INFO Generated: demo_pdf/pKa.pdf |
后续博客部署到云服务器后，浏览器中输入网址：[博客域名/demo_pdf/pKa.pdf]就可以访问这个pdf文件。
例如：我的网址是https://blog.aligu.top/demo_pdf/pKa.pdf, 可以直接打开并保存下载。
markdown中写入
markdown写法：在post或者page文件的适当位置写入路径或网址。
1 | {% pdf /demo_pdf/pKa.pdf %} |
1 | {% pdf 网址 %} |
或者使用html方法：
建议使用html这种方式引入，即可以修改参数，同时嵌套在外挂标签Tabs中。
1 | <iframe src="/demo_pdf/pKa.pdf" width="100%" height="700px" frameborder="0"></iframe> |
保存启动即可
1 | hexo clean |
测试效果如下
效果一：
1 | {% pdf /demo_pdf/pKa.pdf %} |
效果二：
1 | <iframe src="/demo_pdf/pKa.pdf" width="100%" height="1000px" frameborder="0"></iframe> |
效果三：
1 | <iframe src="https://blog.aligu.top/demo_pdf/pKa.pdf" width="100%" height="1000px" frameborder="0"></iframe> |
网络资源方法
使用OneDrive远端仓库(也已被墙)
将pdf文件放入OneDrive个人版仓库中，网页中使用嵌入功能生成pdf文档链接
测试效果如下
1 | {% pdf https://1drv.ms/b/c/bc10b6f6893ababa/IQOxqfEhQfBtSIPNwQqnwkdxAe0YwdZPNJ474LXq1IF3V9k %} |
需要科学上网, 响应太久示例代码已删
附录
还有一些网络仓库方法如下：
1、Google drive(谷歌云盘，已墙)
1 | {% pdf https://drive.google.com/file/d/0B6qSwdwPxPRdTEliX0dhQ2JfUEU/preview %} |
2、Slideshare(ppt分享网，已墙)
1 | {% pdf https://www.slideshare.net/slideshow/embed_code/key/8Jl0hUt2OKUOOE %} |
3、Github远端仓库，使用jsDelivr的cdn服务实现国内的加速访问，或者使用又拍云的cdn服务
1 | {% pdf https://cdn.jsdelivr.net/gh/你的GitHub账户名/你的新建的仓库名/你的文件路径/你的pdf文件.pdf %} |
评论
