Hexo 使用 PDF.js 在文章中嵌入 PDF

1. 下载 PDF.js

PDF.js - Home

进入 PDF.js 的官网下载压缩包,将其解压后重命名目录为 PDF.js

2. 添加 PDF.js

  1. 在 Hexo 根目录的 source 目录下,新建 js 目录,将 PDF.js 放入 js 目录;

  2. 然后同样在 source 目录下,新建 pdf 目录,用于放入你的 PDF 文件;

  3. 修改配置文件 _config.yml,搜索 skip_render,修改如下:

1
2
skip_render: 
- 'js/PDF.js/**'

3. 文章中添加 PDF

格式如下:

1
2
3
<div>
<iframe src="/js/PDF.js/web/viewer.html?file=/pdf/example.pdf" width="100%" height="800px"></iframe>
</div>

效果如下:


Hexo 使用 PDF.js 在文章中嵌入 PDF
https://flowerdown.org/posts/20250404-135907
作者
Unrealfeathers
发布于
2025年4月4日
许可协议