目录
在用Ulysses插入图片时会出现下面的界面:

图片插入图例
图片插入图例
按照正常的逻辑,应该可以直接输出描述或者Title,虽然我不明白Ulysses对描述和Title理解的区别,但是在文章里,「简述一幅图片插入的理由」应该是毫无疑问的需求。Ulysses对这点支持得很不好,比如,插好图片并且填写信息后,在使用 HTML 和 PDF 预览时却产生了这样的差异:
HTML和PDF输出图片描述差异
也就是说HTML格式预览可以显示对图片的描述,而PDF不可以。对于学术写作非常不友好,这里我找到两种方法解决该问题。
2. HTML 转 PDF
既然 HTML 可以直接输出描述,那么只要将 HTML 直接转换成 PDF 就是曲线救国的思路。因此,如果使用 Mac Ulysses App,那么很简单:
- 使用自带Safari浏览器(或者任意浏览器)打开HTML预览
- 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图片描述修改开始,大家也可以告知我有哪些需要,从点出发是一个很不错的学习方式。