使用 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图片描述修改开始,大家也可以告知我有哪些需要,从点出发是一个很不错的学习方式。

Comments are closed.