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

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

文章目录

1. 简介

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


利用gitee就可以实现pdf在线阅读功能,这是我的mimipdf仓库。

查看在线阅读pdf效果:LexingtonClassAircraftCarrier.pdf

2. 工具

码云Pages(gitee pages)是一个免费的静态网页托管服务, 除此之外你还可以使用gitee pages托管博客、项目官网等.之后我们将使用gitee pages来托管pdf.js. 当然github同样可以实现这样的效果。

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

3. 注册gitee并创建仓库

注册gitee

本地运行

$ ssh-keygen -t rsa -C 'xxxxx@outlook.com'
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+Ek3Ww1gKxW0fC5bvbcQ2XlHT2kBaGb+YpPQn7qxM xxxxxx@outlook.com
The key's randomart image is:
+---[RSA 3072]----+
|      ooo.o  .++o|
|       o.B  ..+o+|
|      . * =  o o.|
|       B = .. = .|
|      = S .  B.+.|
|       o + .E *+ |
|        . o .+...|
|           o.o.  |
|          . oo.. |
+----[SHA256]-----+
$ cat /c/Users/XH/.ssh/id_rsa.pub
ssh-rsa AAAAB3NzaC1yc2EAAAADAQABAAABgQC6PcgwDYK//ZRdY48q8C1kKw7OsdGggUQff1GW/e3JE6RqWdIZN1Y
................................
pt9HhYq3f/ocvbnx0RHJcs1F82lYZZh7iLZwHhxV5L47pwHLs8YkJ5WM8PnRtOymS0JNuoaam+rXp5ORhY3+ATsk7bcNVA6eNLb2Z+IWKemdoSWs8Jt/XDthJ/B8Jp5z3kDmGsClZ0UHpsgPY/i2IrpXk= xxxxx@outlook.com

1832b220aa754cd18c504acc7686a560.png

4. 初始化mimipdf库

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

mkdir mimipdf
cd mimipdf
git init

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

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

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

XH@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.

1832b220aa754cd18c504acc7686a560.png

当然,你必须有实名认证的条件

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

1832b220aa754cd18c504acc7686a560.png

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

1832b220aa754cd18c504acc7686a560.png

直接点击启动即可。

访问我的pdf书籍:

https://ghostwritten.gitee.io/mimipdf/web/viewer.html?file=LexingtonClassAircraftCarrier.pdf

如图在线PDF:

1832b220aa754cd18c504acc7686a560.png

相关文章
|
C++
基于Qt的简易PDF阅读器设计与实现
基于Qt的简易PDF阅读器设计与实现
1084 3
|
存储
若依框架 --- pdf文件上传预览功能实现
若依框架 --- pdf文件上传预览功能实现
822 0
|
存储
Vue3 实现 PDF 文件在线预览功能
Vue3 实现 PDF 文件在线预览功能
2347 0
|
13天前
|
数据安全/隐私保护 Windows
深度剖析:PDF 工具箱功能,编辑器操作及页面 / 图像提取技巧
PDF24 Tools是一款德国开发的免费PDF工具箱,18年始终免费,支持网页与Windows客户端。内置近50个工具,涵盖编辑、转换、合并、提取、加密等功能,操作简单,可离线使用,是高效处理PDF的理想选择。
277 0
|
2月前
|
人工智能 JavaScript 前端开发
基于iTextSharp实现PDF加密功能
本教程介绍使用C#与iTextSharp库实现PDF文档加密的方法。内容包括环境搭建、界面设计及后台逻辑编写,涵盖选择文件、设置用户与所有者密码、加密操作等步骤,帮助开发者快速掌握PDF安全处理技巧。
50 0
|
4月前
|
人工智能 开发工具 开发者
【HarmonyOS 5】鸿蒙应用实现发票扫描、文档扫描输出PDF图片或者表格的功能
HarmonyOS 系统提供的核心场景化视觉服务,旨在帮助开发者快速实现移动端文档数字化功能。
136 0
|
8月前
|
存储 人工智能 API
PDF to Podcast:英伟达开源黑科技!PDF 秒转播客/有声书,告别阅读疲劳轻松学习!
NVIDIA推出的PDF to Podcast工具,基于大型语言模型和文本到语音技术,将PDF文档转换为生动的音频内容。
395 14
PDF to Podcast:英伟达开源黑科技!PDF 秒转播客/有声书,告别阅读疲劳轻松学习!
|
7月前
|
JavaScript 前端开发 UED
PDF在线预览实现:如何使用vue-pdf-embed实现前端PDF在线阅读
本文详细介绍了如何在Vue项目中使用vue-pdf-embed实现PDF文件的在线展示。从项目初始化、插件集成到高级功能的实现和部署优化,希望对你有所帮助。在实际项目中,灵活运用这些技术可以大大提升用户体验和项目质量。 只有锻炼思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
|
10月前
|
XML C# 数据格式
一个.NET开源、免费、功能强大的 PDF 处理工具
一个.NET开源、免费、功能强大的 PDF 处理工具
257 8
|
自然语言处理 数据可视化 数据挖掘
Agent实操(四):Code Interpreter,生成二维码、视频、PDF转txt等炸裂功能
本文介绍Agent自带的Code Interpreter有哪些高级而实用的能力
Agent实操(四):Code Interpreter,生成二维码、视频、PDF转txt等炸裂功能