关于制作ePub电子书的感想（补了一些可能有用的代码）

xlk

目标：在提高制作效率的前提下优化阅读体验（第一目标是快，形成一套流程，在最短时间内做出成品，然后进行局部美化。我最快记录是24分钟一本，系列书部分代码可套用，没有那么多屁事耽误，可能会……不可能没屁事）。

采用纯文字描述，因为图片可能会因为图床服务器出毛病而丢失，而且图片占用空间和消耗流量会很多。我会尽量把部分细节说明清楚。

以下仅为个人经验之谈，难免会有疏漏之处，各位老哥见谅。因为是个人的感想，所以会有部分无关话题（毕竟脑子里乱七八糟，装的什么都有）及个人观点（老哥们当笑话看个乐就好）。

需要的主要工具：Microsoft Word、ePub Maker、Sigil三个软件。


目录：
一、在Word中的预编辑
二、ePub Maker中的操作
三、在Sigil中的编辑
四、关于阅读器软件
五、一些实用的代码
六、优化阅读体验的一些细节

xlk

一、在Word中的预编辑

   我做的ePub电子书来源通常有两种，一是从轻国下载的txt或Word文档制作，二是在别人制作的成品基础上进行修改。第二种由于直接用Sigil进行编辑，会在后边一起说，此处主要讲从txt和Word文档制作的步骤。

1、文本导入（txt）

   新建空白Word文档，打开后按照“插入→对象→文件中的文字”的步骤将txt内容导入Word文档，（快捷键为Alt+N+J+F，不用同时按，但要按顺序按，Alt是MS office套件中的全局快捷键，许多功能都可以用键盘快捷键实现，是提升效率的好帮手）记得在文件格式选择.txt，导入后编码默认Unicode不用改。至此文本导入完成。Docx和Doc直接打开。

   题外话：在Word中箭头可以用- - >（英文输入法状态下的减号减号右尖括号，轻国里不好使了，会变成à，明明QQ能复制过去）快速打出，具体可以看“文件→选项→校对→自动更正选项”里的说明，还有其他特殊字符的快速输入方式。

2、添加标题

   在Word中添加标题主要是为了之后在ePub中做目录可以省事。步骤：首先需要打开导航窗格（视图→导航窗格，此类在一个文档中只需进行一次的操作，可以在Word页面顶部有灯泡的搜索框中搜索找到），页面左侧出现导航窗口，方便预览。添加标题其实是设置文本的特殊样式，所以需要样式命令，而这个命令在功能区一般不显示，需要手动添加，具体方法是：在功能区鼠标右键单击，选择自定义功能区，找到一紫一蓝两个大写字母A的图标（样式），添加到“开始”选卡项（其实加到那里都一样，不过因为Word默认停留在开始选卡项，所以放在这里更加方便），确定之后回到编辑界面，单击样式，会在右侧出现样式窗口，最顶部为标题1到标题3，一般也只会用到这3个。要添加标题的地方，一般有书名，制作信息，作者和画师简介，内容简介，彩页，目录，再来就是正文中的小标题。在添加标题之前，先打开拆分（视图→拆分，一样的，可以搜索找到），把页面分为上下两栏，一般来说，做txt的人会把目录（文字，无链接）放在里边，把其中一栏停留在目录位置，另一栏则可以在左侧导航窗口按照目录搜索小标题，来为之添加标题样式。添加标题样式的方法：选中或鼠标点击需要添加的内容，在右侧选择要添加几级标题，选择之后，右侧的样式栏里选中的标题右侧会出现一个小倒三角形，点击之后选择修改，可以设置标题的具体样式（字体字号、粗体斜体、对齐方式、上下间距等，默认将设置应用到整个文档，存模板太麻烦，没用过），字号不宜太大，我一般书名用一级标题小三号粗体，其他用二级标题四号粗体，如果有特典之类的几个小短篇，则用三级标题，四号不粗体，所有标题居中，正文用小四号字，全文用宋体字（兼容性好，适用广，个人习惯衬线字体）。至此标题添加完成。

   在Word中添加标题有一个好处就是，会把标题内容直接显示为<h>标签，这是可以直接被阅读器识别的目录信息。如果不用<h>标签，阅读器则会搜索关键词（例如：第x章，第x节，或者是数字序号）来生成目录，这就是txt文档有时会有目录的原因，不过极有可能显示不全。

