如何使用HTML和CSS制作Amazon Kindle Book 小小书 XXshu

2017年12月19日更新：我希望这篇文章可以帮助您快速入门和运行。 要深入了解更多细节，我建议购买本书： Paul Salvette的 《 eBook设计和开发指南》 。 它涉及的细节非常详尽，涵盖的范围远远超过我在一篇短篇文章中所能涵盖的范围。

我将向您展示如何使用HTML 5和CSS 3制作Kindle 电子书。本教程通过提供逐步的配方和您需要的样板Kindle文件，消除了很多困惑。您可以在不到10分钟的时间内开始制作自己的Kindle电子书。 亚马逊的KF8（Kindle格式8）通过在Kindle设备上支持CSS 3和HTML 5的所有奇迹，为设计师提供了新的机遇。 对于电子书设计师来说，这是一个激动人心的时刻（是的，仍然是新生的），我希望本教程能帮助您入门和运行。

我经营着位于纽约布鲁克林的设计公司Perry Garvin Studio，我们专门从事Kindle图书的设计，出版和转换，网页设计，用户界面设计，品牌和开发。如果您需要项目方面的帮助，请访问http://perrygarvinstudio.com了解更多有关我们的信息，并发送电子邮件至studio@perrygarvinstudio.com。

另外，请注意，本文已由Vera Djuraskovic翻译成塞尔维亚克罗地亚语。

向前！

步骤1：您需要了解的内容

本教程是为使用Mac的人编写的。如果您在PC上，请继续阅读，但必须在Mac上才能使此食谱生效。请查看以下评论之一，以获取有关如何使其在Windows计算机上运行的建议。如果您了解HTML 5和CSS 3并且熟悉XML，这也将有所帮助。我们将在Terminal中做一些事情。涉及命令行时，有些人会感到紧张，但请不要担心。坚持我，你会没事的。

步骤2：全景图

要制作Kindle书，您需要汇编一堆文件，然后通过亚马逊的KindleGen处理引擎运行它们。弹出的文件是.mobi文件。那就是被拖放到您的Kindle上以供阅读的文件。

步骤3：档案

首先，您需要制作构成本书的文件。

1）下载我为您制作的示例文件的ZIP

2）解压缩并将生成的文件夹“ My Kindle Book”放在桌面上

3）删除ZIP文件

4）打开该文件夹，让我们一步一步地浏览这些文件。

mycover.jpg

这是书的封面。

mykindlebook.html

这就是书的内容-读者将阅读的内容。保持HTML简单，并参考Amazon的文档以获取有关他们希望您如何编写标记的详细信息。

toc.html

这是目录。您会看到每个链接都使用锚点指向Kindle书的一部分。

style.css

这是您的样式表，这是使用CSS 3设计书的方式。我已对书进行样式设置，因此文本为绿色（皱纹），并且图像向右浮动。亚马逊对CSS 3的支持相对来说是新的，因为它带来了新的设计选项，这确实令人振奋。您可以在此处了解有关Amazon在其各种设备上支持的CSS 3标签的更多信息。

mykindlebook.opf

这是一个XML文件，可告诉Kindle您的书的结构。继续并打开它（如果没有代码编辑器，则可以使用TextEdit）。

标记之间的内容使用标准都柏林核心元素定义书的元数据：标题，创建者，日期等。

标签之间的内容告诉Kindle内容在哪里。例如，您将看到它引用了我们当前正在查看的所有文件：封面图像，书籍HTML文件，目录HTML文件，样式表和NCX文件（我将对此进行解释一会儿）。

标签之间的内容告诉Kindle应该如何读取这些HTML文件的顺序。例如，使用此文件，当您在Kindle上打开书时，您首先会看到目录。然后，您将点击书中的内容。看看元素中的“ idref”如何匹配元素中的“ id”？这就是书脊知道要显示哪些HTML文件的方式。当然，必须进行匹配，否则Kindle将不知道要加载什么。您可以创建多个HTML文件并定义在中访问它们的顺序。请确保还参考中的这些HTML文件，以便Kindle知道它们的位置！

toc.ncx

您知道Kindle底部的横条上有可以让您跳到各个部分的点吗？ NCX文件告诉Kindle这些点在哪里。标记内的元素定义了这些点。

我还在下载文件中放置了一个名为“ img”的文件夹，并放入了一张漂亮的de Kooning图片，您将看到它嵌入在mykindlebook.html文件中。

就是这样。这些是构建Kindle图书所需的最少文件。下一个是什么？

步骤4：将所有内容放在一起

与我一起逐步进行以下操作：

通过右键单击“我的Kindle Book”文件夹并选择“压缩我的Kindle Book”来压缩文件夹。
仔细检查生成的ZIP，将其保存到桌面。
找到该ZIP文件，并将其名称更改为：book.epub
您会收到一条警告，询问您是否要使用该扩展名。是的你是。因此，您的文件现在应称为“ book.epub”。它是ZIP，现在是ePub。如果仅在现实生活中切换身份是如此简单。
我们需要将该ePub文件转换为.mobi文件-Kindle使用的格式。对我们来说幸运的是，亚马逊开发了一个名为KindleGen的程序来为我们做到这一点。是时候下载并安装KindleGen。 截至2018年1月，此内容是正确的。如果您日后阅读此内容，则过程可能有所更改。 始终比我更看重亚马逊的KindleGen文档。 此食谱在输入时有效，但我不能保证将来会使用。
从http://amzn.to/wYEogJ下载KindleGen。本教程适用于Mac用户，因此请下载适用于Mac的教程。
解压缩并将文件夹名称更改为：KindleGen
将其移至主目录，即“文档”，“电影”和“图片”文件夹所在的位置。
打开“终端”，您将在“应用程序”文件夹内的“实用工具”文件夹中找到该终端。
在命令提示符下，键入
〜/ KindleGen / kindlegen
然后按回车。
现在，您需要使用命令行导航到ePub文件。这是本教程中最棘手的部分，因为它需要一点UNIX知识。我来帮忙类型
光盘〜
然后按回车。这将使您进入主目录。现在输入
cd桌面
然后按回车。现在您就在桌面上！看到？您已经是UNIX专业人士。类型
ls
然后按回车。您将看到桌面上所有内容的列表，该列表中将是book.epub。大。现在输入
〜/ KindleGen / kindlegen book.epub
然后按回车。应该出现一堆代码（希望没有任何警告或错误）。现在转到桌面并查看：您将看到一个名为book.mobi的文件。

您刚刚制作了Kindle书！

让我们看看。

最简单的方法是下载Amazon的Previewer应用程序，它是Kindle的软件版本。您可以在这里获得它：http://amzn.to/w3jJLP

下载预览器后，将其打开并转到“文件”>“打开”，然后从桌面中选择.mobi文件。在那里，您可以找到：您的Kindle书。您也可以将.mobi文件拖放到Kindle上并在其中阅读。

看起来不对吗？错别字？好吧，您将必须删除.mobi文件和.epub文件，然后重复步骤2。

步骤5：最后的想法

以下是一些有用的链接：

亚马逊的Kindle发布指南：有关他们希望您如何生产Kindle图书的亚马逊官方指南。它充满了各种令人讨厌的细节，可以帮助您制作出完美的文件。

关于Kindle Format 8：亚马逊针对Kindle设备的新文件格式

关于KindleGen：亚马逊生产.mobi文件的应用程序

关于Amazon Previewer —亚马逊的应用程序软件，用于预览Kindle书的外观

祝好运！

佩里·加文工作室
studio@perrygarvinstudio.com