搭建自己的pdf在线预览工具

​ 在日常工作学习过程中,我们常常将自己的学习笔记和成果记录下来, 之后想通过网络将这些资料分享给其他人.如果你有个人博客,那么可以将你的总结用markdown写下来然后发布在你的网站上. 但是如果你没有自己的博客, 或者有些资料内容markdown并不能完整的表达出来, 又或者你的资料是word、ppt等格式的文件, 又或者你的你需要将你的简历以pdf的格式放在网上, 此时你可能突然有想要将以上提到的这些资料都转为pdf的格式,然后放在网络上让别人访问.然而找了一圈发现并没有一个好用的线上工具可以实现这个效果. 那么,恭喜你, 通过阅读并且按照本文的内容你将拥有属于你自己的pdf在线预览服务器,可以将你自己的pdf通过网络分享出去,让更多人看到你的内容.

2、使用gitee和pdf.js搭建pdf在线浏览工具

码云Pages(gitee pages)是一个免费的静态网页托管服务, 除此之外你还可以使用gitee pages托管博客、项目官网等. 之后我们将使用gitee pages来托管pdf.js. (使用Github Pages也可以达到同样的效果, 但是Github的访问速度也是.....)

pdf.js是一款使用HTML5 Canvas安全地渲染pdf文件以及遵从网页标准的网页浏览器渲染pdf文件的javascript库.该插件不需要任何本地支持，对浏览器的兼容性也比较好.

2.1 注册gitee并创建仓库

使用Gitee - 廖雪峰的官方网站

2.2 连接gitee远程仓库并上传pdf.js

在本地创建空项目Npdf,并初始化git

mkdir Npdf
cd Npdf
git init

在gitee创建名为Npdf的仓库, 本地连接到远程仓库

git config --global user.name "xxxxx"
git config --global user.email "[email protected]"
git remote add origin https://gitee.com/xxxx/npdf.git

下载pdf.js的源码,并解压到本地Npdf仓库下.

将你自己要展示的pdf文件放入web文件夹下

将文件上传到gitee的仓库

git add *
git commit -m "add pdf.js"
git push origin master

gitee的Npdf仓库中选择Service下的Gitee Pages.进入选择创建Pages.

最终可以生成如下内容(部署成功)

之后,你可以使用如下链接, 打开之前放入web文件夹下的pdf文件

https://lucasnan.gitee.io/npdf/web/viewer.html?file=robot-handle.pdf

• https://lucasnan.gitee.io/npdf 你的Npdf仓库Gitee Pages主页
• web/viewer.html
• ?file= 后接pdf的名称

最后，如果你遇到任何问题，可以在评论区留言，我会尽快回复。另外，也请你抽时间关注自己留言下的解答。