3、切分文档

   切分文档是指将全书分成几个小部分，在ePub中则是数个xhtml文件，这样做的好处是，方便之后对ePub中的具体内容进行编辑，也可以避免单个xhtml文件过大，导致编辑时卡顿。具体进行切分的位置是：除书名之外的其他标题的前面（由于作者简介和画师简介都比较短，可以放在一个文件里，在画师简介前不做切分），单击左侧导航栏中的标题，鼠标会自动定位到标题文字的前边，此时直接点切分，切分的具体操作：布局→分隔符→下一页（Alt+P+B+N，重复操作，不建议搜索，快捷键会更快）。至此切分完成。

4、其他预编辑

   字体大小、颜色、斜体、粗体，下划线、删除线，文本对齐方式，这些在Word中预编辑之后，都可以体现在ePub中。链接和注音（中二作者最爱。。。）则不推荐在Word使用，虽然可以用，但在格式转换时很可能会出错。不过还是说一下怎么用。链接：选中要插入链接的内容，单击鼠标右键，选择链接，可以设置为外部网页链接，本地电脑内的链接，以及本文档内的链接，（本文档内的链接需要在目标位置设置书签，插入→书签，可设置书签的名字，建议按顺序编号），链接可设置要显示的文字内容以及目标地址，链接的颜色可以通过：设计→颜色→自定义颜色，对超链接和已访问的超链接进行修改。注音：选中要添加注音的内容，在开始选卡项有一个上边有拼音的“文”字，单击，可以选择单字和组合模式进行注音修改。

  另外还有缩进的问题，网页上有无缩进影响不大，因为网页比较宽，但手机上就不行了，手机上没缩进看着很难受。在Word中缩进的步骤是：开始→单击段落小窗格右下角的小箭头→缩进→特殊格式→首行缩进（默认2字符），在Word中设置缩进之后，转为ePub格式会把缩进强制变成空格，这样不用在样式表中对p标签使用text-indent属性，而导致不该缩进但是使用了p标签的地方（制作信息）也有缩进的错误。

回到目录

xlk

二、ePub Maker中的操作

   ePub Maker只有1.5M大小但功能很强大，生成的文件比较规范，对于Word中各种预编辑的还原比较好。但这是一款收费软件，最新版本是2017年的1.8，三年没更新还要$49，要是能便宜十分之九我就买了。。。（百度搜索可以找到破解版）

   软件的界面很简洁，左上角是Import Web Pages（载入HTML文件）和Import Word Doc（载入docx或doc文件），这里选择后者，然后选择要用的Word文档（载入时，如果之前没有进行切分操作，软件会提示出来，如果忽略，生成的ePub就只有一个htm文件只有一坨，看着难受，所以还是要先切分），右侧窗口是对文件元信息的编辑，general设置书名和作者，下边的language只有简中和英文，description里放简介（可有可无），cover里边设置封面，setting里前两项是设置生成的ePub文件的存储位置，第一项与所用的Word文档同目录，第二项自己设置一个目录，其他设置保持默认即可（当然也可以自己摸索着玩），最后点击左上角Make ePub按钮，两个弹出窗口确认即可。

  至此，做好的ePub电子书已经可以说是比在贴吧找到的80%（胡乱说的）以上要更加精美（自我感觉）。


回到目录

xlk

三、在Sigil中的编辑（软件版本无所谓）

   把做好的ePub用Sigil打开，会提示文件有问题要不要修复什么的，点确定就好，打开之后先改文件名（其实文件名本身是其次，首先一定要把后缀名.htm改成.xhtml，这是打开会报错的原因，而且xhtml里一些新加的东西可能会在htm里不支持），改名可以用快捷键，在1.0版本中是Ctrl+Alt+R，1.1里有改动，这个快捷键虽然还是改名用的，但是不够快捷（我觉得就是负优化），不过可以自己设置快捷键（编辑→配置→键盘快捷键→重命名，选取规则是不重复，且能单手操作，例如Alt+Shift+R）。

   Sigil中的操作比较琐碎，我也只能想到什么说什么，其实主要是看到哪里不好就改哪里。不过为了追求速度，为美化、排版节省时间，需要熟悉一些操作和快捷键。

   插入图片的操作，快捷键是Ctrl+Shift+I，如果对图片命名比较规范（我现在用的图片命名方法是“数字序号+图片说明”，图片说明可有可无），完全可以只用键盘，而不用移动鼠标。一般在文内应该插入图片的位置都会有“图片”或者“插图”这样的字眼，设置为在所有html文件中查找关键词，找到要插入的位置后按快捷键，可以用上下方向键选择图片（前提是图片命名相似），插入完成后可以按回车键查找下一处。

   插入链接：通常是目录页的链接。sigil的工具栏有链接的图标，将鼠标光标移动到要插入的位置（p标签或h标签内的文字部分，不必选中文字），点击链接图标，选择目标位置即可。

   回跳链接：比如在每个章节的标题或末尾处设置一个跳回目录的链接，如果目录页是一个单独的XHTML文件，将目标位置设为此文件即可；如果不是单独文件，则需要在目录页选中部分文字（通常是“contents”这个词），将此处设置为锚点（工具栏的船锚图标，需设置不重复的锚点名称，即ID），然后将目标位置定位成此处锚点。

   在代码编辑（通常为样式表）过程中要注意的一些问题：不要有大量重复的代码（会造成阅读器卡顿，且占用资源），能够引用的样式，一定要引用，而非复制粘贴。对于样式的命名首先要将自己看得懂，方便修改，最好用英文或拼音命名，这样不容易出现乱码。

   还有分隔符，建议用<hr/>来代替一行线，因为线可能会溢出一行的范围，看着不美观。而且<hr/>能设置粗细、颜色、线型、边框等各种属性，适用性广。

