第一次用sigil做epub《地错外传-芙蕾雅》

novel_human

一直想做出类似多看那种排版格式比较好的epub，以前为了方便，就用python down下txt，然后用epubuilder做电子书，非常方便但是样式不好看，而且图片不能点击放大。这次 用sigil做了一下，主要排版都是：[自翻][大森藤ノ]在地下城寻求邂逅是否搞错了什么 眷族年代记Episode芙蕾雅 5.11 完  大佬 ashmay 的工作（划重点），我只是把帖子和图片用软件规整了一下。

不知道能不能发布，发布的要求和注意事项是什么（原来按照 轻小说分享区分享以前制作的《小书痴下克上》合集没有通过，不知道什么原因，所以现在先发个帖，问问路子）


效果预览





制作情况

novel_human

对应CSS

1. /*预设文本样式*/
   
2. body{
   
3.         padding: 0%;
   
4.         margin-top: 0%;
   
5.         margin-bottom: 0%;
   
6.         margin-left: 1%;
   
7.         margin-right: 1%;
   
8.         line-height: 130%;
   
9.         text-align: justify;
   
10. }
    
11. 
    
12. h4{
    
13.         font-size: 1.5em;
    
14.         text-align: center;
    
15.         line-height: 1.2em;
    
16.         text-indent: 0em;
    
17.         font-weight: bold;
    
18.         margin-top: 1em;
    
19.         margin-bottom: 1.5em;
    
20. }
    
21. div{
    
22.         margin: 0px;
    
23.         padding: 0px;
    
24.         text-align: justify;
    
25. }
    
26. p{
    
27.         text-indent: 2em;
    
28.         display: block;
    
29.         line-height: 1.3em;
    
30.         margin-top: 0.4em;
    
31.         margin-bottom: 0.4em;
    
32. }
    
33. 
    
34. /*图片相关*/
    
35. .illus{
    
36.         text-indent: 0em;
    
37.         text-align: center;
    
38. }
    
39. .cover{
    
40.         margin: 0em;
    
41.         padding: 0em;
    
42.         text-indent: 0em;
    
43.         text-align: center;
    
44. }
    
45. .coverborder{
    
46.         border-style: none solid none solid;
    
47.         border-color: #000000;
    
48.         border-width: 1px;
    
49. }
    
50. 
    
51. 
    
52. 
    
53. /*预设格式相关样式*/
    
54. .right{
    
55.         text-indent: 0em;
    
56.         text-align: right;
    
57. }
    
58. .left{
    
59.         text-indent: 0em;
    
60.         text-align: left;
    
61. }
    
62. .center{
    
63.         text-indent: 0em;
    
64.     text-align: center;
    
65. }
    
66. .zin{
    
67.     text-indent: 0em;
    
68. }
    
69. .bold{
    
70.     font-weight: bold;
    
71. }
    
72. .stress{
    
73.         font-weight: bold;
    
74.         font-size: 1.1em;
    
75.         margin-top: 0.3em;
    
76.         margin-bottom: 0.3em;
    
77. }
    
78. .author{
    
79.         font-size: 1.2em;
    
80.         text-align: right;
    
81.         font-weight: bold;
    
82.         font-style: italic;
    
83.         margin-right: 1em;
    
84. }
    
85. .dash-break{
    
86.         word-break: break-all;
    
87.         word-wrap: break-word;
    
88. }
    
89. .no-d{
    
90.         text-decoration: none;
    
91. }
    
92. .bc{
    
93.         border-collapse: collapse;
    
94. }
    
95. .dash-break{
    
96.         word-break: break-all;
    
97.         word-wrap: break-word;
    
98. }
    
99. .message{
    
100.         text-indent: 0em;
     
101.         line-height: 1.2em;
     
102.         margin-top: 0.2em;
     
103.         margin-bottom: 0.2em;
     
104. }
     
105. .meg{
     
106.         font-size: 1.3em;
     
107.         text-indent: 0em;
     
108.         font-weight: bold;
     
109.         margin-top: 0.5em;
     
110.         margin-bottom: 0.5em;
     
111. }
     
112. 
     
