自定義樣式，使用瀏覽器閱讀epub格式的電子書

epub格式的電子式一般用專門的閱讀器打開，但是如果可以使用瀏覽器打開，就可以隨意更改css了，獲得極致的體驗效果。

比如可以自定義字體、行間距、背景色、字體大小、縮進等等...

當然，如果您不需要添加翻頁按鈕，請跳過第二、三步，直接進行第四步也可以。

效果如下：

一、使用解壓軟件將epub格式的電子書解壓到特定的文件夾，解壓后一般為html格式。

二、將文件重命名，以數字方式命名，並從1開始編號，可以使用bat批處理文檔，方面下一步翻頁時計算頁面。

將如下代碼拷貝到任一個記事本文件里面，將記事本后綴改為.bat，注意一定是真正的后綴是.bat，有的人改完之后是.bat.txt，這樣是沒有效果的

@echo off

set a=

setlocal EnableDelayedExpansion

for %%n in (*.html) do (

set /A a+=1

ren "%%n" "!a!.html"

)

雙擊執行批處理即可。

三、在html頁面中添加“上一頁”，“下一頁”按鈕。

將代碼插入</body>之前，可以使用 notepad批量替換</body>字符。

代碼：

<script language="javascript">
<!--var strHref = window.location.href;
var pageName = strHref.slice(strHref.lastIndexOf("/")+1);
var pageNumber=parseInt(pageName.replace(".html",""));
function forward()
{var aa=pageNumber-1;window.location.href=aa+".html";}
function back()
{var bb=pageNumber+1;window.location.href=bb+".html";}
//-->
</script>
<div>
<div class="fanye1"><input type="button" value="上一頁" onclick="forward()"></div>
<div class="fanye2"><input type="button" value="下一頁" onclick="back()"></div>
</div>

或者在外部引入js（推薦）：

將以下代碼寫入記事本，另存為fanye.js。

<!--
var strHref = window.location.href;
var pageName = strHref.slice(strHref.lastIndexOf("/")+1);
var pageNumber=parseInt(pageName.replace(".html",""));
function forward()
{
var aa=pageNumber-1;
window.location.href=aa+".html";
}
function back()
{
var bb=pageNumber+1;
window.location.href=bb+".html";
}
//-->

在html文件中引入，在</body>前加入如下代碼

<script src="fanye.js" type="text/javascript"></script>

<div>
<div class="fanye1"><input type="button" value="上一頁" onclick="forward()"></div>
<div class="fanye2"><input type="button" value="下一頁" onclick="back()"></div>
</div>

四、在瀏覽器頁面加入CSS樣式，獲得自定義的閱讀效果。

我的css是從https://ebooks.adelaide.edu.au/meta/titles/A.html這個在線書籍網站的頁面復制下來的，稍作更改，直接放到解壓后的書籍目錄下，如下圖的stylesheet.css。替換原來解壓后的main.css 文件。

 

我的stylesheet.css

https://files.cnblogs.com/files/ricksteves/stylesheet.css

（如需使用我的css，請右鍵以上鏈接目標另存為下載）

使用瀏覽器閱讀的好處是顯而易見的，英文書籍直接配合歐路詞典，划詞取義。

最后是效果圖：