前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >专栏 >开源一个支持多种格式、多模式、跨平台的开源免费电子书阅读器

开源一个支持多种格式、多模式、跨平台的开源免费电子书阅读器

作者头像
开源日记
发布于 2023-03-10 10:16:41
发布于 2023-03-10 10:16:41
2.6K00
代码可运行
举报
文章被收录于专栏:JVMGCJVMGC
运行总次数:0
代码可运行

跨平台的电子书阅读器,平台支持 Windows,macOS,Linux 和网页版,格式支持 epub, pdf, mobi, azw3, txt, djvu, markdown, fb2, cbz, cb......

Koodo Reader

一个跨平台的电子书阅读器
预览
特色
  • 支持阅读格式:
  • EPUB (.epub)
  • 扫描文档 (.pdf, .djvu)
  • Kindle (.azw3, .mobi)
  • 纯文本 (.txt)
  • 漫画 (.cbr, .cbz, .cbt)
  • 富文本 (.md, .docx, .rtf)
  • FB2 (.fb2)
  • 超文本 (.html, .xml, .xhtml, .htm)
  • 支持 WindowsmacOSLinux网页版
  • 备份数据到 DropboxWebdav
  • 自定义源文件夹,利用 OneDrive、百度网盘、iCloud、Dropbox 等进行多设备同步
  • 双页模式,单页模式,滚动模式
  • 听书功能,翻译功能,触控屏支持,批量导入图书
  • 支持目录,书签,笔记,高亮,书架,标签
  • 自定义字体,字体大小,行间距,段落间距,阅读背景色,文字颜色,屏幕亮度,文字下划线、斜体、文字阴影、字体粗细
  • 黑夜模式和主题色设置
使用方法
  • 桌面端:
  • 稳定版 (推荐下载):[官网](感谢 [@Stille]提供下载加速服务)
  • 开发版:[Github Release](包含新功能和 bug 修复,但也可能引入更多未知 bug)
  • 使用 Scoop 安装:
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
scoop bucket add dorado https://github.com/chawyehsu/dorado
scoop install dorado/koodo-reader
  • 使用 Homebrew 安装:
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
brew install --cask koodo-reader
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
docker-compose up -d
截图

列表模式

封面模式

阅读菜单

备份和恢复

黑夜模式和主题色

笔记管理

运行源码

请确保您电脑的 node 的版本为 14.x.x,已配置好 yarn,git 的运行环境。

  • 1.将项目源码下载到本地
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
git clone https://github.com/troyeguo/koodo-reader.git
  • 2.cd 到项目文件夹,运行以下代码进入客户端模式
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
yarn
yarn dev
  • 3.运行以下代码进入网页模式
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
yarn
yarn start

更多功能广大网友可以继续挖掘。

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2022-12-30,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 开源日记 微信公众号,前往查看

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

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
前端学习(14)~css学习(八):定位属性
如果想做“压盖”效果(把一个div放到另一个div之上),我们一般不用相对定位来做。相对定位,就两个作用:
Vincent-yuan
2020/03/19
9490
CSS进阶内容—浮动和定位详解
当然如果没有学习之前的知识,可以到我的主页中查看之前的文章:秋落雨微凉 - 博客园
秋落雨微凉
2022/10/25
2.2K0
CSS进阶内容—浮动和定位详解
前端学习笔记之CSS网页布局 CSS网页布局
  1、浮动流只有一种排版方式,就是水平排版,它只能设置某个元素左对齐或者右对齐,没有居中对齐,也就是没有center这个取值
