Sigil是一个开源的跨平台EPUB格式电子书编辑器,
有很多优良的特性,很好用,在Windows和OS X下的表现都不错。
以下是使用Sigil将网页内容制作成EPUB格式电子书的过程,
如果是自己创作内容的话,也可以参考此过程中的相关步骤。

  • 使用Chrome浏览器打开相关Web页面,
    例如:http://blog.miguelgrinberg.com/post/the-flask-mega-tutorial-part-i-hello-world
    若Web页面中有图片,则需要先将其保存到本地,目的是批量下载网页中的图片。
    保存到本地时选择“webpage, complete”就行了,这样所需的图片就都有了。

  • 使用Chrome打开保存好的网页,选择需要生成EPUB的内容,
    复制粘贴到Sigil中Text目录下的Section0001.xhtml文件中,
    重命名Section0001.xhtml为合适的文件名

  • 在Sigil中左侧窗格中,Styles下选择Add Existing Files,
    然后在离线文件中选中所需的css文件,可以一次性全部选择完
    注:这一步也可以忽略掉!
    经测试,添加css文件后对于Kindle上的显示效果没有改善。

  • 在Sigil中左侧窗格中,Images下选择Add Existing Files,
    然后在离线文件中选中所需的图片文件,可以一次性全部添加完

  • 在中间窗格中,定位到页面中有图片的地方,在图片后面,右键,
    选择Insert File,然后选择和页面中已有图片对应的那个图片,
    然后删除掉之前页面中存在的图片,因为我们新加的图片已经做好了关联。

  • 注意页面标题为<h1></h1>之间,例如:

    <h1>Part II: Templates</h1>
    

    注意要删掉h1标签后的<div>标签以及结尾的</div>标签
    注意img标签是被包围在p标签中,而不是被包围在center标签中
    注意生成目录时,只生成第一级的TOC就可以了
    Sigil在Windows下比在OS X下的效果要好一些

  • Ctrl + S,保存。

  • 使用Sumatra PDF检查基本的保存效果
    Sumatra PDF功能不够好,会丢失一些格式排版

  • 使用Kindle Keyboard上的多看系统检查epub文件的可用性

  • 然后可以添加第二个章节的内容了,还是在Sigil左侧窗格的Text目录下,
    选择Add Blank HTML File,则会添加一个名为Section0002.xhtml的文件,
    再按上面的步骤继续进行后续的操作就可以了。