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

PDF.js

进入PDF.js的官网下载压缩包，将其解压后重命名文件夹为pdfjs。

配置Fluid

  1. 在根目录的source目录下，新建js文件夹，将pdfjs放入js文件夹。
  2. 然后同样在source目录下，新建pdf文件夹，用于放入你的pdf文件。
  3. 修改配置文件_config.fluid.yml，搜索skip_render，修改为skip_render: [js/pdfjs/**]

文章中添加PDF

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

效果如下

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