Jetpropelledsnake21
2019/02/15
4.9K0
零基础学前端之定位
脱离标准流,把元素固定到指定的页面位置,不论浏览器上下怎么翻动,被固定的元素随着浏览器的滚动而滚动,就像你看到的讨厌的广告一样,不论你怎么翻页,他一直在哪里。
用户9184480
2024/12/19
730
前端基础-CSS定位
注意:偏移值准确的理解是“距离什么位置有多少像素” 。 如 top:100px; 距离顶部为100像素 (向下走)
cwl_java
2020/04/07
6320
前端基础-CSS定位
五. css 布局之 position(定位)
包含块( containing block ) 正常情况下: 包含块就是离当前元素最近的祖先块元素,
小海怪的互联网
2020/10/26
2.2K0
前端复习:CSS专题3
1 行高和字号 1.1 行高 CSS中,所有的行,都有行高。盒模型的padding,绝对不是直接作用在文字上的,而是作用在“行”上。 line-height: 40px; 文字,是在自己的行里面居
py3study
2020/01/13
8640
【CSS】定位 ④ ( 绝对定位特点 | 相对定位不脱标示例 | 绝对定位脱标示例 )
如果 绝对定位 的元素 的 父级元素 没有定位 , 那么会 一直向上查找有定位的父级元素 , 直到浏览器 ;
韩曙亮
2023/04/16
9880
【CSS】定位 ④ ( 绝对定位特点 | 相对定位不脱标示例 | 绝对定位脱标示例 )
CSS-定位(position)
静态定位是所有元素的默认定位方式,当position属性的取值为static时,可以将元素定位于静态位置。 所谓静态位置就是各个元素在HTML文档流中默认的位置。
用户9615083
2022/12/25
1.5K0
CSS-定位(position)
CSS绝对定位7大应用场景实战案例分享
今天我们来分享web前端CSS定位中的position:absolute绝对定位的应用场景案例的相关场景!
艾编程
2022/12/09
9560
CSS绝对定位7大应用场景实战案例分享
前端零基础教学开始第六天 06 – day 多种定位方法 和 精灵图使用 元素的显示与隐藏…[通俗易懂]
2、父元素要有定位 —- 父元素在标准六中的位置 + 边偏移属性 来设置 元素的位置
全栈程序员站长
2022/09/02
3.5K0
Web - CSS3浮动定位与背景样式
这篇文章主要介绍了 CSS3 中的浮动定位、背景样式、变形效果等内容。包括 BFC 规范与创建方法、浮动的功能与使用要点、定位的多种方式及特点、边框与圆角的设置、背景的颜色、图片等属性、多种变形效果及 3D 旋转等,还提到了浏览器私有前缀。
stark张宇
2025/02/04
1100
【CSS】绝对定位元素设置 水平 / 垂直 居中 ( 绝对定位元素居中设置 - 先偏移 50% 再回退子元素一半尺寸 | 绝对定位居中设置 )
绝对定位 不能通过 设置 margin: auto; 样式的方式 , 设置盒子模型水平居中 ;
韩曙亮
2023/04/16
3.3K0
【CSS】绝对定位元素设置 水平 / 垂直 居中 ( 绝对定位元素居中设置 - 先偏移 50% 再回退子元素一半尺寸 | 绝对定位居中设置 )
CSS 定位布局 - 相对、绝对、固定三种定位
文档流,是指盒子按照html标签编写的顺序依次从上到下,从左到右排列,块元素占一行,行内元素在一行之内从左到右排列,先写的先排列,后写的排在后面,每个盒子都占据自己的位置。
Devops海洋的渔夫
2019/05/31
3.6K0
CSS笔记(14)
定位模式用于指定一个元素在文档中的定位方式,边偏移则决定了该元素的最终位置.
y191024
2022/09/20
6040
CSS笔记(14)
【CSS】定位 ⑥ ( 使用绝对定位在父容器任意位置显示子容器 | 代码示例 )
要实现如下功能 , 下图 粉色 部分是 整体 父容器 , 紫色元素 是 中心的核心位置 , 蓝色是左上角的浮标 , 红色是右下角的浮标 ;
韩曙亮
2023/04/16
1.3K0
【CSS】定位 ⑥ ( 使用绝对定位在父容器任意位置显示子容器 | 代码示例 )
【CSS】CSS 总结 ⑦ ( 定位 | 静态定位 | 相对定位 | 绝对定位 | 子绝父相 | 固定定位 | 使用绝对定位设置水平/垂直居中 | 堆叠顺序 | 显示模式 | 元素隐藏 ) ★
从层级上来说 , 普通流盒子 在最底层 , 浮动盒子 在中间层 , 定位盒子 在最上层 ;
韩曙亮
2024/08/09
4520
【CSS】CSS 总结 ⑦ ( 定位 | 静态定位 | 相对定位 | 绝对定位 | 子绝父相 | 固定定位 | 使用绝对定位设置水平/垂直居中 | 堆叠顺序 | 显示模式 | 元素隐藏 ) ★
CSS笔记
@import url(xx.css): 在一个css中,添加对其他css文件的引用
tandaxia
2018/09/27
1.6K0
CSS笔记
【CSS】定位 ③ ( 绝对定位 | 父容器有定位相对于父容器定位 | 父容器没有定位相对于浏览器进行定位 )
上述 父容器 的定位 不一定是 绝对定位 , 其它类型的定位也可以 , 在本博客的示例中 , 使用的就是 相对定位 ;
韩曙亮
2023/04/16
9180
【CSS】定位 ③ ( 绝对定位 | 父容器有定位相对于父容器定位 | 父容器没有定位相对于浏览器进行定位 )
【CSS3】CSS3 2D 转换 - translate 平移 ( transform: translate 样式 | 百分比移动相对于元素自身尺寸 | 百分比移动实现绝对定位的居中效果 )
CSS3 中的 Transform 转换 , 可以实现 标签元素 的 位移 / 旋转 / 缩放 ;
韩曙亮
2023/04/24
1K0
【CSS3】CSS3 2D 转换 - translate 平移 ( transform: translate 样式 | 百分比移动相对于元素自身尺寸 | 百分比移动实现绝对定位的居中效果 )
推荐阅读
前端学习(14)~css学习(八):定位属性
9490
CSS进阶内容—浮动和定位详解
2.2K0
前端学习笔记之CSS网页布局 CSS网页布局
4.9K0
零基础学前端之定位
730
前端基础-CSS定位
6320
五. css 布局之 position(定位)
2.2K0
前端复习:CSS专题3
8640
【CSS】定位 ④ ( 绝对定位特点 | 相对定位不脱标示例 | 绝对定位脱标示例 )
9880
CSS-定位(position)
1.5K0
CSS绝对定位7大应用场景实战案例分享
9560
前端零基础教学开始第六天 06 – day 多种定位方法 和 精灵图使用 元素的显示与隐藏…[通俗易懂]
3.5K0
Web - CSS3浮动定位与背景样式
1100
【CSS】绝对定位元素设置 水平 / 垂直 居中 ( 绝对定位元素居中设置 - 先偏移 50% 再回退子元素一半尺寸 | 绝对定位居中设置 )
3.3K0
CSS 定位布局 - 相对、绝对、固定三种定位
3.6K0
CSS笔记(14)
6040
【CSS】定位 ⑥ ( 使用绝对定位在父容器任意位置显示子容器 | 代码示例 )
1.3K0
【CSS】CSS 总结 ⑦ ( 定位 | 静态定位 | 相对定位 | 绝对定位 | 子绝父相 | 固定定位 | 使用绝对定位设置水平/垂直居中 | 堆叠顺序 | 显示模式 | 元素隐藏 ) ★
4520
CSS笔记
1.6K0
【CSS】定位 ③ ( 绝对定位 | 父容器有定位相对于父容器定位 | 父容器没有定位相对于浏览器进行定位 )
9180
【CSS3】CSS3 2D 转换 - translate 平移 ( transform: translate 样式 | 百分比移动相对于元素自身尺寸 | 百分比移动实现绝对定位的居中效果 )
1K0
相关推荐
前端学习(14)~css学习(八):定位属性
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文