如何优雅地制作精排 ePub —— 个人电子书制作规范及基本样式表
2024-05-09 06:49:28
随着大数据时代的到来，多种移动阅读终端方兴未艾 ——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(res:///opt/sony/ebook/FONT/zw.ttf),
url(res:///Data/FONT/zw.ttf),
url(res:///opt/sony/ebook/FONT/tt0011m_.ttf),
url(res:///ebook/fonts/../../mnt/sdcard/fonts/zw.ttf),
url(res:///ebook/fonts/../../mnt/extsd/fonts/zw.ttf),
url(res:///ebook/fonts/zw.ttf),
url(res:///ebook/fonts/DroidSansFallback.ttf),
url(res:///fonts/ttf/zw.ttf),
url(res:///../../media/mmcblk0p1/fonts/zw.ttf),
url(file:///mnt/us/DK_System/system/fonts/zw.ttf),
url(file:///mnt/us/DK_System/xKindle/res/userfonts/zw.ttf),
url(res:///abook/fonts/zw.ttf),
url(res:///system/fonts/zw.ttf),
url(res:///system/media/sdcard/fonts/zw.ttf),
url(res:///media/fonts/zw.ttf),
url(res:///sdcard/fonts/zw.ttf),
url(res:///system/fonts/DroidSansFallback.ttf),
url(res:///mnt/MOVIFAT/font/zw.ttf),
url(res:///media/flash/fonts/zw.ttf),
url(res:///media/sd/fonts/zw.ttf),
url(res:///opt/onyx/arm/lib/fonts/AdobeHeitiStd-Regular.otf),
url(res:///../../fonts/zw.ttf),
url(res:///../fonts/zw.ttf),
url(../../../../../zw.ttf),
url(res:///mnt/sdcard/fonts/zw.ttf),
url(res:///fonts/zw.ttf),
url(res:///../../../../Windows/fonts/zw.ttf),
url(res:///fonts/normal/st),
url(res:///fonts/normal/SongTi);
}
@font-face {
font-family:"zw-himalaya";
src:
local("Himalaya"),
local("DK-SONGTI"),
url(../Fonts/zw-himalaya.ttf),
url(res:///opt/sony/ebook/FONT/zw-himalaya.ttf),
url(res:///Data/FONT/zw-himalaya.ttf),
url(res:///opt/sony/ebook/FONT/zw-himalaya.ttf),
url(res:///ebook/fonts/../../mnt/sdcard/fonts/zw-himalaya.ttf),
url(res:///ebook/fonts/../../mnt/extsd/fonts/zw-himalaya.ttf),
url(res:///ebook/fonts/zw-himalaya.ttf),
url(res:///ebook/fonts/DroidSansFallback.ttf),
url(res:///fonts/ttf/zw-himalaya.ttf),
url(res:///../../media/mmcblk0p1/fonts/zw-himalaya.ttf),
url(file:///mnt/us/DK_System/system/fonts/zw-himalaya.ttf),
url(file:///mnt/us/DK_System/xKindle/res/userfonts/zw-himalaya.ttf),
url(res:///abook/fonts/zw-himalaya.ttf),
url(res:///system/fonts/zw-himalaya.ttf),
url(res:///system/media/sdcard/fonts/zw-himalaya.ttf),
url(res:///media/fonts/zw-himalaya.ttf),
url(res:///sdcard/fonts/zw-himalaya.ttf),
url(res:///system/fonts/DroidSansFallback.ttf),
url(res:///mnt/MOVIFAT/font/zw-himalaya.ttf),
url(res:///media/flash/fonts/zw-himalaya.ttf),
url(res:///media/sd/fonts/zw-himalaya.ttf),
url(res:///opt/onyx/arm/lib/fonts/AdobeHeitiStd-Regular.otf),
url(res:///../../fonts/zw-himalaya.ttf),
url(res:///../fonts/zw-himalaya.ttf),
url(../../../../../zw-himalaya.ttf),
url(res:///mnt/sdcard/fonts/zw-himalaya.ttf),
url(res:///fonts/zw-himalaya.ttf),
url(res:///../../../../Windows/fonts/zw-himalaya.ttf),
url(res:///fonts/normal/zw-himalaya);
}
@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(res:///opt/sony/ebook/FONT/fs.ttf),
url(res:///Data/FONT/fs.ttf),
url(res:///opt/sony/ebook/FONT/tt0011m_.ttf),
url(res:///ebook/fonts/../../mnt/sdcard/fonts/fs.ttf),
url(res:///ebook/fonts/../../mnt/extsd/fonts/fs.ttf),
url(res:///ebook/fonts/fs.ttf),
url(res:///ebook/fonts/DroidSansFallback.ttf),
url(res:///fonts/ttf/fs.ttf),
url(res:///../../media/mmcblk0p1/fonts/fs.ttf),
url(file:///mnt/us/DK_System/system/fonts/fs.ttf),
url(file:///mnt/us/DK_System/xKindle/res/userfonts/fs.ttf),
url(res:///abook/fonts/fs.ttf),
url(res:///system/fonts/fs.ttf),
url(res:///system/media/sdcard/fonts/fs.ttf),
url(res:///media/fonts/fs.ttf),
url(res:///sdcard/fonts/fs.ttf),
url(res:///system/fonts/DroidSansFallback.ttf),
url(res:///mnt/MOVIFAT/font/fs.ttf),
url(res:///media/flash/fonts/fs.ttf),
url(res:///media/sd/fonts/fs.ttf),
url(res:///opt/onyx/arm/lib/fonts/AdobeHeitiStd-Regular.otf),
url(res:///../../fonts/fs.ttf),
url(res:///../fonts/fs.ttf),
url(../../../../../fs.ttf),
url(res:///mnt/sdcard/fonts/fs.ttf),
url(res:///fonts/fs.ttf),
url(res:///../../../../Windows/fonts/fs.ttf),
url(res:///fonts/normal/fs),
url(res:///fonts/normal/FangSong);
}
@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(res:///opt/sony/ebook/FONT/kt.ttf),
url(res:///Data/FONT/kt.ttf),
url(res:///opt/sony/ebook/FONT/tt0011m_.ttf),
url(res:///ebook/fonts/../../mnt/sdcard/fonts/kt.ttf),
url(res:///ebook/fonts/../../mnt/extsd/fonts/kt.ttf),
url(res:///ebook/fonts/kt.ttf),
url(res:///ebook/fonts/DroidSansFallback.ttf),
url(res:///fonts/ttf/kt.ttf),
url(res:///../../media/mmcblk0p1/fonts/kt.ttf),
url(file:///mnt/us/DK_System/system/fonts/kt.ttf),
url(file:///mnt/us/DK_System/xKindle/res/userfonts/kt.ttf),
url(res:///abook/fonts/kt.ttf),
url(res:///system/fonts/kt.ttf),
url(res:///system/media/sdcard/fonts/kt.ttf),
url(res:///media/fonts/kt.ttf),
url(res:///sdcard/fonts/kt.ttf),
url(res:///system/fonts/DroidSansFallback.ttf),
url(res:///mnt/MOVIFAT/font/kt.ttf),
url(res:///media/flash/fonts/kt.ttf),
url(res:///media/sd/fonts/kt.ttf),
url(res:///opt/onyx/arm/lib/fonts/AdobeHeitiStd-Regular.otf),
url(res:///../../fonts/kt.ttf),
url(res:///../fonts/kt.ttf),
url(../../../../../kt.ttf),
url(res:///mnt/sdcard/fonts/kt.ttf),
url(res:///fonts/kt.ttf),
url(res:///../../../../Windows/fonts/kt.ttf),
url(res:///fonts/normal/kt),
url(res:///fonts/normal/KaiTi);
}
@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(res:///opt/sony/ebook/FONT/ktpy.ttf),
url(res:///Data/FONT/ktpy.ttf),
url(res:///opt/sony/ebook/FONT/tt0011m_.ttf),
url(res:///ebook/fonts/../../mnt/sdcard/fonts/ktpy.ttf),
url(res:///ebook/fonts/../../mnt/extsd/fonts/ktpy.ttf),
url(res:///ebook/fonts/ktpy.ttf),
url(res:///ebook/fonts/DroidSansFallback.ttf),
url(res:///fonts/ttf/ktpy.ttf),
url(res:///../../media/mmcblk0p1/fonts/ktpy.ttf),
url(file:///mnt/us/DK_System/system/fonts/ktpy.ttf),
url(file:///mnt/us/DK_System/xKindle/res/userfonts/ktpy.ttf),
url(res:///abook/fonts/ktpy.ttf),
url(res:///system/fonts/ktpy.ttf),
url(res:///system/media/sdcard/fonts/ktpy.ttf),
url(res:///media/fonts/ktpy.ttf),
url(res:///sdcard/fonts/ktpy.ttf),
url(res:///system/fonts/DroidSansFallback.ttf),
url(res:///mnt/MOVIFAT/font/ktpy.ttf),
url(res:///media/flash/fonts/ktpy.ttf),
url(res:///media/sd/fonts/ktpy.ttf),
url(res:///opt/onyx/arm/lib/fonts/AdobeHeitiStd-Regular.otf),
url(res:///../../fonts/ktpy.ttf),
url(res:///../fonts/ktpy.ttf),
url(../../../../../ktpy.ttf),
url(res:///mnt/sdcard/fonts/ktpy.ttf),
url(res:///fonts/ktpy.ttf),
url(res:///../../../../Windows/fonts/ktpy.ttf),
url(res:///fonts/normal/ktpy),
url(res:///fonts/normal/kaitipinyin),
url(res:///fonts/normal/KaiTiPinYin);
}
@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(res:///opt/sony/ebook/FONT/ht.ttf),
url(res:///Data/FONT/ht.ttf),
url(res:///opt/sony/ebook/FONT/tt0011m_.ttf),
url(res:///ebook/fonts/../../mnt/sdcard/fonts/ht.ttf),
url(res:///ebook/fonts/../../mnt/extsd/fonts/ht.ttf),
url(res:///ebook/fonts/ht.ttf),
url(res:///ebook/fonts/DroidSansFallback.ttf),
url(res:///fonts/ttf/ht.ttf),
url(res:///../../media/mmcblk0p1/fonts/ht.ttf),
url(file:///mnt/us/DK_System/system/fonts/ht.ttf),
url(file:///mnt/us/DK_System/xKindle/res/userfonts/ht.ttf),
url(res:///abook/fonts/ht.ttf),
url(res:///system/fonts/ht.ttf),
url(res:///system/media/sdcard/fonts/ht.ttf),
url(res:///media/fonts/ht.ttf),
url(res:///sdcard/fonts/ht.ttf),
url(res:///system/fonts/DroidSansFallback.ttf),
url(res:///mnt/MOVIFAT/font/ht.ttf),
url(res:///media/flash/fonts/ht.ttf),
url(res:///media/sd/fonts/ht.ttf),
url(res:///opt/onyx/arm/lib/fonts/AdobeHeitiStd-Regular.otf),
url(res:///../../fonts/ht.ttf),
url(res:///../fonts/ht.ttf),
url(../../../../../ht.ttf),
url(res:///mnt/sdcard/fonts/ht.ttf),
url(res:///fonts/ht.ttf),
url(res:///../../../../Windows/fonts/ht.ttf),
url(res:///fonts/normal/ht),
url(res:///fonts/normal/HeiTi);
}
@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/h1.ttf),
url(res:///opt/sony/ebook/FONT/h1.ttf),
url(res:///Data/FONT/h1.ttf),
url(res:///opt/sony/ebook/FONT/tt0011m_.ttf),
url(res:///ebook/fonts/../../mnt/sdcard/fonts/h1.ttf),
url(res:///ebook/fonts/../../mnt/extsd/fonts/h1.ttf),
url(res:///ebook/fonts/h1.ttf),
url(res:///ebook/fonts/DroidSansFallback.ttf),
url(res:///fonts/ttf/h1.ttf),
url(res:///../../media/mmcblk0p1/fonts/h1.ttf),
url(file:///mnt/us/DK_System/system/fonts/h1.ttf),
url(file:///mnt/us/DK_System/xKindle/res/userfonts/h1.ttf),
url(res:///abook/fonts/h1.ttf),
url(res:///system/fonts/h1.ttf),
url(res:///system/media/sdcard/fonts/h1.ttf),
url(res:///media/fonts/h1.ttf),
url(res:///sdcard/fonts/h1.ttf),
url(res:///system/fonts/DroidSansFallback.ttf),
url(res:///mnt/MOVIFAT/font/h1.ttf),
url(res:///media/flash/fonts/h1.ttf),
url(res:///media/sd/fonts/h1.ttf),
url(res:///opt/onyx/arm/lib/fonts/AdobeHeitiStd-Regular.otf),
url(res:///../../fonts/h1.ttf),
url(res:///../fonts/h1.ttf),
url(../../../../../h1.ttf),
url(res:///mnt/sdcard/fonts/h1.ttf),
url(res:///fonts/h1.ttf),
url(res:///../../../../Windows/fonts/h1.ttf),
url('res:///fonts/normal/h1'),
url('res:///fonts/normal/TeHeiChang'),
url('res:///fonts/normal/h1 TeHeiChang');
}
@font-face {
font-family:"h2";
src:
local("方正大标宋_GBK"),local("方正大标宋简体"),local("方正大标宋繁体"),
local("Dabiaosong"),
local("DK-XIAOBIAOSONG"),
url(../Fonts/h2.ttf),
url(res:///opt/sony/ebook/FONT/h2.ttf),
url(res:///Data/FONT/h2.ttf),
url(res:///opt/sony/ebook/FONT/tt0011m_.ttf),
url(res:///ebook/fonts/../../mnt/sdcard/fonts/h2.ttf),
url(res:///ebook/fonts/../../mnt/extsd/fonts/h2.ttf),
url(res:///ebook/fonts/h2.ttf),
url(res:///ebook/fonts/DroidSansFallback.ttf),
url(res:///fonts/ttf/h2.ttf),
url(res:///../../media/mmcblk0p1/fonts/h2.ttf),
url(file:///mnt/us/DK_System/system/fonts/h2.ttf),
url(file:///mnt/us/DK_System/xKindle/res/userfonts/h2.ttf),
url(res:///abook/fonts/h2.ttf),
url(res:///system/fonts/h2.ttf),
url(res:///system/media/sdcard/fonts/h2.ttf),
url(res:///media/fonts/h2.ttf),
url(res:///sdcard/fonts/h2.ttf),
url(res:///system/fonts/DroidSansFallback.ttf),
url(res:///mnt/MOVIFAT/font/h2.ttf),
url(res:///media/flash/fonts/h2.ttf),
url(res:///media/sd/fonts/h2.ttf),
url(res:///opt/onyx/arm/lib/fonts/AdobeHeitiStd-Regular.otf),
url(res:///../../fonts/h2.ttf),
url(res:///../fonts/h2.ttf),
url(../../../../../h2.ttf),
url(res:///mnt/sdcard/fonts/h2.ttf),
url(res:///fonts/h2.ttf),
url(res:///../../../../Windows/fonts/h2.ttf),
url('res:///fonts/normal/h2'),
url('res:///fonts/normal/DaBiaoSong'),
url('res:///fonts/normal/h2 DaBiaoSong');
}
@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/h3.ttf),
url(res:///opt/sony/ebook/FONT/h3.ttf),
url(res:///Data/FONT/h3.ttf),
url(res:///opt/sony/ebook/FONT/tt0011m_.ttf),
url(res:///ebook/fonts/../../mnt/sdcard/fonts/h3.ttf),
url(res:///ebook/fonts/../../mnt/extsd/fonts/h3.ttf),
url(res:///ebook/fonts/h3.ttf),
url(res:///ebook/fonts/DroidSansFallback.ttf),
url(res:///fonts/ttf/h3.ttf),
url(res:///../../media/mmcblk0p1/fonts/h3.ttf),
url(file:///mnt/us/DK_System/system/fonts/h3.ttf),
url(file:///mnt/us/DK_System/xKindle/res/userfonts/h3.ttf),
url(res:///abook/fonts/h3.ttf),
url(res:///system/fonts/h3.ttf),
url(res:///system/media/sdcard/fonts/h3.ttf),
url(res:///media/fonts/h3.ttf),
url(res:///sdcard/fonts/h3.ttf),
url(res:///system/fonts/DroidSansFallback.ttf),
url(res:///mnt/MOVIFAT/font/h3.ttf),
url(res:///media/flash/fonts/h3.ttf),
url(res:///media/sd/fonts/h3.ttf),
url(res:///opt/onyx/arm/lib/fonts/AdobeHeitiStd-Regular.otf),
url(res:///../../fonts/h3.ttf),
url(res:///../fonts/h3.ttf),
url(../../../../../h3.ttf),
url(res:///mnt/sdcard/fonts/h3.ttf),
url(res:///fonts/h3.ttf),
url(res:///../../../../Windows/fonts/h3.ttf),
url('res:///fonts/normal/h3'),
url('res:///fonts/normal/HuaLi'),
url('res:///fonts/normal/h3 HuaLi');
}
@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"),
url(res:///sdcard/DuoKan/Resource/Font/方正兰亭刊黑_gbk.ttf);
}
@font-face {
font-family:"biaosong";
src:
local("方正小标宋_GBK"),local("方正小标宋"),
url(res:///sdcard/DuoKan/Resource/Font/方正小标宋_gbk.ttf);
}
@font-face {
font-family:"cnepub";
src:
local("方正小标宋_GBK"),local("方正小标宋"),
url(res:///sdcard/DuoKan/Resource/Font/方正小标宋_gbk.ttf);
}
|
标题与正文
就通常而言，标题的呈现方式主要有三种，一种是图片（图1.1），第二种是文字（图1.2），第三种是图片与文字（图1.3）
图1.1
图1.2
图1.3
诚然，第一种方式（图片）似乎是最好的，不必拘泥于字体和版式，一张图片搞定。但是这种方式对于像《冰与火之歌》这样很多章节的大部头来说一张一张图片的制作不可谓不麻烦。于是就出现了第三种方式（图片+文字），只需要一张底图，具体标题用文字表达，既达到了审美也方便了制作。至于第二种方式（文字）则更适合网络小说、正文短而章节多的书籍。试想，如果一本800+章的电子书每章不过1000+字每翻几页就跳出来一张章节图……
下面是一些标题的样式，可自行选择是单放还是图文。（P.S.由于是 Sigil 显示，可能和实际显示即阅读软件或电纸书显示有出入，一般来说阅读软件/电纸书显示效果更好）
标题一：导读资料
代码：
- .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;
- }
而对正文的要求，我没有 Oxen（老老老牛）那么严格（老牛认为首行缩进应该是手打两个全角空格而不是 text-indent: 2em ）。除却基本标点规范，也无非是首行缩进、段尾空行，最多加个首字下沉/上升罢了。P.S.首字下沉/上升代码取自老牛样式。
正文一：
|
1
2
3
4
5
6
|
p1 {
/* 段落 */
display: block;
text-intend:2em;
margin:0.7em0;
}
|
首字上升：
|
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>说城里很热闹，笨狼就想去看看。
脚注
在电子书，尤其是文言文和译本中会对段落中的文字加以说明，这里就要引入脚注了。脚注有同样有三种方式，一是单纯文本调用（图2.1）、二是跳转注释（图2.2）、三是弹窗注释（图2.3）。
图2.1
图2.2
图2.3
图2.1显示的注释想必是大家都不愿意看到的，尤其是在移动端阅读方面还要翻好几面才能看到注释然后再默默翻页回去。图2.2显示的跳转注释极大地简化了上述情况，只需点一下超链接便能跳转到注释位置。那么更高端的弹窗注释就不用我解释了吧。
脚注支持：
/** 多看 **/
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;
}
跳转注释（Kindle原生系统可弹窗注释）：
<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
最后告诫大家 —— 不要因为制作电子书而忘了初衷 —— 看书。
如何优雅地制作精排 ePub —— 个人电子书制作规范及基本样式表相关推荐
- 如何优雅地制作精排 ePub —— 个人电子书制作规范及基本样式表
随着大数据时代的到来,多种移动阅读终端方兴未艾 -- Amazon Kindle不再小众.各互联网巨头纷纷推出旗下的电子书阅读软件.有了阅读的软件/硬件支持,必不可少的就是阅读什么的问题了.ePub格 ...
- 自制精排 ePub 集、不定期更新（UPDATA-2015-8-2）
说明 排版不说最好,上乘是必须的. 段落空行 首行缩进 具备清爽元数据 包含高清封面.目录 图片居中,图片标题以下标形式居中位于图片下* 支持多看/Kindle原生系统弹出注释,其他软件跳转注释* 各 ...
- epub格式电子书制作工具——ep…
原文地址:epub格式电子书制作工具--epubmaker(测试版)作者:金更达 这是本人根据国际数字出版论坛(IDPF,http://www.idpf.org)推出的epub电子书规范开发的一款ep ...
- 2020年精排模型调研
❝ 本文经作者同意转载自: https://zhuanlan.zhihu.com/p/335781101 作者: Ruhjkg 编辑: MarcusBao 谢绝任何形式的二次转载! ❞ 2020年精排 ...
- 精排模型-从MLP到行为序列：DIN、DIEN、MIMN、SIM、DSIN
©作者 | Glenn 单位 | 腾讯 研究方向 | 数据挖掘.计算广告 背景 如下图 [1][2],阿里妈妈的精排模型,经历了从传统 LR.MLR 到深度模型 GwEN,再到用户兴趣建模的过程. 传 ...
- 超越Google，快手落地业界首个万亿参数推荐精排模型
整理 | 兆雨 责编 | 阿司匹林 出品 | AI科技大本营 精准的推荐系统模型是很多互联网产品的核心竞争力,个性化推荐系统旨在根据用户的行为数据提供"定制化"的产品体验.国民级短 ...
- LIVE 预告 | 快手宋洋：千亿特征，万亿参数，快手推荐精排模型的发展史
随着GPT-3给人们带来的震撼,大模型在各个应用领域得到迅速的发展和应用. 近期,媒体平台「机器之心」上发布了一篇文章「1.9万亿参数量,快手落地业界首个万亿参数推荐精排模型」,其中提到快手开发的精排 ...
- 使用 HTML5、CSS3 和 MathML 在 EPUB 3 中制作版式丰富的出版物
探索用于高级排版和印刷的新一代开放电子书标准 EPUB 3.0 是最新的行业标准 XML 电子书格式,它采用了 HTML5 和 CSS3,因而融入了现代 Web 技术.它重点关注 XML 驱动的工具包 ...
- 召回粗排精排-级联漏斗（下）
文 | 水哥 源 | 知乎 saying 召回区分主路和旁路,主路的作用是个性化+向上管理,而旁路的作用是查缺补漏. 推荐系统的前几个操作可能就决定了整个系统的走向,在初期一定要三思而后行. 做自媒体 ...
- 召回粗排精排-级联漏斗（上）
文 | 水哥 源 | 知乎 saying 1. 把点击多的item曝光提升是推荐模型的基本能力,也是基本要求.后验不好的曝光提高也可能是好模型,后验好的曝光不提高,可以开除推荐模型了 2. 在起量阶段 ...
最新文章
- SCALA当的trait
- 浅析C语言的一个关键字——register
- 心急的C小加《贪心》
- require和require_once的区别
- win10下使用wget
- boost::statechart模块无效图表测试
- sap-statistics in SAP UI5 http roundtrip
- 多生产者_通知：生产者补贴！打卡时间！定了
- [CTO札记]Google数字图书馆对中国版权的威胁
- 光绪变法为什么没成功
- 固高运动控制卡QT和VS（MFC）的配置
- 海康威视错误代码说明(六)（错误代码：82~825）
- 手把手教python发送邮件
- 05 共识问题：区块链如何确认记账权？
- 2015.2，对任意正整数n，求xn，要求运算时间复杂度为o（logn).例如x30=x15*x15.
- Warning: mysqli::mysqli(): (HY000/2002): No connection could be made because the target machine acti
- xy苹果助手未受信任_苹果手机怎么设置信用软件
- 多个VLC播放器同步播放本地VCam视频流
- SWPU NSS新生赛校外通道(部分WP)
- 【半导体先进工艺制程技术系列】SOI技术（中）