完整的 Hexo 整合 pdf.js 过程（亲测有效！）

前言

这段时间想要在线预览自己的PDF，于是在网上找了许多相关的资料，发现都是不齐全的，自己尝试了许久，才摸索出完整的 hexo整合pdf.js过程！给大家提供个参考，有什么问题可留言交流~

1、安装 hexo-pdf

npm install --save hexo-pdf 

2、修改项目的 _config.yml配置

3、在source_posts下创建目录，放入pdf文件

4、创建与上面目录相同名的md文件

注意：md文件的名称一定要与第三步创建的目录同名，如我的目录是PDF01，那 md 文件名为PDF01.md

---
title: PDF01-高性能MySQL第三版
# banner_img: https://images.pexels.com/photos/1229861/pexels-photo-1229861.jpeg?auto=compress&cs=tinysrgb&h=750&w=1260
category: 在线PDF
tag: mysql
excerpt: 高性能MySQL
---
 
 <!-- 在线显示PDF -->
 
 <!-- 第一种方式，可调整pdf显示的大小，比较灵活 -->
 <embed src="./mysql.pdf" width="100%" height="750" type="application/pdf">

 <!-- 第二种方式 -->
 <!-- {% pdf ./mysql.pdf %} -->

说明：src的路径就为pdf文件的路径，不用加PDF01前缀，因为这个PDF01.md文件默认会找PDF01下的文件。

5、保存启动即可

hexo s

6、预览效果

目录