前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >使用云服务器与calibre-web构建自己的在线书架(2022年版)

使用云服务器与calibre-web构建自己的在线书架(2022年版)

原创
作者头像
变成下水道守护小鸭子
修改于 2022-10-18 03:25:55
修改于 2022-10-18 03:25:55
7K0
举报

使用云服务器与calibre-web构建自己的在线书架(2022年版)

写在前面

本文介绍,在云服务器上安装calibre-web,以达到可以通过公网在移动端或者其他电脑,预览、访问整理好元数据的书籍。

背景

常用电脑已有一百余本整理好元数据的书籍,但当我想要在公司电脑或者移动端查看这些书籍时,只能提前下载到终端,十分不便。

目标

将已经整理好的数据上传云服务器,方便在其他端阅读。访问方法为:

使用云服务器公网ip + 端口号访问资源,以calibre-web的用户登录。

配置

版本

服务器类型

腾讯云轻量应用服务器,CPU 2核 - 内存 4GB - 系统盘 50GB

操作系统版本

Ubuntu Server 20.04 LTS 64bit

docker

Docker version 20.10.12, build 20.10.12-0ubuntu2~20.04.1

linuxserver/calibre-web

calibre-web的镜像,版本选择最新即可

其他有用工具

winscp(相对于VSCODE上传文件,在我这里winscp工具断连机率更小) vscode(记录操作步骤、查看日志等) putty(远程连接服务器) Portainer(docker的可视化管理)

说明:

  1. 其他有用工具不影响安装,个人使用习惯而已。
  2. 查阅问题时,请注意各项的版本。
  3. 不同于参考链接中使用technosoft2000/calibre-web镜像,由于作者本人已经无精力继续维护该项目,所以我选择了官方镜像linuxserver/calibre-web

风险提示

  1. 请注意所在地区出版业、信息系统管理、备案的有关法规风险。本文只适用于本人整理书籍,以方便本人使用,请勿以此参考,进行经营性活动
  2. 请注意安装calibre-web后的信息安全。暴露端口和ip访问都是带有风险的行为,个人使用云服务器时应进行有关安全配置,本文没有涉及,请按实际情况自行处理

主要参考链接

https://blog.mokeedev.com/2022/06/1113/

https://zhuanlan.zhihu.com/p/366373896

注意:不同于部分参考中使用technosoft2000/calibre-web镜像,由于作者本人已经无精力继续维护该项目,所以我选择了官方镜像linuxserver/calibre-web

准备工作

一、docker

下载、运行docker网上已有详细操作,不赘述

验证:

sudo docker -v

显示docker版本即为安装成功

sudo systemctl status docker

显示状态为active即为运行成功

二、linuxserver/calibre-web镜像

下载linuxserver/calibre-web镜像

sudo docker search calibre

查看镜像列表,选择star最多的那个就行,是官方源

sudo docker pull linuxserver/calibre-web

下载此官方源。注意根据网络情况,可能会有中断、耗时很长的问题。多试几次,或者妥善使用代理进行网络加速

验证:

sudo docker images

查看已下载的镜像列表,linuxserver/calibre-web在列表中即为成功

三、新建calibre-web的文件夹

在服务器合适的位置创建两个文件夹datalibrary

mkdir -p data

mkdir -p library

注意对文件夹进行授权,可以使用chmod -R 777 文件的方式,也可以管理用户组进行授权。

注意这两个文件夹的绝对路径,后续步骤要使用。我这里是:/home/ubuntu/online_books/data

/home/ubuntu/online_books/library

四、上传metadata.db文件

打开本地calibre软件,查找书库位置。可以选中一本书,右键,打开所在目录。

一本书源文件所在目录的上级是作者目录,作者目录的上级是Calibre Library,这个文件夹下有文件metadata.db。很明显,这是一个SQLite数据库文件。把metadata.db复制到上一步的,服务器的library目录下,

注意.db文件的授权

正式安装过程

一、运行calibre-web容器

执行指令:

