搞定InDesign製作BookWalker可重排式電子書的格式修改

在攻克符合了所有平台的電子書格式後，BookWalker應該是我遇過電子書閱讀 ... 使用者可以去下載ePubPack軟體，而Mac使用者請下載ePub Zip/Unzip工具。

Skiptocontent 網誌 推薦活動 推薦新書 我的作品 關於 網誌 推薦活動 推薦新書 我的作品 關於 在攻克符合了所有平台的電子書格式後，BookWalker應該是我遇過電子書閱讀器最美麗的一個顯示介面，當然越是美麗的東西就越危險，就像玫瑰花莖長滿了刺一樣，要提供給BookWalker的電子書就不能用簡單偷懶的方式提供，因為在閱讀顯示時就會不好看。

所以後來就去他們那邊上了一堂他們的教學課程，老實說他們的作法就像是笑傲江湖裡的華山氣宗，剛開始面對一堆複雜的Coding，誰都會一頭霧水做不太出來，但是習慣了，我看對方的示範妹妹可是運指如飛、霎時有嘈嘈切切錯雜彈的壯麗美感，這功夫讓我這個可能是華山派劍宗的人怎麼也不太想學，打基礎太累了，就好比欲練神功必先自宮一樣，難！但是天下武功同出一脈，我就想著要如何用我所會的來破解，總算經過幾次的切磋與摸索，好像又完成了一招偷雞摸狗的懶人作法。

再次重申一下，BookWalker提倡的ePub3製作方法確實是最紮實穩健的方法，看起來幾乎各種編排格式都能夠對應了，但是有個前提是要花時間學習那些Coding，對年輕人來說看著滿滿的黑畫面中各種繽紛色彩的英文Coding（SublimeText的視窗介面）做調整，應該不算是難事，偏偏我這老骨頭已經不行啦，老花眼的我哪堪這樣折磨，所以如果你跟我一樣是老頭子、或是實在沒太多時間研究Coding，就參考看看我的偷雞摸狗招式吧～ 安裝與設定SublimeText基本套件 首先這套招式要先學會我先前聊過的小說電子書製作方法，細節部分請參考以前的系列文章。

然後呢，這次要先安裝一個必要的編輯工具SublimeText。

下載完成後建議去安裝一個基礎外掛套件PackageControl，如下圖所示，按下「InstallNow」。

接下來的畫面中，如下圖所示把下方的程式碼片段拷貝起來。

回來開啟SublimeText，選擇「View＞ShowConsole」。

接著SublimeText下方會出現控制面板，在空白欄位處按右鍵，選擇「Paste」。

貼上後按下Enter進行，這樣就安裝完成啦。

接著選擇「Tools＞CommandPalette」。

此時在跳出的畫面中，輸入“Package”，就會看到剛剛安裝好的套件列表。

換成輸入“pcid”，選擇「PackageControl:InstallPackage」。

如果這個視窗不見了，請再選擇「Tools＞CommandPalette」，或是按下快速鍵cmd+shift+P/Crtl+Shift+P。

選擇之後會出現下面的視窗畫面。

請輸入“Sidebar”關鍵字，然後選擇安裝「SideBarEnhancements」，這是用來顯示ePub整個資料夾的必要工具喔～ 以上就是SublimeText的基本環境建置方式，如果光是這樣你就掛了那就太不行了，接下來偷雞摸狗招式只要幾個步驟就好，會比你死盯著Sublimetext花花綠綠的Coding輕鬆很多。

分解ePub 接下來我們要把利用InDesign製作好的可重排式電子書ePub解壓縮成資料夾的型態，選擇好要處理的ePub檔案。

按右鍵更改副檔名為zip。

接著執行解壓縮，就會產生資料夾，在這個資料夾下有兩個資料夾與一個mimetype檔案。

處理這個資料夾前，我們先選擇「View＞ShowSideBar」來顯示側邊欄位。

安裝「SideBarEnhancements」套件可以強化SideBar的功能，原本未安裝前只能顯示一個檔案，現在就可以顯示多資料夾的內容，國外達人就是用這個套件來編輯ePub檔的。

這時候呢，把這個資料夾拖拉到SublimeText。

處理頁眉問題 OK，這樣就會在側邊欄看到整個ePub檔案結構。

這時候我們選擇「OEBPS」資料夾，這裡面會存放主要的文字內容檔案。

先隨便選擇一個章節的xhtml檔案，可以看到

這裏『.*』的意思是說任何字元至少一次以上，也就是DrNovel_170013（書名頁）、DrNovel_170013-1（第一章）、DrNovel_170013-2（第二章）～DrNovel_170013-14（第十四章）這15個檔案都被我設定的條件範圍涵括住了，這些檔案都是會產生頁眉的地方，所以我才會設這樣的條件式。

對了，補充說明一下，設定這個條件式以前，要先按下尋找取代面板左邊「.*」(regularexpression)的按鈕才行喔！ 第二個欄位「Where」先選擇右邊的「⋯」按鈕，然後選擇「AddOpenFolders」，這樣「where」就會顯示為“”。