回到目录

xlk

四、关于阅读器软件（个人观点，并非绝对）

Android：

1、静读天下（MoonReader），这是我主要用的。优点是兼容最原始的HTML及CSS代码，还有多样化的自定义功能；缺点是会出些莫名其妙的小bug（做好的电子书，正文内出现“[1/2]”这样的字符，长得像链接，点了又没反应，在其他阅读器看却一点问题都没有），还有加书签（说的是点右上角，却又只有一小块区域，几乎没有一次点准过）。

2、多看阅读，轻国大佬们最喜欢的，优点是图片显示和极其出色的排版支持（主要是标题页）；缺点是字体支持不全（有些不支持的字符直接显示空白，把字体包全轮一遍也不一定有用）。

  多看字符显示不全的解决方案：自己添加字体。在网上随便下载几个GBK字体，放到多看的字体文件夹里（路径：根目录/DuoKan/Resource/Font），刷新之后选择GBK字体，不行的话多试几个。

3、Librera，相当于静读天下的同质化下位替代，有些死板（亮度是个整个软件一致，不像静读天下退出阅读页回到书架时自动调回系统亮度），还有阅读页内的设置框不方便单手点击操作。

Windows：

1、Icecream Ebook Reader，我认为是目前我找到最好的windows端epub阅读器，对代码的支持程度基本等同于网页；缺点是打开的每一本书都会被备份到它自己的图书馆文件夹里，听起来挺好，不过要是改了书中的部分内容，再打开，显示的却是备份的书，看不到改变后的结果，这时候必须要改文件名才能看到改动效果。

2、NeatReader，几个月没什么动静，忽然从3.0.8更新到了5.0.1，虽然是支持彩色字体（指阴影效果）了，但对图片显示效果还是不好（会被分到两页，身首分离），而且字体选项太少了。

3、Calibre以及Adobe Digital Editions，用过是用过，没几天就卸载了，大概是因为又丑又不好用。见过用Calibre做的epub，感觉上就像是把文本塞进去一键生成的结果，乱糟糟的。Adobe那个，看看纯文本的epub还挺好，带图的就算了吧。

回到目录

xlk

五、一些实用的代码

1、强制分页<div style=”page-break-after:always;”></div>

多看不识别这行代码，多看中想分页，直接切分文件比较方便。

2、多看图片浮动显示<div class=”duokan-image-single”>图片</div>

3、换行<br/>

4、水平线<hr/>  静读天下不支持水平线的各种样式，只会显示一条宽度为一页的横线，多看支持较好。

    水平线可以用的样式：  1    2

5、去除超链接下划线：在样式表中添加.nul a{text-decoration:none;}或者a{text-decoration:none;}，前者需要在要去除下划线的超链接处引用class=”nul”，后者直接对所有引用了样式表的文件中的超链接都起作用，不用再次引用。

6、注音：<ruby><rb>正文</rb><rt>注音</rt></ruby>

7、表格：

<table border=”边框，值取0无边框，取1单线边框，取2双线边框” style=”text-align:center color:#”>

  <tbody>

   <tr>

     <td>第一行第一列</td>

      <td>第一行第二列</td>

    </tr>

   <tr>

     <td>第二行第一列</td>

     <td>第二行第二列</td>

   </tr>

  </tbody>

</table>

8、缩写注释<abbr title=”全名”>缩写</abbr>

可以用来搞一些骚操作，在电脑上看时，缩写处会显示虚线下划线，鼠标移过去会浮显全名，可以在全名处藏一些东西，手机不行，连上蓝牙鼠标也不支持。

9、其他文字样式：

   <b>加粗</b>，<i>斜体</i>，<u>下划线</u>

10、链接颜色设置（放在样式表内）