113. /*文字大小*/
     
114. .em05{
     
115.     font-size: 0.5em;
     
116. }
     
117. .em06{
     
118.     font-size: 0.6em;
     
119. }
     
120. .em07{
     
121.     font-size: 0.7em;
     
122. }
     
123. .em08{
     
124.     font-size: 0.8em;
     
125. }
     
126. .em09{
     
127.     font-size: 0.9em;
     
128. }
     
129. .em10{
     
130.     font-size: 1.0em;
     
131. }
     
132. .em11{
     
133.     font-size: 1.1em;
     
134. }
     
135. .em12{
     
136.     font-size: 1.2em;
     
137. }
     
138. .em13{
     
139.     font-size: 1.3em;
     
140. }
     
141. .em14{
     
142.     font-size: 1.4em;
     
143. }
     
144. .em15{
     
145.     font-size: 1.5em;
     
146. }
     
147. .em16{
     
148.     font-size: 1.6em;
     
149. }
     
150. .em17{
     
151.     font-size: 1.7em;
     
152. }
     
153. .em18{
     
154.     font-size: 1.8em;
     
155. }
     
156. .em18{
     
157.     font-size: 1.9em;
     
158. }
     
159. .em20{
     
160.     font-size: 2em;
     
161. }
     
162. 
     
163. .em21{
     
164.     font-size: 2.1em;
     
165. }
     
166. .em22{
     
167.     font-size: 2.2em;
     
168. }
     
169. .em23{
     
170.     font-size: 2.3em;
     
171. }
     
172. .em24{
     
173.     font-size: 2.4em;
     
174. }
     
175. .em25{
     
176.     font-size: 2.5em;
     
177. }
     
178. .em26{
     
179.     font-size: 2.6em;
     
180. }
     
181. .em27{
     
182.     font-size: 2.7em;
     
183. }
     
184. .em28{
     
185.     font-size: 2.8em;
     
186. }
     
187. .em29{
     
188.     font-size: 2.9em;
     
189. }
     
190. .em30{
     
191.     font-size: 3.0em;
     
192. }
     
193. 
     
194. .em31{
     
195.     font-size: 3.1em;
     
196. }
     
197. .em32{
     
198.     font-size: 3.2em;
     
199. }
     
200. .em33{
     
201.     font-size: 3.3em;
     
202. }
     
203. .em34{
     
204.     font-size: 3.4em;
     
205. }
     
206. .em35{
     
207.     font-size: 3.5em;
     
208. }
     
209. .em36{
     
210.     font-size: 3.6em;
     
211. }
     
212. .em37{
     
213.     font-size: 3.7em;
     
214. }
     
215. .em38{
     
216.     font-size: 3.8em;
     
217. }
     
218. .em39{
     
219.     font-size: 3.9em;
     
220. }
     
221. .em40{
     
222.     font-size: 4.0em;
     
223. }
     
224. 
     
225. .em41{
     
226.     font-size: 4.1em;
     
227. }
     
228. .em42{
     
229.     font-size: 4.2em;
     
230. }
     
231. .em43{
     
232.     font-size: 4.3em;
     
233. }
     
234. .em44{
     
235.     font-size: 4.4em;
     
236. }
     
237. .em45{
     
238.     font-size: 4.5em;
     
239. }
     
240. .em46{
     
241.     font-size: 4.6em;
     
242. }
     
243. .em47{
     
244.     font-size: 4.7em;
     
245. }
     
246. .em48{
     
247.     font-size: 4.8em;
     
248. }
     
249. .em49{
     
250.     font-size: 4.9em;
     
251. }
     
252. .em50{
     
253.     font-size: 5em;
     
254. }
     
255. 
     
256. /*预设目录样式*/
     
257. .contents{
     
258.         text-indent: 0em;
     
259.         text-align: center;
     
260.            border-bottom: 0.1em dotted #000000;
     
261.     padding: 0.5em 0 0.4em 0;
     
262.     margin-bottom: 0.7em;
     
263.     font-weight: bold;
     
264. }
     
265. .mulu{
     
266.         text-indent: 0em;
     
267.         text-align: center;
     
268. }
     
