源起

突发奇想，想在博客上展示自己的 CV, 于是搜索了一些关于在hexo博客中预览pdf的文章并整合如下。

教程

依靠一个hexo下的插件实现。官方文档

简单介绍一下：

  • 安装hexo-pdf 插件 
npm install --save hexo-pdf
  • 在文章中嵌入如下代码
{% pdf ./mydocument.pdf %} %这是使用本地文档的方式
{% pdf url of your resource %} %使用在线资源

基本上就可以实现了，这是我的效果

问题

目前展示pdf的效果初步成功了，但是还有一个问题。就是pdf的长显得非常短，预览起来非常丑。猜想是由于网站的主题格式限制的。
在官方文档的issue 中，有一段解答。
在博客根目录下找到node_modules\hexo-pdf文件夹，其中有一个reader.ejs文件，修改其中的height width即可达到对应效果。
值得注意的是，需要执行 hexo clean, generate, deploy 三条命令重新生成，因为我们的node_modules\文件夹没有上传至GitHub，所以我们对该文件夹下的文件的修改，并没有同步到GitHub。
我们部署的workflow也不能自动实现这个更新。
手动执行deploy 之后，pdf 显示正常。

如果我们相拥自动部署来完成，我们可能解决方式为：

  • 修改auto.yml 更新自动部署的步骤，修改reader.ejs的参数
  • 上传node_modules

参考的网站：