由于Gitee关闭了Gitee Pages服务,不能加载博客了,所以我又把博客迁移回Github了,顺带还把主题更新了一下。

另外,我把评论系统从Valine换成Waline了,这个的功能更多一些。

新的链接https://xiaowang266.github.io/


一、简介

相信爱看电子书的朋友们一定遇到过这种问题:作者酷爱在文章中插入大段且重要的注释,而这本书的注释又是跳转式的,跳来跳去非常麻烦。但只因为这样就放弃读这本书又有点太过了,于是就陷入了两难的境地。

本文的目的就是,介绍如何相对简单地解决这个问题。

二、准备工作

本文主要通过EPUB 3.0的弹出式注释解决上文问题

1. 确认电子书格式

甲、.epub后缀的电子书

没有弹出式注释的EPUB电子书一般是EPUB 2.0电子书,可以转换成EPUB 3.0后用本文介绍的方法解决上文问题。但也有例外,辨别的方法详见“三、制作方法”。

乙、其他后缀的电子书

转换为EPUB电子书后同甲。

丙、只能在特定软件中打开的电子书

不适用于本教程,可以试试向电子书作者反馈以期作者来解决上文问题。

2. 安装软件

可选:calibre

这个软件可以把其他格式电子书转换成EPUB电子书。同时,考虑到网上流通的电子书可能经历了多次转换,容易出错,我们可以对其进行规整。

在计算机上安装calibre,把电子书导入其中。然后点“转换书籍”并将转换窗口右上角的“输出格式”选项点选为“EPUB”。最后点确定就行啦~

转换书籍

之后把电子书导出,点“保存到硬盘”,然后保存即可。

保存到硬盘

必选:Sigil

在计算机上安装Sigil,然后打开Sigil,点“插件”→“插件管理”,最后点“添加插件”来安装两个插件:ePub3-itizer注释处理插件。第一个插件是用来将EPUB 2.0转为EPUB 3.0的,第二个插件是用来将跳转式注释转换为弹出式注释的。

第一步 第二步

三、制作方法

在Sigil中打开要加工的EPUB电子书。

打开

然后在窗口左上角就能看到电子书是2.0还是3.0了。

图中是2.0的书

EPUB 2.0转EPUB 3.0

在已经打开EPUB 2.0电子书的情况下,点“插件”→“输出”→“ePub3-itizer”打开插件,选择保存位置后完成即可。

打开插件

跳转式转弹出式

打开EPUB 3.0电子书,点“插件”→“编辑”→“SigilFootNoteUltimate”打开插件。

打开插件

这时会出现一个新的窗口。

新窗口

这个插件比较复杂,此处仅作方法讲解,如有不解之处可以点窗口左下角的“说明”。

在右下角的配置模板区域,右键对应配置可以进行操作。

操作

作者的“默认配置”是为“多看”这款软件设计的,如果你想用这款应用看电子书的话,直接调用“默认配置”然后点“执行”即可。保存之后,之前打开的EPUB 3.0电子书就转换完成了。

仅适配对EPUB 3.0支持较好的软件的方法(数字型)

关于支持较好的软件,我个人推荐Reasily(安卓端)【提取码:2666】Thorium(PC端)

按下图设置刚才的窗口。

功能设置 替换模板

注标模板:

<a epub:type="noteref" href="[href]"><sup>[[num]]</sup></a>

注释模板:

<aside epub:type="footnote" id="[id]">[note]</aside>

执行后保存即可。

仅适配对EPUB 3.0支持较好的软件的方法(图片型)

关于支持较好的软件,我再次推荐Reasily(安卓端)【提取码:2666】Thorium(PC端)

按下图设置刚才的窗口。

功能设置 替换模板

注标模板:

<a epub:type="noteref" href="[href]"><sup><img width="10" src="../Images/note.png" /></sup></a>

注释模板:

<aside epub:type="footnote" id="[id]">[note]</aside>

点击“执行”。

接下来,找一个用作注标的图片,重命名为"note",图片后缀为.png。

网图,侵删

在Sigil中点“添加现有文件”,选中刚才的注标图片后添加。

添加现有文件

然后双击Sigil的图书浏览器区域的.opf文件。

双击.opf文件

<manifest>行下加入:

<item id="note" href="Images/note.png" media-type="image/png"/>

加入

最后保存即可。

适配大部分软件但不太美观且有漏洞的方法

适配软件包括Reasily、Thorium、华为阅读、多看、掌阅、Kindle等。

“微信读书”在我测试出结果之前不让我导入电子书了,提示我“非付费会员每月可导入3本本地书籍”。

按下图设置刚才的窗口。

功能设置 替换模板

注标模板:

<sub><a class="duokan-footnote" epub:type="noteref" href="[href]" id="[id]"><img width="25" alt="[note]" class="zhangyue-footnote" src="../Images/note.png" zy-footnote="[note]"/></a></sub>

由于掌阅会将注标极大地缩小,因此我放大了注标图片,但这会导致在其他电子书软件中注标较大。于是在此我要详细说明一下,以便各位自定义。

控制注标大小的属性总共有两种:width=""height=""。当仅使用一种时,注标会等比例缩放。引号内可以填数字(像素大小)或百分比(长/宽占当前窗口长/宽的比例) 。

注释模板:

<aside epub:type="footnote" id="[id]"><ol class="duokan-footnote-content" style="list-style:none"><li class="duokan-footnote-item" id="[id]"><p><a href="[href]">注[num]</a>:[note]</p></li></ol></aside>

点击“执行”。

如报错,不要担心,点“是”。

报错

然后点“工具”→“HTML重新格式化”→“改进所有HTML文件”即可。

改进

接下来,找一个用作注标的图片,重命名为"note",图片后缀为.png。

网图,侵删

在Sigil中点“添加现有文件”,选中刚才的注标图片后添加。

添加现有文件

然后双击Sigil的图书浏览器区域的.opf文件。

双击.opf文件

<manifest>行下加入:

<item id="note" href="Images/note.png" media-type="image/png"/>

加入

最后保存即可。

标题中提到的漏洞是注释中的特殊文本无法正常渲染输出,只能输出普通文本,更别说图片了。例如:

源代码正常渲染输出本方法渲染输出
<i>Vol.6,China</i>Vol.6,China<i>Vol.6,China</i>

四、结语

尽管我总结的方法比较通用,但还是会有电子书经过转换之后无法正常弹出注释。如果遇到了什么问题的话,欢迎找我讨论(  ̄▽ ̄ )