269. .co20{
     
270.         color:#000000;
     
271. }
     
272. 
     
273. /*预设title样式*/
     
274. .title-width{
     
275.     width: 100%;
     
276. }
     
277. .bb{
     
278.     border-bottom: 3px solid #000000;
     
279. }
     
280. .blb{
     
281.     border-left: 3px solid #000000;
     
282.     border-bottom: 3px solid #000000;
     
283. }
     
284. .bl{
     
285.     border-left: 3px solid #000000;
     
286. }
     
287. .br{
     
288.     border-right: 3px solid #000000;
     
289. }
     
290. .brt{
     
291.     border-right: 3px solid #000000;
     
292.     border-top: 3px solid #000000;
     
293. }
     
294. .bt{
     
295.     border-top: 3px solid #000000;
     
296. }
     
297. 
     
298. /*图片允许放大*/
     
299. /*
     
300. html代码：
     
301. 
     
302. <div class="duokan-image-single illus"><img alt="图片名" src="../Images/图片名.jpg" /></div>
     
303. */
     
304. 
     
305. /*预设注释样式  
     
306.          by lucifer004提供*/
     
307. 
     
308. .sign{
     
309.         font-size: 0.8em;
     
310.         font-weight: bold;
     
311.         vertical-align: super;
     
312. }
     
313. .note{
     
314.         font-size: 0.8em;
     
315.         text-indent: -1.6em;
     
316.         margin: 0.5em 2% 1em 2.5em;
     
317.         padding: 0.8em 0.8em 0.8em 1.9em;
     
318.         background-color: #F1D99D;
     
319.         border: 1px #BC905A solid;
     
320.         border-radius: 0 10px;
     
321.         box-shadow: 2px 2px 4px #555555;
     
322. }
     
323. 
     
324. 
     
325. /*以下填写自定义css样式*/
     
326. 
     
327. /*常用*/
     
328. 
     
329. .noindent {
     
330.         text-indent: 0em;
     
331. }
     
332. 
     
333. .fr{
     
334.         float:right;
     
335. }
     
336. .fl{
     
337.         float:left;
     
338. }
     
339. 
     
340. .cut-line {
     
341.         text-indent: 0em;
     
342.     line-height: 0;
     
343.         margin-top: 0.3em;
     
344.         margin-bottom: 0.3em;
     
345. }
     
346. 
     
347. .lap {
     
348.         font-size: 1.5em;
     
349.         text-indent: 0em;
     
350.         font-weight: bold;
     
351.         text-align: center;
     
352.         margin-top: 0em;
     
353.         margin-bottom:0em;
     
354. }
     
355. 
     
356. .rotate90{  
     
357.    -webkit-transform: rotate(90deg);
     
358.    transform: rotate(90deg);   
     
359. }
     
360. 
     
361. /*行高*/
     
362. 
     
363. .lh00{
     
364.         line-height: 0em;
     
365. }
     
366. 
     
367. .lh01{
     
368.         line-height: 1em;
     
369. }
     
370. 
     
371. .lh02{
     
372.         line-height: 2em;
     
373. }
     
374. 
     
375. .lh03{
     
376.         line-height: 3.5em;
     
377. }
     
378. 
     
379. .lh04{
     
380.         line-height: 4em;
     
381. }
     
382. 
     
383. .lh05{
     
384.         line-height: 5em;
     
385. }
     
386. 
     
387. /*字型*/
     
388. 
     
389. 
     
390. .mtf{
     
391.     font-family: mtf;
     
392. }
     
393. 
     
394. @font-face {
     
395.     font-family: "mtf";
     
396.     src: url(../Fonts/mtf.ttf)
     
397.     }
     
398. 
     
399. .stf{
     
400.     font-family: stf;
     
401. }
     
402. 
     
403. @font-face {
     
404.     font-family: "stf";
     
405.     src: url(../Fonts/stf.ttf)
     
406.     }
     
407. 
     
408. .atf{
     
409.     font-family: atf;
     
410. }
     
411. 
     
412. @font-face {
     
413.     font-family: "atf";
     
414.     src: url(../Fonts/atf.ttf)
     
415.     }
     
