利用gitee搭建pdf在线阅读功能

1. 简介

pdf在线阅读功能&＃xff0c;可以存储整理自己的小存量pdf&＃xff0c;并可以快速浏览&＃xff0c;以及在编写文章中进行链接引用&＃xff0c;也方便路人下载与观看。

2. 工具

• 码云Pages(gitee pages)是一个免费的静态网页托管服务, 除此之外你还可以使用gitee pages托管博客、项目官网等.之后我们将使用gitee pages来托管pdf.js. 当然github同样可以实现这样的效果。
• pdf.js是一款使用HTML5 Canvas安全地渲染pdf文件以及遵从网页标准的网页浏览器渲染pdf文件的Javascript库.该插件不需要任何本地支持&＃xff0c;对浏览器的兼容性也比较好.

3. 注册gitee并创建仓库

注册gitee

本地运行

$ ssh-keygen -t rsa -C &＃39;xxxxx&＃64;outlook.com&＃39;
Generating public/private rsa key pair.
Enter file in which to save the key (/c/Users/XH/.ssh/id_rsa):
/c/Users/XH/.ssh/id_rsa already exists.
Overwrite (y/n)? y
Enter passphrase (empty for no passphrase):
Enter same passphrase again:
Your identification has been saved in /c/Users/XH/.ssh/id_rsa.
Your public key has been saved in /c/Users/XH/.ssh/id_rsa.pub.
The key fingerprint is:
SHA256:OY&＃43;Ek3Ww1gKxW0fC5bvbcQ2XlHT2kBaGb&＃43;YpPQn7qxM xxxxxx&＃64;outlook.com
The key&＃39;s randomart image is:
&＃43;---[RSA 3072]----&＃43;
| ooo.o .&＃43;&＃43;o|
| o.B ..&＃43;o&＃43;|
| . * &＃61; o o.|
| B &＃61; .. &＃61; .|
| &＃61; S . B.&＃43;.|
| o &＃43; .E *&＃43; |
| . o .&＃43;...|
| o.o. |
| . oo.. |
&＃43;----[SHA256]-----&＃43;$ cat /c/Users/XH/.ssh/id_rsa.pub
ssh-rsa AAAAB3NzaC1yc2EAAAADAQABAAABgQC6PcgwDYK//ZRdY48q8C1kKw7OsdGggUQff1GW/e3JE6RqWdIZN1Y
................................
pt9HhYq3f/ocvbnx0RHJcs1F82lYZZh7iLZwHhxV5L47pwHLs8YkJ5WM8PnRtOymS0JNuoaam&＃43;rXp5ORhY3&＃43;ATsk7bcNVA6eNLb2Z&＃43;IWKemdoSWs8Jt/XDthJ/B8Jp5z3kDmGsClZ0UHpsgPY/i2IrpXk&＃61; xxxxx&＃64;outlook.com

4. 初始化mimipdf库

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

mkdir mimipdf
cd mimipdf
git init


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

git config --global user.name "xxxxx"
git config --global user.email "xxxxx&＃64;outlook.com"
git remote add origin https://gitee.com/xxxx/mimipdf.git


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

XH&＃64;DESKTOP-2FKN21J MINGW64 /f/gitee/mimipdf (master)
$ ls pdfjs-2.13.216-dist/
build/ LICENSE web/


将你自己要展示的pdf文件放入web文件夹下,将文件上传到gitee的仓库

5. 上传更新内容

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


6. 创建Gitee Pages

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

当然&＃xff0c;你必须有实名认证的条件

• 真实姓名
• 身份证号
• 身份证正反照片
• 手持身份证

当认证通过以后&＃xff0c;最终可以生成如下内容(部署成功)

直接点击启动即可。

访问我的pdf书籍&＃xff1a;

https://ghostwritten.gitee.io/mimipdf/web/viewer.html?file&＃61;LexingtonClassAircraftCarrier.pdf


如图在线PDF&＃xff1a;