一、官网下载 pdf.js {#一、官网下载-pdf-js}

1. 进入官网下载 pdf.js
2. 可以选择稳定版下载
3. 下载至本地
4. 解压缩
5. 创建pdf.js文件夹 并将刚解压的文件放入其中

二、将 pdf.js 文件夹放到Web项目服务器根目录下 {#二、将-pdf-js-文件夹放到Web项目服务器根目录下}

登录服务器后，将 pdf.js 文件夹 拷贝 到Web项目服务器的根目录下。

三、使用 pdf.js 显示 pdf 文件 {#三、使用-pdf-js-显示-pdf-文件}

1. 打开浏览器
2. 输入访问地址：https://10.10.10.10/pdf.js/web/viewer.html，（请修改10.10.10.10为您服务器的IP地址）如果可以看到已显示默认PDF文件的内容，则说明pdf.js已部署成功
   点击查看示例
3. 在地址栏中输入地址：http://10.10.10.10/pdf.js/web/viewer.html?file=你的pdf地址

如果可以显示 pdf内容，那么pdf.js已经安装和部署成功了

四、在项目中使用 {#四、在项目中使用}

|-----------|-----------------------------------------------------------------------------------------------------------------| | 1 | <iframe src="http://10.10.10.10/pdf.js/web/viewer.html?file=PDF地址" width="100%" height="100%"></iframe> |

五、查看示例 {#五、查看示例}

请点击在线查看PDF学习资料

相关链接：为Hexo增加PDF阅读功能的多种方案

参考链接：https://cloud.tencent.com/developer/article/2106100