sudo docker run -d --name=book-calibre-web -e TZ=Asia/Shanghai -e DOCKER_MODS=linuxserver/calibre-web:calibre -p 15010:8083 -v /home/ubuntu/online_books/data:/config -v /home/ubuntu/online_books/library:/books --restart unless-stopped linuxserver/calibre-web

说明:

  • sudo docker run -d 后台运行容器指令。也就是说退出shell(例如我用putty正常退出,shell会发出hup信号,进程结束),进程继续进行
  • --name=book-calibre-web 容器重命名为book-calibre-web。可根据需要修改
  • -e TZ=Asia/Shanghai 指定时区。如果不指定时区会引发calibre-web某个插件的错误,导致无法启动容器
  • -e DOCKER_MODS=linuxserver/calibre-web:calibre 固定写法
  • -p 15099:8083 指定访问端口。这里设置访问路径为云服务器公网ip + 15099端口。8083是不需要修改的,如果想用别的端口,例如9020端口访问,写作-p 9020:8083
  • -v /home/ubuntu/online_books/data:/config calibre-web的配置路径。替换在1 准备工作 3. 新建calibre-web的文件夹的绝对路径
  • -v /home/ubuntu/online_books/library:/books calibre-web的藏书路径。替换在1 准备工作 3. 新建calibre-web的文件夹的绝对路径
  • --restart unless-stopped 设置容器退出时重启。可以根据需要指定别的参数,参考 https://blog.csdn.net/REX1129/article/details/110115211
  • linuxserver/calibre-web 固定写法

耐心等待,首次启动时间很长。当容器的日志输出以下时,启动完成:

…… services.d starting services

iservices.d done.

使用Portainer工具可以查看容器日志。

二、访问站点,初始化配置

访问站点为http:{云服务器公网ip}:端口号

端口号为上步设置的端口,此例为15099。如果需要账户密码,默认账户admin 默认密码admin123。

需要配置:

  • 进入配置,设置Calibre数据库路径为/books,在功能配置中,启用上传
  • 修改admin用户登录密码,增加各项权限

三、初始化上传书籍文件

步骤一 停止calibre-web容器

首先找到calibre-web容器id

sudo docker ps -a

然后停止

sudo docker stop {docker_id}

步骤二 上传书籍文件

按照1 准备工作 4. 上传metadata.db文件的方式,找到本地书库。将所有书籍文件上传到服务器calibre-web的藏书路径。其实calibre-web和普通单机calibre的结构相同,本地文件能读取的,同样的存放结构下,calibre-web也能读取。

上传完后,服务器library目录下,类似这样

代码语言:txt
AI代码解释
复制
|-- library
    |-- 各个作者名称的文件夹,该文件夹下保存该作者的各本书。各本书的文件夹里面是书的源文件、封面图片、`.odf`格式的元数据文件
    |-- metadata.db

注意上传完书籍文件之后,同样要进行文件的授权。

四、重新启动calibre-web容器

验证:

登录calibre-web后,能看到所有书籍,能浏览或者下载格式合适的书籍,且能对书籍编辑元数据,保存成功。

常见问题

  1. 卡在applying linuxserver/calibre-web:calibre files to container 如果你使用Portainer查看容器日志的话,会发现第一次运行时卡在以上提示很久。 参考 https://github.com/linuxserver/docker-calibre-web/issues/105,简单来说就是等着吧。我在这一步大约用时2小时。
  2. 时区问题 某些资料在运行calibre-web容器,没有写明时区,或者将时区写作-e TZ=Asian/Shanghai/-e TZ=Asia/Beijing,在我这里都是不行的,-e TZ=Asia/Shanghai是成功的
  3. 无法保存书籍元数据 保存时提示如下:attempt to write a readonly database

一般都是权限的问题。如果datalibrary下的所有文件都是777权限,可以试试重启容器

其他

  1. 无法预览pdf文件 谷歌浏览器无法浏览pdf文件,试试把嗅探下载资源的软件都排除嗅探。例如,我这里IDM会自动接管pdf文件的下载,把这种接管功能在对应的下载软件里面关闭即可。
  2. 无法在线格式转换 我也没搞明白。但我也不怎么用这个功能,如果有朋友指导一下,不胜感激。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
