利用gitee搭建pdf在线阅读功能
文章目录
- 1. 简介
- 2. 工具
- 3. 注册gitee并创建仓库
- 4. 初始化mimipdf库
- 5. 上传更新内容
- 6. 创建Gitee Pages
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
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.
当然,你必须有实名认证的条件
- 真实姓名
- 身份证号
- 身份证正反照片
- 手持身份证
当认证通过以后,最终可以生成如下内容(部署成功)
直接点击启动即可。
访问我的pdf书籍:
https://ghostwritten.gitee.io/mimipdf/web/viewer.html?file=LexingtonClassAircraftCarrier.pdf
如图在线PDF:
利用gitee搭建pdf在线阅读功能相关推荐
- JAVA常用API或编程工具003--实现pdf在线阅读功能之pdf.js
pdf.js简介 PDF.js 是基于开放的 HTML5 及 JavaScript 技术实现的开源产品.简单说就是一个 PDF 解析器.运用HTML5JavaScript(即pdf.js仅使用安全的w ...
- 利用Gitee搭建个人图床(上)
利用Gitee搭建个人图床(上) 借助冷文图床操作gitee实现图床功能 更多内容 冷文博客 图床预览http://image.kevinlu98.cn/ 冷文图床简介 一款以码云作为存储平台的图床工 ...
- 利用Gitee搭建个人图床(下)
利用Gitee搭建个人图床(下) 借助冷文图床操作gitee实现图床功能 图床预览http://image.kevinlu98.cn/ 说明 上一篇利用Gitee搭建个人图床(上)我们介绍了冷文图床以 ...
- 利用Gitee搭建私人仓库-https篇
利用Gitee搭建私人仓库-https篇 第一步:注册Gitee账号https://gitee.com/ 第二步:创建私人仓库 安装git 第一步:下载git git下载地址 第二步:按照默认安装就好 ...
- Typora PicGo-Core Gitee搭建个人在线笔记
Typora+PicGo-Core+Gitee搭建个人在线笔记 1. 所需依赖 Typora(0.9.86版本)(我用0.9.89的时候发现不能上传) Node.js PicGo-Core gitee ...
- 利用Gitee搭建免费图床(详细教程)
我为什么要搭建图床呢??? 我的typora能写笔记,能插入图片,为啥要费劲搭图床呢? 你可以尝试将插入图片的md文件发给别人,对,他看不到图片,那咋办? 方法一:md文件+对应路径图片打包: 方法二 ...
- android实现在线阅读功能,Android使用WebView实现离线阅读功能
1.先看效果图,加载动画: 加载完成,注意当前为飞行模式! 2.使用 1).让你的javabean实现OffLineLevelItem接口,因为我的这个离线阅读支持多级下载,比如Demo中的每个频道下 ...
- docsify+github/gitee搭建个人在线文档
docsify,一款神奇的文档网站生成器.docsify 可以快速帮你生成文档网站.不同于 GitBook.Hexo 的地方是,它不会生成静态的 .html 文件,所有转换工作都是在运行时.如果你 ...
- java pdf在线阅读插件_JAVA实现在线查看PDF和office文档
一个项目中要做一个在线预览附件(和百度文库差不多)的小功能点,楼主在开发过程中踩了很多坑的同时也总结了一些方法,仅供广大猿友参考,那么要实现这个小功能,目前主要是有如下3种可行的实现方式,下面先说实现 ...
- python实践pdf在线阅读_Python机器学习实践指南 PDF高清完整版
Python机器学习实践指南 PDF高清完整版 作者: 库姆斯 (Alexander T.Combs) 出品方: 异步社区 原作名: Python Machine Learning Blueprint ...
最新文章
- PyTorch学习笔记——softmax和log_softmax的区别、CrossEntropyLoss() 与 NLLLoss() 的区别、log似然代价函数...
- 清华学生计划表上热搜,大写的服!
- 女朋友什么的都是浮云,代码才是真爱!
- 近期学习的原生JS知识以及jQuery框架
- 关于DMA,TCM(ITCM和DTCM)和Cache的理解
- tcp port numbers reused出现原因_python socket(tcp 线程)实现简单聊天室
- C++ STL学习笔记 : 2. unordered map 容器
- C# Winform 窗体美化(五、鼠标穿透)
- Sqlserver数据库还原.bak文件失败的两个问题
- MATLAB元胞自动机
- 易支付平台全网大汇总!总有一款适合你!
- 西门子G120变频器初始化参数设置
- origin绘制双Y轴柱状图
- Could not resolve dependencies for project com.koolearn:koo-b2b-tesa-api:jar:1.0-dev-SNAPSHOT
- spring boot学习2,日志框架
- CSS单位之vw、vh、vmin、vmax、%
- Python生成兔年祝福词云图,快拿去发给小姐姐吧!祝大家兔年大吉,桃花运多多
- 澳式滋味一页俱全开启你的味蕾之旅
- Android内、外存储 易混淆点剖析(/mnt/sdcard、/storage/sdcard0、/storage/emulated/0等区别)
- 市政管理学考试试题及答案