使用 Ulysses 输出带有图片描述的 PDF 文档

在用Ulysses插入图片时会出现下面的界面：

图片插入图例

图片插入图例

按照正常的逻辑，应该可以直接输出描述或者Title，虽然我不明白Ulysses对描述和Title理解的区别，但是在文章里，「简述一幅图片插入的理由」应该是毫无疑问的需求。Ulysses对这点支持得很不好，比如，插好图片并且填写信息后，在使用 HTML 和 PDF 预览时却产生了这样的差异：

HTML和PDF输出图片描述差异

也就是说HTML格式预览可以显示对图片的描述，而PDF不可以。对于学术写作非常不友好，这里我找到两种方法解决该问题。

2. HTML 转 PDF

既然 HTML 可以直接输出描述，那么只要将 HTML 直接转换成 PDF 就是曲线救国的思路。因此，如果使用 Mac Ulysses App，那么很简单：

1. 使用自带Safari浏览器（或者任意浏览器）打开HTML预览
2. Safari + 预览，将网页转化为自定义尺寸 PDF | 一日一技

预览演示

如果经常使用 iOS Ulysses App，那么稍微麻烦一点。@Reagan 在Ulysses 导出带有图片说明的 PDF 文件 | 一日一技 这篇文章里给出一种 Ulysses+iCab Mobile 的实现方式。其实使用 Readdle家 PDF Expert或者可能任何类似App都可以打开带有图片标题的HTML。但是，采用HTML转PDF的问题也很多，比如说图片尺寸不令人满意。

那么能不能直接在PDF输出带有图片描述的文章呢？答案是可以的：

直接输出PDF图片描述的对比

左边是没修改之前的状态，右边是修改后的PDF，总体思路是将图片下第一行文字和图片一样进行居中处理。

3. 直接输出带有图片描述的PDF

在具体修改之前，有必要Ulysses的自定义功能。Ulysses 的自定义功能太丰富，导致很多人望而却步，不像 Byword 你也没啥可修改的反而省事，all it depends. Ulysses 有两个地方可以自定义，分别是 Markup 和 Styles，在preference里面可以找到：

Markup

Styles

就我个人而言，Markup属于一种对 Markdown 语法的标记修改，更偏向主题或者是皮肤的修改。Styles 则是对整篇文章的布局、字体等的修改，具体可以对应到不同格式的修改，比如PDF或者HTML。

3.1 修改 PDF Style

首先打开PDF 目标格式的.ulss文件，如果是Ulysses自带的文件需要先复制再用text editor打开。如果觉得有些复杂，你只需要对自己说，嗨，这就是一个文本文档。

打开路径

打开之后的界面

移动光标到paragraph styles

添加标记的这一段：

paragraph-figure + paragraph {
	text-alignment:	center
	first-line-indent:	0pt
	margin-bottom:	2.75pt
	}

这段的意思是将图片下面第一行居中处理，看起来就恰好是图片的描述。如果想限制图片大小，可以添加下面这段，你可以自己修改数据直到自己满意为止。

//	Images
//

paragraph-figure {
	margin-top:				2.5mm
	margin-bottom:			2.5mm
	margin-left:			15mm
	margin-right:			15mm
}

4.尾巴

Ulysses修改格式纷繁杂乱，刚开始真不知道从何处下笔，于是从挑选解决我痛点的PDF图片描述修改开始，大家也可以告知我有哪些需要，从点出发是一个很不错的学习方式。