CSS布局(一)
只需要让header,footer充满整个屏幕,header的内容区、foooter的内容区,content设置一样的宽度,然后都设置 margin: 0 auto实现居中即可。
赤蓝紫
2023/03/11
1.4K0
CSS布局(一)
【Web开发】纯前端实现科技企业官网首页
本篇博文简单实现一个科技类产品官网的主页,图片素材来自于苹果官网。 相关教程参考自https://www.bilibili.com/video/BV117411n7R1 源代码下载:https://download.csdn.net/download/qq1198768105/85630862
zstar
2022/06/14
1.2K0
【Web开发】纯前端实现科技企业官网首页
前端主流布局方法
请注意,本文编写于 153 天前,最后修改于 80 天前,其中某些信息可能已经过时。
曼亚灿
2023/05/18
2.3K0
前端主流布局方法
分享一些关于 CSS Grid 基础入门知识
在本文中,我们将通过一些实际示例来学习CSS网格,以帮助你更好地理解。让我们开始吧。
前端达人
2023/08/31
2590
分享一些关于 CSS Grid 基础入门知识
前端常用布局方案总结
若元素为行内块级元素,可以通过为其父元素设置text-align: center 实现水平居中。
越陌度阡
2022/05/06
2.8K0
前端常用布局方案总结
《前端技术基础》第03章 CSS 布局【合集】
CSS 布局(Cascading Style Sheets Layout)是网页设计的核心,定义元素位置、大小和排列,构建页面结构。其布局模式多样:Flexbox 通过display:flex激活,借助justify-content和align-items灵活排列元素,适用于导航栏、卡片列表;CSS Grid 用grid-template-columns和grid-template-rows定义二维网格定位元素,常用于电商、多列图文排版;传统流式布局基于文档流,元素顺序排列,自适应屏幕宽度,保障页面可读性。这些模式协同,助力开发者打造适配多设备的优质布局。
Rossy Yan
2025/01/24
1730
《前端技术基础》第03章 CSS 布局【合集】
22 个鲜为人知的 CSS 高招让你技高一筹
英文 | https://betterprogramming.pub/22-css-tricks-that-can-make-you-a-layout-ninja-452847fba639
前端达人
2021/09/08
1K0
建议收藏!总结了42种前端常用布局方案
对 CSS 布局掌握程度决定你在Web开发中的开发页面速度。随着Web技术的不断革新,实现各种布局的方式已经多得数不胜数了。
用户6835371
2021/11/26
4.3K0
全栈之前端 | 6.CSS3基础知识之网页几种布局方法学习(1)
描述: 前面相信大家已经跟着【WeiyiGeek】作者一起学习了CSS基础知识了,并且了解了盒子模型、以及元素的定位浮动方面的知识。现在我们在此基础上继续深入学习CSS布局,它是学习CSS之路上一个重点,是在进行前端开发时常常使用到的,所以说我们需要认真学习,若有不懂的地方可以在文章末尾,以及作者交流群【在公众号回复微信交流群】进行留言交流。
全栈工程师修炼指南
2023/10/31
7870
全栈之前端 | 6.CSS3基础知识之网页几种布局方法学习(1)
10分钟理解CSS3 Grid
上一篇文章我们介绍了 css3 flexbox,今天我们再来说说css3的另外一个强大的功能:Grid。 Grid做前端的同学应该都很熟悉了,翻译成中文为“栅格”,用过bootstrap、semantic ui、ant design的同学肯定都了解grid layout(删格布局),以往css框架中的grid布局一般是通过float和百分比的宽度实现的,这种实现有几种缺点:
MudOnTire
2019/05/26
7600
【Web前端】项目实训:CSS基本布局理解
对CSS学习已经接近尾声,下面你可以对以下两道“小卡拉米”测试进行测试下CSS理解程度。
一条晒干的咸鱼
2024/11/19
2220
【Web前端】项目实训:CSS基本布局理解
万字总结 CSS 布局
本文总结了主流的几种 CSS 的布局方法,无论你是一个想要学习 CSS 布局的新手,还是一个比较有经验但想要进一步巩固与了解最新CSS布局知识的前端开发者,这篇指南都能帮你全面了解如今CSS布局发展的现状。
用户8921923
2022/10/24
5.8K0
万字总结 CSS 布局
【HTML | CSS | JAVASCRIPT】耗时一下午,整理出了一个精美的响应式登陆注册表单(附源码)
💂作者简介: THUNDER王,一名热爱财税和SAP ABAP编程以及热爱分享的博主。目前于江西师范大学会计学专业大二本科在读,同时任汉硕云(广东)科技有限公司ABAP开发顾问。在学习工作中,我通常使用偏后端的开发语言ABAP,SQL进行任务的完成,对SAP企业管理系统,SAP ABAP开发和数据库具有较深入的研究。 💅文章概要: 各位C站的小伙伴们,你想要获得一款精美的响应式登录页面吗!收藏我并且关注博主,让我们拿起电脑一起练,一路火光带闪电!无论是电脑,手机还是平板都可以完美适配哦! 🤟每日
THUNDER王
2023/02/23
5410
【HTML | CSS | JAVASCRIPT】耗时一下午,整理出了一个精美的响应式登陆注册表单(附源码)
前端系列第3集-如何理解css盒子型?
CSS盒子模型是一种设计网页布局的概念,它将每个HTML元素表示为一个盒子,该盒子由内容、内边距、边框和外边距组成,这些部分共同构成了一个完整的盒子模型。
达达前端
2023/10/08
4160
前端系列第3集-如何理解css盒子型?
【CSS3——页面布局】画一只考拉(蓝桥杯真题-2341)【合集】
这段 HTML 代码构建了页面的基本结构,为绘制考拉提供了元素容器。主要通过嵌套的 <div> 元素来划分不同的部分,每个部分都有对应的类名,方便在 CSS 中进行样式设置。
Rossy Yan
2025/02/06
1080
【CSS3——页面布局】画一只考拉(蓝桥杯真题-2341)【合集】
如何使用Flexbox和CSS Grid,实现高效布局
CSS 浮动属性一直是网站上排列元素的主要方法之一,但是当实现复杂布局时,这种方法不总是那么理想。幸运的是,在现代网页设计时代,使用 Flexbox 和 CSS Grid 来对齐元素,变得相对容易起来。
葡萄城控件
2022/05/09
3.6K0
如何使用Flexbox和CSS Grid,实现高效布局
CSS 中的 Grid 布局 完全指南
Grid 是一个基于二维网格布局的系统,有了它我们可以非常方便的实现过去很复杂布局,无需再使用float, inline-block, position 这些本质上是 hack 的方法。
羽月
2022/10/08
4K0
CSS 中的 Grid 布局 完全指南
使用网络构建复杂布局超实用的技巧,赶紧收藏吧!
作者:Shadid Haque 译者:前端小智 来源:soshace 点赞再看,微信搜索 【大迁世界】 关注这个没有大厂背景,但有着一股向上积极心态人。本文 GitHub https://github.com/qq44924588... 上已经收录,文章的已分类,也整理了很多我的文档,和教程资料。 1024程序员节,160就能买到400的书,红宝书 5 折 网格布局是现代CSS中最强大的功能之一。使用网格布局可以帮助我们在没有任何外部 UI 框架的情况下构建复杂的、快速响的布局。在这篇文章中,将会介绍所有
前端小智@大迁世界
2020/10/30
1.1K0
使用网络构建复杂布局超实用的技巧,赶紧收藏吧!
【程序员装B系列】八种CSS3按钮动画特效
这是一款CSS3按钮动画特效。在该特效中,提供了八种按钮动画特效。每种特效在鼠标悬停到按钮上面的时候,都会触发按钮动画。
用户5997198
2019/09/19
1.2K0
【程序员装B系列】八种CSS3按钮动画特效
CSS3 新特性
如同人类的的进化一样,CSS3是CSS2的“进化”版本,在CSS2基础上,增强或新增了许多特性, 弥补了CSS2的众多不足之处,使得Web开发变得更为高效和便捷。
用户9615083
2022/12/25
5570
CSS3 新特性
推荐阅读
相关推荐
CSS布局(一)
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档