第三個欄位「Replace」就輸入本書的書名作為取代的內容，這樣子頁眉都會看到書名就不會有違和感，以下是輸入的內容： 完成這樣的設定後，大家還是擔心取代錯誤怎麼辦？這時候可以先按下「Find」按鈕檢查一下。

可以發現確實有照我們的條件尋找到正確的內容，那我們就安心地按下「Replace」按鈕。

SublimeText會告訴你有15個檔案的15個地方都會修改到，要確定嗎？當然OK，不然我灌SublimeText是幹嘛用的。

完成後可以看到這15個檔案的頁眉都改成書名啦～ 這樣就解決BookWalker閱讀器上的一個顯示要求。

進行封面的滿版處理 接下來要進行另外一個特別設定，就是讓封面圖可以顯示滿版，這也是其他平台沒在care的地方，所以我才說BookWalker的閱讀介面真的很漂亮，在圖形處理上很要求完美。

BookeWlaker有提供封面範本直接套用修改，我下面copy這個代碼給大家參考使用（幾個小地方有做修改，下載cover.xhtml）： 請把這些程式碼拷貝後，然後開啟封面的網頁檔，如下所示，把程式碼貼在下面，原先程式碼裡的內容僅有一個要保留就是封面路徑。

把原先的程式碼全部刪掉，並把封面路徑貼到新程式碼裡代表封面路徑的地方，然後設定封面的大小，不知道封面大小者可以去「image」資料夾中去查看。

需要設定修改的地方標示如下： 其中封面用的css檔案，如果一開始用InDesign製作ePub時沒有包含近來，就需要額外將fixed-layout.css放到「css」資料夾。

而fixed-layout.css的內容很簡單，就是設定零間距的版面，內容如下（下載fixd-layout.css）： 將封面頁面的檔案修改完成後，接下來要去content.opf裡面指定svg的語法，請找到下面的程式碼： 因為我的小說在輸出時指定樣式表為content_03.css，所以我要找到這一行，然後在這一行下面新增一行指定的程式碼： 這個就是用來指定我們剛剛新增的fixed-layout.css的所在位置。

這個步驟其實可以在重新輸出ePub時把fixed-layout.css包進來後省略掉。

在content.opf裡面指定好兩個修改內容後，就可以將所有資料全部儲存，請選擇「File＞SaveAll」。

重新打包輸出ePub 完成所有資料修改後，接下來就是看起來很簡單，但是在Mac裡面卻是好複雜的工作，那就是把資料夾重新壓縮成zip，然後更改副檔名為ePub的流程。

這部分如果是PC的使用者可以去下載ePubPack軟體，而Mac使用者請下載ePubZip/Unzip工具。

以Mac來說，就是把資料夾拖拉到ePubZip/Unzip工具上即可。

完成這個動作後，就會完成ePub檔的打包製作，如下圖所示。

看似很簡單，但是選對壓縮打包軟體卻是很重要，我在打包這部分就用了好多款壓縮軟體全都有問題，直到用了ePubZip/Unzip才算順利完成正確無誤的ePub打包製作。

PC的部分我就借用BookWalker的範本圖片供大家參考看看，我實驗過後也是OK的。

第一步就是開啟ePubPack軟體，在1的地方需要先指定mimetype的位置，因為epub的壓縮中需要指定mimetype為第一個壓縮位置。

而2的地方就是選擇輸出的位置與檔名設定。

在3的地方輸入檔名，然後按下「確定」。

完成上面的設定後按下「CreatePubFile」就可以完成壓縮打包啦。

最後我們在到BookWalker的閱讀器上看看結果，下面是第一頁書名頁的地方，在右上角可以看到頁眉內容。

後面內頁的地方，一樣在右上角地方，頁碼旁邊會有頁眉。

  以上就是這次的內容分享，按照慣例要再打個小廣告，大家如果對版面設計或InDesign技術內容有興趣的話，歡迎贊助一下版主的新書《InDesignTricks：專家愛用的速效技法》，不管是紙本書還是電子書都有在販售，請大家多多支持～XD 電子書互動介紹頁面網址：https://indd.adobe.com/view/c4d80b2d-0f78-481d-a6ad-baf45e9cefe9 另外，如果你覺得本篇文章對你很有幫助，歡迎你用LINEPay或是街口支付的方式贊助打賞，下方是我的LINEPay與街口帳號，感謝喔 小雲 喜愛3C、動漫以及研究沒人關注的電子書技術的居家好青年；假日最愛逛的地方是菜市場，會做一些奇怪好吃的料理；經常會搞一些奇怪的手作物品，也會亂寫一堆怪怪文章。

總之，就是一個不太適合住在地球的火星小朋友⋯⋯XD Viewallpostsby小雲 Facebook Twitter youtub pinterest instagram 文章導覽 PreviousPostInDesign文字間距強化版-縮排文字也可以讓左括弧靠左對齊NextPost有聲廣播「咱聊InDesign」節目預告－2018年6月 發佈留言取消回覆發佈留言必須填寫的電子郵件地址不會公開。