416. 
     
417. .itcf{
     
418.     font-family: itcf;
     
419. }
     
420. 
     
421. @font-face {
     
422.     font-family: "itcf";
     
423.     src: url(../Fonts/itcf.ttf)
     
424.     }
     
425. 
     
426. .itef{
     
427.     font-family: itef;
     
428. }
     
429. 
     
430. @font-face {
     
431.     font-family: "itef";
     
432.     src: url(../Fonts/itef.ttf)
     
433.     }
     
434. 
     
435. /*封面*/
     
436. 
     
437. .cbg{
     
438.    background-image: url(../Images/cbi2.jpg);
     
439.    background-repeat:no-repeat;
     
440.    background-position:right bottom;
     
441.    background-size: cover;
     
442. }
     
443. 
     
444. .yellow {
     
445.         color: #F0E68C;
     
446. }
     
447. 
     
448. .relativecover1 {
     
449.   position: relative;
     
450.   top : 150%;
     
451.   left : -10%;
     
452. }
     
453. 
     
454. 
     
455. 
     
456. .relativecover {
     
457.   position: relative;
     
458.   top : 102%;
     
459.   left : -10%;
     
460. }
     
461. 
     
462. .ill2-box{
     
463.         width:15em;
     
464.         margin:auto auto auto auto;
     
465.         background-color:#EEE8AA;
     
466.         border-bottom:solid 1px #000000;
     
467.         border-top:solid 1px #000000;
     
468.         border-left:solid 1px #000000;
     
469.     border-right:solid 1px #000000;
     
470. }
     
471. 
     
472. .ill21-box{
     
473.         width:22em;
     
474.         margin:auto auto auto auto;
     
475.         background-color:#EEE8AA;
     
476.         border-bottom:solid 1px #000000;
     
477.         border-top:solid 1px #000000;
     
478.         border-left:solid 1px #000000;
     
479.     border-right:solid 1px #000000;
     
480. }
     
481. 
     
482. /*目錄*/
     
483. .contentsbox {
     
484.     margin-top:15%;
     
485.     margin-left:auto;
     
486.     margin-right:auto;
     
487.         text-indent: 0em;
     
488.     text-align:center;
     
489. }
     
490. 
     
491. .white {
     
492.         color: #FFFFFF;
     
493. }
     
494. 
     
495. /*人物介紹*/
     
496. 
     
497. .pibk{
     
498.    background-image: url(../Images/060bk.jpg);
     
499.    background-repeat:no-repeat;
     
500.    background-position:top;
     
501.    background-size: cover;
     
502. }
     
503. 
     
504. .pi-box1{
     
505.         width:25em;
     
506.         margin:3% auto 0 auto;
     
507.         border-bottom:solid 0px #000000;
     
508.         border-top:solid 0px #000000;
     
509.         border-left:solid 0px #000000;
     
510.     border-right:solid 0px #000000;
     
511.         border-radius:10px 10px 0 0;
     
512.     border-radius:30px;
     
513. }
     
514. 
     
515. .bc{
     
516.         border-collapse: collapse;
     
517. 
     
518. }
     
519. 
     
520. .vb{
     
521.         vertical-align: bottom;
     
522. }
     
523. 
     
524. .pihalfwidth {
     
525.     width:100%;
     
526.     margin:0px auto;
     
527.     height:5px;
     
528.     border:none;
     
529.     border-top:1px solid #000000;
     
530. }

复制代码

cge340

不懂，我就看看，等个大佬解惑

咕咕哒的咕

三月份的我：等下个月我有空了，研究一下做epub自用
四月份的我：等下个月我有空了，研究一下做epub自用……
五月份的我：等下个月我有空了……

novel_human

咕咕哒的咕 发表于 2020-5-23 15:35
三月份的我：等下个月我有空了，研究一下做epub自用
四月份的我：等下个月我有空了，研究一下做epub ...

我是不是抢了大佬的活

yibabilun

轻小说分享区是直接发文的杯，如果乃要发txt就到下载区去发，要发epub就到下载区里的epub区发。发之前看看版规有什么要求，有木有满足就好的杯

