本文首发于https://www.lightnovel.cn/thread-1013702-1-1.html。

本文也在知乎发布https://zhuanlan.zhihu.com/p/103609154

感谢http://aeroblast.lofter.com/post/1edd35cb_12e3b4c8e，我的只是略加改动。

首先一定要在html标签里加上

xmlns:epub="http://www.idpf.org/2007/ops&#​34;

这个是注释提示的标签，一定要在epub里加一张名字是note.png的图片，这里不能使用文字（如[注]）作为注释提示，而要用图片，比如我自己做的这个。

<sup><a class="duokan-footnote&#​34; epub:type="noteref&#​34; href="#​note1" id=&#​34;note_ref1"><img alt=&#​34;note" class=&#​34;zhangyue-footnote" src=&#​34;../Images/note.png" zy-footnote=&#​34;"/></a></sup>

zy-footnote="&#​34;的引号里面也要填注释内容，不然无法兼容掌阅。<sup>是用来上标图片的，可以忽略。class="duokan-footnote&#​34;和class="zhangyue-footnote&#​34;不要改，否则多看和掌阅不识别。

这个是注释内容的标签

<aside epub:type="footnote&#​34; id="note1&#​34;><ol class="duokan-footnote-content&#​34; style="list-style:none&#​34;><li class="duokan-footnote-item&#​34; id="note1&#​34;><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和掌阅）。