如何优雅地制作精排 ePub —— 个人电子书制作规范及基本样式表
随着大数据时代的到来,多种移动阅读终端方兴未艾 ——Amazon Kindle不再小众、各互联网巨头纷纷推出旗下的电子书阅读软件。有了阅读的软件/硬件支持,必不可少的就是阅读什么的问题了。ePub格式一直占据着广大电子书市场,多看、百度阅读等电子书市场所使用的格式都是它,人们也渐渐不满足于单纯的TXT文本阅读和质量低劣的扫描版PDF格式了。下面是我自己对 ePub 电子书制作的理念和规范。
P.S.说什么规范其实也谈不上,也就是一些制作的风格与技巧。
封面
这是个看颜的时代。
封面图最好要是高清的,所谓高清,就是一定不能低于普通电子设备的分辨率(1024x768)。
获取方法:
- 搜索引擎搜索书籍封面+百度识图+谷歌识图
- 亚马逊搜索+亚马逊图片链接 http://z2-ec2.images-amazon.com/images/P/(*商品代码*).01.MAIN._SCRM_.jpg
- iTunes Artwork Finder
Kindle 默认是图片全屏的→→,多看需要在 content.opf 的 <spine toc="ncx"> 加上
- properties="duokan-page-fullscreen"
基本样式
基本样式包括字体调用、全局页面设置,这里参考了精益制作组制作的《21世纪资本论》:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
|
@page{ margin-bottom : 5pt ; margin-top : 5pt } @font-face { font-family : "zw" ; src : local ( "宋体" ), local ( "明体" ), local ( "明朝" ), local ( "Songti" ), local ( "Songti SC" ), local ( "Songti TC" ), local ( "Song S" ), local ( "Song T" ), local ( "STBShusong" ), local ( "TBMincho" ), local ( "HYMyeongJo" ), local ( "DK-SONGTI" ), url (../Fonts/zw.ttf), url (../../../../../zw.ttf), } @font-face { font-family : "zw-himalaya" ; src : local ( "Himalaya" ), local ( "DK-SONGTI" ), url (../Fonts/zw-himalaya.ttf), url (../../../../../zw-himalaya.ttf), } @font-face { font-family : "fs" ; src : local ( "仿宋" ), local ( "仿宋_GB2312" ), local ( "Yuanti" ), local ( "Yuanti SC" ), local ( "Yuanti TC" ), local ( "DK-FANGSONG" ), url (../Fonts/fs.ttf), url (../../../../../fs.ttf), } @font-face { font-family : "kt" ; src : local ( "楷体" ), local ( "楷体_GB2312" ), local ( "Kaiti" ), local ( "Kaiti SC" ), local ( "Kaiti TC" ), local ( "MKai PRC" ), local ( "MKaiGB18030C-Medium" ), local ( "MKaiGB18030C-Bold" ), local ( "DK-KAITI" ), url (../Fonts/kt.ttf), url (../../../../../kt.ttf), } @font-face { font-family : "ktpy" ; src : local ( "方正楷体拼音字库01" ), local ( "Kaitipinyin" ), local ( "Kaiti" ), local ( "Kaiti SC" ), local ( "Kaiti TC" ), local ( "MKai PRC" ), local ( "MKaiGB18030C-Medium" ), local ( "MKaiGB18030C-Bold" ), local ( "DK-KAITI" ), url (../Fonts/ktpy.ttf), url (../../../../../ktpy.ttf), } @font-face { font-family : "ht" ; src : local ( "微软雅黑" ), local ( "黑体" ), local ( "Heiti" ), local ( "Heiti SC" ), local ( "Heiti TC" ), local ( "MYing Hei S" ), local ( "MYing Hei T" ), local ( "TBGothic" ), local ( "DK-HEITI" ), url (../Fonts/ht.ttf), url (../../../../../ht.ttf), } @font-face { font-family : "h1" ; src : local ( "方正兰亭特黑长_GBK" ), local ( "方正兰亭特黑长简体" ), local ( "方正兰亭特黑长繁体" ), local ( "LantingTeheichang" ), local ( "Yuanti" ), local ( "Yuanti SC" ), local ( "Yuanti TC" ), local ( "MYing Hei S" ), local ( "MYing Hei T" ), local ( "TBGothic" ), local ( "DK-HEITI" ), url (../Fonts/h 1 .ttf), url (../../../../../h 1 .ttf), } @font-face { font-family : "h2" ; src : local ( "方正大标宋_GBK" ), local ( "方正大标宋简体" ), local ( "方正大标宋繁体" ), local ( "Dabiaosong" ), local ( "DK-XIAOBIAOSONG" ), url (../Fonts/h 2 .ttf), url (../../../../../h 2 .ttf), } @font-face { font-family : "h3" ; src : local ( "方正华隶_GBK" ), local ( "方正行黑简体" ), local ( "方正行黑繁体" ), local ( "Yuanti" ), local ( "Yuanti SC" ), local ( "Yuanti TC" ), local ( "MYing Hei S" ), local ( "MYing Hei T" ), local ( "TBGothic" ), local ( "DK-FANGSONG" ), url (../Fonts/h 3 .ttf), url (../../../../../h 3 .ttf), } @font-face { font-family : "lanting" ; src : local ( "方正兰亭刊黑_GBK" ), local ( "方正兰亭黑" ), local ( "fangzheng" ), local ( "Yuanti SC" ), local ( "Yuanti TC" ), local ( "MYing Hei S" ), local ( "MYing Hei T" ), local ( "TBGothic" ), } @font-face { font-family : "biaosong" ; src : local ( "方正小标宋_GBK" ), local ( "方正小标宋" ), } @font-face { font-family : "cnepub" ; src : local ( "方正小标宋_GBK" ), local ( "方正小标宋" ), } |
标题与正文
- .bt1{
- font-family:"ht";
- font-size:1.2em;
- color:#fff;
- border-radius:0.2em;
- background-color:#e0c98c;
- width:3em;
- padding:0.2em;
- margin-left:auto;
- margin-right:auto;
- text-align:center;
- }
标题二:
- .bt2 {
- /*color:pink;*/
- margin-bottom:1.8em;
- line-height:130%;
- text-align: left;
- padding:190px15px15px66px;
- page-break-before:always;
- font-weight:bold;
- font-size:27px;
- color: #000000;
- text-shadow:1px2px3.5px#000;
- font-family:"微软雅黑","黑体","h2","方正大标宋_GBK","方正大标宋简体","方正大标宋繁体","黑体",sans-serif;
- /*text-outline: 2px 2px #ff0000;*/
- }
标题三:
- .bt1{
- font-family:"ht";
- font-size:1.2em;
- color:#fff;
- border-radius:0.2em;
- background-color:#e0c98c;
- width:3em;
- padding:0.2em;
- margin-left:auto;
- margin-right:auto;
- text-align:center;
- }
标题四:◎ 第一章 大难不死的男孩
- .bt4 {
- font-family:"方正黑体_GBK";
- text-align: left;
- margin:5em05em0;
- padding:0;
- font-size:1.3em;
- border:0;
- color:#49bbbb;
- }
1
2
3
4
5
6
|
p 1 { /* 段落 */ display : block ; text-intend: 2em ; margin : 0.7em 0 ; } |
1
2
3
4
5
|
.initialraise { color : gray ; font-size : 2em ; font-weight : bold ; } |
1
2
3
4
5
6
7
|
.initialsinking { font-size : 1.618em ; float : left ; margin : 5px ; padding : 3px ; text-indent : 0em !important ; } |
-
<spanclass="initialsinking ">听</span>说城里很热闹,笨狼就想去看看。
脚注
/** 多看 **/ sup img { line-height:1.2; width:1em; height:1em; margin:0; padding:0em; vertical-align: text-top; } li.duokan-footnote-item { font-family:"ht","微软雅黑","黑体","zw",sans-serif; text-align: left; font-size: small; line-height:1.2; padding:0px; } /** 原生 **/ .footnote { text-align: justify; text-indent:0em; line-height:110%; font-size:0.85em; font-family:"zw","宋体","明体","明朝",serif; }
-
<aid="ref_footnotebookmark_start_1_1"></a><spanstyle=" font-size:0.75em; vertical-align:super;"><ahref="#ref_footnotebookmark_end_1_1">注释编号</a></span>
-
<pclass="P_Footnote"id="ref_footnotebookmark_end_9_1"><spanstyle=" font-size:0.75em; vertical-align:super;"><ahref="#ref_footnotebookmark_start_9_1">①</a></span>注释的内容</p>
-
<sup><a class="duokan-footnote" href="#ref_footnotebookmark_end_1_1" id="ref_footnotebookmark_start_1_1"><img alt="" src="../Images/note.png" /></a></sup>
1 <ol class="duokan-footnote-content"> 2 <li class="duokan-footnote-item" id="ref_footnotebookmark_end_1_1"> 3 <p class="f"><a href="#ref_footnotebookmark_start_1_1">这里是注释</a></p> 4 </li> 5 </ol>
<sup><a class="duokan-footnote" href="#ref_footnotebookmark_end_1_1" id="ref_footnotebookmark_start_1_1"><img alt="" src="../Images/note.png" /></a></sup>
<ol class="duokan-footnote-content"> <li class="duokan-footnote-item" id="ref_footnotebookmark_end_1_1"> <p class="f"><a href="#ref_footnotebookmark_start_1_1">这里是注释</a></p> </li> </ol>
最后
对于 ePub 的阅读,个人是非常非常推荐多看的,其原因就是多看的规范支持很多 ePub 的“特效”,这点可以参考 http://www.miui.com/thread-1960799-1-1.html (多看电子书制作规范)
- 使用 Sigil 制作,很棒的软件
- 看到制作精良的电子书可以“盗取”它的样式表
- 遇到不会的多用搜索引擎,搜不到的多去一些技术论坛问(Kindleren、精益制作组、掌阅论坛等)
- 如果是基于 AZW3 制作可以使用 Calibre 的 KindleUnpack 插件而不要使用自带的转换功能
- 使用 Sigil 正则表达式可以省去很多麻烦 http://anipv.info/blog/sigil-regexp-intro
- 使用 Sigil 模版可以快速撸 http://www.jebook.org/bbs/thread-67-1-2.html
- Sigil 视频教程:http://www.soepub.com/discuz/thread-161771-1-1.html
- 知乎上关于 ePub 制作软件的讨论 http://www.zhihu.com/question/19554059
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· C#/.NET/.NET Core优秀项目和框架2025年2月简报
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 【杭电多校比赛记录】2025“钉耙编程”中国大学生算法设计春季联赛(1)