novel_human

yibabilun 发表于 2020-5-23 16:30
轻小说分享区是直接发文的杯，如果乃要发txt就到下载区去发，要发epub就到下载区里的epub区发。发之 ...

大佬，“轻小说分享区”，可以直接发制作好的epub吗？我是不是需要先向翻译大佬申请？

无oooo语

咕咕哒的咕 发表于 2020-5-23 15:35
三月份的我：等下个月我有空了，研究一下做epub自用
四月份的我：等下个月我有空了，研究一下做epub ...

我发现只有每天坚持做一点才能做一件事，想要等到有空基本是不可能的。。。

yibabilun

novel_human 发表于 2020-5-23 17:57
大佬，“轻小说分享区”，可以直接发制作好的epub吗？我是不是需要先向翻译大佬申请？ ...

如果只发epub，那要发到“epub区”，不是“轻小说分享区”。
如果是录入组录入的，那可以直接发。如果是翻译大佬翻译的，需要经过翻译大佬同意才可以发。
差不多就是这样

novel_human

yibabilun 发表于 2020-5-23 18:00
如果只发epub，那要发到“epub区”，不是“轻小说分享区”。
如果是录入组录入的，那可以直接发。如果是 ...

大佬，录入组是个什么概念，每次看文之前都有，但是概念不清楚

yibabilun

novel_human 发表于 2020-5-23 19:50
大佬，录入组是个什么概念，每次看文之前都有，但是概念不清楚

呃，简单来说轻小说分享区（包括最新轻小说分享区）里面基本可以分为翻译贴和录入贴。
翻译贴就是翻译组的大佬或者是野生的翻译大佬，翻译的小说。
录入贴就是录入组的大佬或者野生录入君，录入的小说。这里录入基本来自台湾版官方出版的繁体翻译版本酱紫。
帖子名字最前面会有标明是录入的还是翻译的酱紫。

novel_human

yibabilun 发表于 2020-5-23 19:59
呃，简单来说轻小说分享区（包括最新轻小说分享区）里面基本可以分为翻译贴和录入贴。
翻译贴就是 ...

原来如此，受教了，我还是要问问翻译大大先

yibabilun

novel_human 发表于 2020-5-23 20:19
原来如此，受教了，我还是要问问翻译大大先

如果得到允许，记得截图噢，然后去epub区发，记得看版规噢

novel_human

yibabilun 发表于 2020-5-23 20:31
如果得到允许，记得截图噢，然后去epub区发，记得看版规噢

截图是什么意思？就是协商的聊天记录？，不过这种事情确实需要留心

novel_human

yibabilun 发表于 2020-5-23 20:31
如果得到允许，记得截图噢，然后去epub区发，记得看版规噢

截图是什么意思？就是协商的聊天记录？，不过这种事情确实需要留心

yibabilun

novel_human 发表于 2020-5-23 20:52
截图是什么意思？就是协商的聊天记录？，不过这种事情确实需要留心 ...

就比如乃问大佬能不能做了发布，大佬嗯一声，乃截个图就行的杯，帖子里问就行，或者私信也行的杯

novel_human

yibabilun 发表于 2020-5-23 20:55
就比如乃问大佬能不能做了发布，大佬嗯一声，乃截个图就行的杯，帖子里问就行，或者私信也行的杯 ...

ok，多谢告知

novel_human

yibabilun 发表于 2020-5-23 20:55
就比如乃问大佬能不能做了发布，大佬嗯一声，乃截个图就行的杯，帖子里问就行，或者私信也行的杯 ...

ok，多谢告知

haozhao68

咕咕哒的咕 发表于 2020-5-23 15:35
三月份的我：等下个月我有空了，研究一下做epub自用
四月份的我：等下个月我有空了，研究一下做epub ...

你为什么不去抓一个人做，lk这边会做的大佬很多

咕咕哒的咕

haozhao68 发表于 2020-5-25 23:15
你为什么不去抓一个人做，lk这边会做的大佬很多

我就想拿来自动，让别人做还得花时间联系，怪麻烦的