多合一epub弹窗注释，支持多看，掌阅，kindle，标准弹窗。（即使不支持注释的阅读器也能获得好的体验）
本帖最后由 亘古轮回 于 2020-3-9 10:56 编辑本文也在知乎发布https://zhuanlan.zhihu.com/p/103609154以及b站https://www.bilibili.com/read/cv4419244
你可以下载这个简易模版https://www.lanzous.com/ia2nd7a进行学习研究。
感谢https://obsolete1.lightnovel.us/thread-962135-1-1.html，我的只是略加改动。
首先一定要在html标签里加上
xmlns:epub="http://www.idpf.org/2007/ops"这个是注释提示的标签，一定要在epub里加一张名字是note.png的图片，这里不能使用文字（如[注]）作为注释提示，而要用图片，比如我自己做的这个https://sm.ms/image/1QzyigpLcqF9W7J。https://i.loli.net/2019/12/30/1QzyigpLcqF9W7J.png<sup><a class="duokan-footnote" epub:type="noteref" href="#note1" id="note_ref1"><img alt="note" class="zhangyue-footnote" src="../Images/note.png" zy-footnote=""/></a></sup>zy-footnote=""的引号里面也要填注释内容，不然无法兼容掌阅。<sup>是用来上标图片的，可以忽略。class="duokan-footnote"和class="zhangyue-footnote"不要改，否则多看和掌阅不识别。
这个是注释内容的标签
<aside epub:type="footnote" id="note1"><ol class="duokan-footnote-content" style="list-style:none"><li class="duokan-footnote-item" id="note1">
<p><a href="#note_ref1">译注1：</a></p></li></ol></aside>同样的，不要改class，不要调整顺序，否则多看和kindle可能不识别。注释内容填写在</a></p>之间。<a href="#note_ref1"></a>之间的内容是用来跳转，方便那些不支持注释的阅读器，可以删去，但那样就不能支持那些不支持注释的阅读器了。同时这个标签也是为了kindle能够弹出注释。不要使用
@media amzn-kf8 {aside {display: none;}} 隐藏aside，否则kindle就不会弹出注释了。最后一定要把所有注释内容放到文章末尾。
这个方法的缺点是为了兼容掌阅而不能使用带链接和图片的注释，这时请使用epub标准注释来获得较好的效果。注释内容不要分段，否则可能只显示第一段（kindle和掌阅）。
页:
[1]