a:link {color:#A3A3A3}未访问的超链接颜色

a:visited {color:#A3A3A3}已访问的超链接颜色

a:hover {color:#A3A3A3}鼠标移动到链接处显示的颜色，手机用不上

a:active {color:#A3A3A3}点击时链接的颜色，手机也用不上

11、空格占位符：

名称                  编号               描述

& nbsp;          & #160;        不断行的空白（1个字符宽度）

& ensp;          & #8194;      半个空白（1个字符宽度）

& emsp;         & #8195;      一个空白（2个字符宽度）

& thinsp;        & #8201;      窄空白（小于1个字符宽度）

没什么大用，只是占个位置而已，因为直接敲空格，编辑器可能会忽略，所以用代码更稳妥。
（把&后边的空格删掉就可以用了）



以前做笔记记了很多代码和标签的用法，不过感觉大多在做ePub的时候都没用。

回到目录

黑翼光羽

看到Sigil突然想起来，，，我b站收藏夹里还躺着有个epub教学视频呢，然鹅根本没看完就把那茬给忘了2333

睡。不。醒

黑翼光羽 发表于 2020-4-7 12:17
看到Sigil突然想起来，，，我b站收藏夹里还躺着有个epub教学视频呢，然鹅根本没看完就把那茬给忘了2333
...

太巧了，我好像是在TSDM那边收藏了一个SIGIL的教程，也一直没看。

希望能在放松一点的时候去看看

碧落无痕

真逗我所有的epub都是用calibre做的，相比于sigil我更喜欢calibre

xlk

碧落无痕 发表于 2020-4-8 08:56
真逗我所有的epub都是用calibre做的，相比于sigil我更喜欢calibre

看过你做的epub，确实很精美，不过我不做精排，因为没有那么多时间，做epub只是作为爱好。我做的书并没有发到网上（不想走授权流程），都是自己做方便自己看。这里sigil只是最后做局部修改用的，其他软件当然也可以，我想说的主要是这一套 快速制作的流程 。大家有想看的书却没人做epub的时候，用这套流程做书会很快，不做弹出注释，不做标题页排版或套用系列书模板，不做注音 等后处理的话，（做过两三本熟练之后）半个小时之内一定能做出一本来。HTML基础也没什么要求，知道一些常用标签是干什么用的就可以。

碧落无痕

xlk 发表于 2020-4-8 13:52
看过你做的epub，确实很精美，不过我不做精排，因为没有那么多时间，做epub只是作为爱好。我做的书并没有 ...

其实我喜欢calibre纯是因为它可以自动补全。比如前文有<div>之后只要打出“</”软件就可以把后面的“div>”自动补全，很方便。（我不知道sigil有没有这个功能，之前用时没发现）

xlk

碧落无痕 发表于 2020-4-8 13:56
其实我喜欢calibre纯是因为它可以自动补全。比如前文有之后只要打出“”自动补全，很方便。（我不知道sig ...

有是有，不过是个残废功能，标签打出一半，保存时候会提示，点击确定就会补全，只不过补的位置不一定是想要的。
如果前后标签不一致，会自动根据前边标签把后边的改了。标点符号不会补全，所以需要Word中的预编辑。
如果想想编代码一样做epub，可以改扩展为.zip解压后，用HBuderX编辑，免费软件，功能强大。

xlk

六、优化阅读体验的一些细节

  1、链接颜色。有人喜欢浅色背景，有人喜欢深色背景（夜间模式），如果嫌弃阅读器原有链接颜色（通常是蓝色和黄色，很突兀），要自己设置链接颜色时，应照顾不同阅读背景下的体验，可以采用介于黑和白之间的折中颜色，我常用的是灰色#A3A3A3（不一定是最好的，可以自己尝试）。



回到目录

wxhx

好像没什么人用掌阅。。

wxhx

好像没什么人用掌阅。。

2656168867

HTML也不难，把觉得好看的版式拿来当模板也挺方便的

HKFC

b站那6个小时的epub教学我居然全都看完了

xlk

2656168867 发表于 2020-4-8 19:19
HTML也不难，把觉得好看的版式拿来当模板也挺方便的

我就是这么到处抠代码的，不过有些大佬的代码很复杂，一层套几层，借鉴有难度

xlk

HKFC 发表于 2020-4-8 19:21
b站那6个小时的epub教学我居然全都看完了

自己也动手做，学的更快，干中学嘛

HKFC

xlk 发表于 2020-4-8 20:13
自己也动手做，学的更快，干中学嘛

现在是学生，没时间做，再加上对html不了解，sigil的正则表达式也不懂
打算暑假时再学