本帖最后由 Aeroblast 于 2019-4-2 12:40 编辑
先发我没人看的lofter然后复制过来的,大概整理了下格式应该没什么问题 虽然现在很流行EPUB版轻小说了,但是一些细节还是比较让强迫症难受的。LK(主要是工作组)貌似都不管平台兼容性,而tsdm流行的模板(kid大佬和那边的木子组)虽然在意,但是兼容性解决方案有些旧了。 之前看有人写兼容各个平台的弹出注释,实践了一下发现也有些问题(略有参考,很感谢作者)。也为之后填坑考虑,做一个比较全面的考察,做一点实践,权当抛砖引玉。
阅读器的选择: 对于轻小说epub,我主要考察阅读器的这几个点: 段首缩进 注音 弹出式注释 SVG 竖排 随便来个测试图 制作epub之前,首先要选择一个支持这些特性的阅读器。 比较主观。其他因素,字体一般靠内置我觉得够了。目录什么的不是说不重要,是太基本了(喂
那么首先是各个阅读器的测试。如果有因为我不会用搞错什么的请帮忙指出。不够全我也没办法,请各位为自己支持的平台宣传吧(喂
Apple Books (原来叫iBooks) 作为iOS的官方阅读器,功能很全,而且据说是EPUB3支持最好的。实际上,这也是我上课摸鱼的首选阅读器。测试平台为iOS 12。iPhone和iPad的区别大体上只有弹出注释在手机上全屏,而在平板上是出来个小框。 主要考察点: 段首缩进:OK; 竖排和方向:不知道为啥EPUB3 和EPUB2同样的写法,EPUB2可以,EPUB3不行。所以最后测试档还是EPUB2.0。要是有我不知道的还请赐教……; 注音:OK; 弹出式注释:OK,有不足,具体看图(内联样式可,CSS样式不行)。 SVG:OK。还支持滤镜(测试档的灰色文字应该有个高斯模糊),其他阅读器大部分不行。 加分点: 真flow式阅读。对于小说这种东西,能够适应平台变化排版是最合适的,滚动模式就是这个概念的最佳体现。 背景色调细节:Edge等等浏览器也可以把背景变成纸黄色,但是Apple Books会把图片的白色也处理,这个功能让轻小说插图也能和背景一个颜色,沉浸感up。 减分点: 疑似bug,滚动阅读加载新页面会卡一下然后位置错开…… 其他使用细节: 双击图片即可放大。 Microsoft Edge 我也忘了哪个版本开始支持的epub了。测试版本1803,感觉差别不大。电脑上基本上首选了。Edge之前说要换引擎,虽然有预览版我也懒得测了,感觉这个阅读支持还是纯js实现的,改变不会太大。 主要考察点: 段首缩进:OK; 竖排和方向:OK; 注音:OK; 弹出式注释:OK。 SVG:OK。 加分点: 方便,虽然有强行让你用的嫌疑,但是方便。 减分点: 性能可能有点问题,偶尔会假死,多等一会就好。 Kindlegen(转换成mobi) Amazon kindlegen(Windows) V2.9,测试平台是Kindle Paperwhite……的一个很老的版本(至少四五年前了),回头再查。这个转换软件好像2014年开始就没动过了……不过没差,反正只是把epub重新打包,核心功能还是看设备。 主要考察点: 段首缩进:OK; 竖排和方向:OK,竖排需要加-webkit-; 注音:OK; 弹出式注释:OK。需要设定双向链接才能显示。注释中样式无效。aside标签不会自动隐藏。 SVG:OK。 加分点: ……墨水屏算不? 减分点: ……好像也没啥缺点。
Readium(Chrome App) 因为版头上有写就捏着鼻子用了一下结果……一打开就告诉我Chrome已经不想搞App了,他们不更新了。 主要考察点: 段首缩进:OK; 竖排和方向:OK; 注音:OK; 弹出式注释:NO。 SVG:OK。 虽然除了注释没支持,这玩意的UI给我一种很简陋的感觉…… 减分无所谓了吧反正不用了: 图片显示,包括SVG,是不管分页的。会给你拦腰切一刀放在下一页。 UI很烂,大概也是没维护的原因。 没后续更新了,放弃吧。
看着到这里,如果你是个非Android平台读者其实已经没啥疑问了,以下是噩梦的Android平台探索。 我本身不用安卓,所以测试比较随便,测试机比较烂,大概不影响吧。 软件都是随便搜的,可能不全。
多看 目前十分流行。轻小说EPUB界的IE。测试版本5.8.5 . 主要考察点: 段首缩进:OK。记得把排版调成无; 竖排和方向:呃,虽然方向对了,但是不让竖排的也竖排了,只看page-progression的?; 注音:OK; 弹出式注释:众所周知,需要私有属性,CSS样式OK; SVG:NO。内部元素可以读取,但是没有正确显示。大概是直接忽略了不认识的标签。 减分点:背标准而行。
FBReader 随便查到的。测试版本3.0.0 主要考察点: 段首缩进:OK。默认会缩进两个英文字符,CSS可覆盖; 竖排和方向:NO; 注音:NO; 弹出式注释:OK?用的是系统的提示,样式当然是不存在的,列表的序号还会给加上……; SVG:NO。同多看。 不减分了,别用。
Lithium 貌似是个新秀。搜索关键词“锂Epub阅读”。测试版本v0.20.1 解锁汉化版。 主要考察点: 段首缩进:OK; 竖排和方向:NO; 注音:OK; 弹出式注释:OK,CSS样式部分OK(颜色貌似改不了,但是list-style:none起了作用); SVG:OK。 加分点: 也有个滚动模式,不过章与章之间没有接起来(是为了避开Apple Books那种bug?) 背景可调。 无广告。 减分: 如果用官方版,背景那个貌似需要升级Pro解锁…… 如果不啃生肉,还是可以一用的。比较推荐。感觉有希望干翻IE。
AlReader 毛子出的。支持格式贼多,不过我只测epub。 …… 别用
Mantano Ebook Reader 测试版本:V2.5.26 汉化版。官网很高大上,宣称支持EPUB 3. 主要考察点: 段首缩进:NO; 竖排和方向:NO; 注音:OK; 弹出式注释:NO; SVG:OK。 ……哦才发现后面版本换了名字:
Bookari by Mantano 测试版本:4.2.3,打过解锁补丁。 主要考察点: 同上,然后中文显示不正常了,就算显示正常也没有实现功能。你升了俩大版本号都干啥了? (╯‵□′)╯︵┻━┻
静读天下 测试版本:4.5.2。貌似是30天免费试用. 主要考察点: 段首缩进:NO,强制两个中文字; 竖排和方向:NO。有个选项强制可以切换,但是会导致弹出注释方向不一致,看你锻炼脖子还是锻炼手腕了; 注音:OK; 弹出式注释:OK,但是没有样式支持; SVG:NO。 微妙…… ======================================= 先测试这么多,如果有更多测试样本或者推荐,欢迎提供测试结果。
综上,比较合格的还是Apple Books,Edge,Kindlegen。这三个都是比较符合标准的,如果支持它们,Lithuim也应该没有问题。多看因为历史原因也最好支持一下。 实践: 属性什么的其实没什么好说的,该怎样怎样。唯一麻烦的是弹出注释。 先上代码,这里提供一个我比较满意的实现: 例子: <a class="duokan-footnote" epub:type="noteref" href="#note1" id="note_ref1"><sup><img alt="note" class="footnote" src="../Images/note.png"/></sup></a>
<aside epub:type="footnote" id="note1"><a href="#note_ref1"></a><ol class="duokan-footnote-content" style="list-style:none"><li class="duokan-footnote-item" id="note1" value="1"> 注:这是注释 </li></ol></aside>
记得在html加上xmlns:epub信息。 注释链接没什么好说的,这里拿的是一个图片做链接。 注释本体,首先是aside标签。对于Apple Books、Microsoft Edge、多看来说,aside应该是直接隐藏的。kindle不会隐藏,但是可以通过CSS hack代码@media amzn-kf8 {aside {display: none;}} 隐藏。 紧接着的链回note_ref的链接是为了让Kindle能弹出注释,如果没有双向链接是不会弹出的,但是多一个链接十分不美观(而且也没有必要),所以没有写链接文字。 接下来是兼容多看的列表。本身没什么好说的,但是需要注意列表默认会显示数字,十分不美观……而Apple Book的注释样式必须内联,所以把去除数字直接写在style属性里。 测试效果图: 至此,我们支持了Apple Books,Microsoft Edge,Kindlegen,多看。Lithium有点问题,它可以弹出注释,但是显示aside,而如果把aside设为display:none注释也没了。这种情况把所有注释放到末尾就好。如果一定要放在文中,我想用一些hack的方法(比如推到屏幕外)应该也可以实现,但是不如直接去和作者提(我就不去了,我也不是安卓用户……) 随便写的,比较简陋。 最后放个测试用档,其实已经改得面目全非了……
补个修正kindle显示的CSS
- @media amzn-kf8
- {
- aside {display: none;}
- .duokan-footnote-item{page-break-after: always;}
- }
复制代码
|