必填欄位標示為*留言顯示名稱* 電子郵件地址* 個人網站網址 Δ Facebook Twitter youtub pinterest instagram Searchfor: Search 近期文章 【挖貝選物】之我見，以出版的觀點來看看 利用「字元前後空格」讓連字號與中文字字距更完美 InDesign小技巧－定位點與中文左引號的漂亮對齊 利用GREP自動產生交錯段落的樣式 GREP小技巧－用GREP樣式快速指定常見的八卦符號字元 登入與訂閱RSS 登入 訂閱網站內容的資訊提供 訂閱留言的資訊提供 WordPress.org台灣繁體中文 近期留言「小雲」在〈InDesign小技巧－定位點與中文左引號的漂亮對齊〉發佈留言「萬國」在〈InDesign小技巧－定位點與中文左引號的漂亮對齊〉發佈留言「小雲」在〈《InDesignTricks：專家愛用的速效技法》新書推薦與花絮〉發佈留言「小雲」在〈《GREPTricks》封面話癆子〉發佈留言「小雲」在〈《GREPTricks》封面話癆子〉發佈留言標籤1766 1766一起聊聊網路廣播電台 CSS ePub ePub3 ePub3 EP同步 excel FixedLayout GREP GREP樣式 iBooks IDPF InDesign InDesignCC InDesignTricks：專家愛用的速效技法 Mac Parallels PDF podcast word 個人出版 公仔 出版 可重排式版面 咱聊InDesign 小說 張念琋 懶人料理 手作 手工書 指令碼 推薦閱讀 文字框 新詩 有聲書 桌曆 比天還藍 火星頑童 目錄 編輯 設計 讀書心得 電子書 電子書平台 文章分類文章分類 選取分類 Apple產品教學 InDesign與電子書教學 Podcast 不負責任料理 其他教學與展示 半半滴家 廚房記事 我的設計作品 我的趣味手作 有聲廣播 東東話家常 毛小孩料理 火星劣犬 火星報報 火星專欄 火星廚房 火星文學 火星編輯 火星豬頭 火星賤貓 火星醫療 火星雜記 火星靈異 老爺專欄 2018年5月 一 二 三 四 五 六 日  123456 78910111213 14151617181920 21222324252627 28293031   «4月   6月» 每月文章 每月文章 選取月份 2021年10月 2021年9月 2021年7月 2021年6月 2021年5月 2021年4月 2021年3月 2021年2月 2021年1月 2020年12月 2020年11月 2020年10月 2020年9月 2020年8月 2020年7月 2020年6月 2020年5月 2020年4月 2020年3月 2020年2月 2020年1月 2019年12月 2019年11月 2019年10月 2019年9月 2019年8月 2019年7月 2019年5月 2019年3月 2019年2月 2019年1月 2018年12月 2018年11月 2018年10月 2018年9月 2018年8月 2018年7月 2018年6月 2018年5月 2018年4月 2018年3月 2018年2月 2018年1月 2017年12月 2017年11月 2017年10月 2017年9月 2017年8月 2017年7月 2017年6月 2017年5月 2017年4月 2017年3月 2017年2月 2017年1月 2016年12月 2016年11月 2016年10月 2016年9月 2016年8月 2016年7月 2016年6月 2016年5月 2016年4月 2016年3月 2016年2月 2016年1月 2015年12月 2015年11月 2015年10月 2015年9月 2015年8月 2015年7月 2015年6月 2015年5月 2015年4月 2015年3月 2015年2月 2015年1月 2014年12月 2014年11月 2014年10月 2014年9月 2014年8月 2014年7月 2014年6月 2014年5月 2014年4月 2014年3月 2014年2月 2014年1月 2013年12月 2013年11月 2013年10月 2013年8月 2013年7月 2013年6月 2013年5月 2013年4月 2013年3月 2013年2月 2013年1月 2012年12月 2012年11月 2012年10月 2012年9月 2012年8月 2012年7月 2012年6月 2012年5月 2012年4月 2012年3月 2012年2月 2012年1月 2011年12月 2011年11月 2011年10月 2011年9月 2011年8月 2011年7月 2011年6月 2011年5月 2011年4月 2011年3月 2011年2月 2011年1月 2010年12月 2010年11月 2010年10月 2010年9月 2010年8月 2010年7月 2010年6月 2010年5月 2010年4月 2010年3月 2010年2月 2010年1月 2009年12月 2009年11月 2009年10月 2009年9月 2009年8月 2009年7月 2009年6月 2009年5月 2009年4月 2009年3月 2009年2月 2009年1月 2008年12月 2008年11月 2008年10月 2008年9月 2008年8月 2008年7月 2008年6月 2008年5月 2008年4月 2008年3月 2008年2月 2008年1月 2007年12月 2007年11月 2007年10月 2007年9月 2007年8月 2007年7月 2007年6月 2007年5月 2007年4月 2007年3月 2007年2月 2007年1月 2006年12月 2006年11月 2006年7月 2006年6月 2006年1月 2005年11月 2005年10月 2005年9月 2005年8月