惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

F
Fortinet All Blogs
有赞技术团队
有赞技术团队
量子位
N
Netflix TechBlog - Medium
博客园 - 叶小钗
博客园 - 三生石上(FineUI控件)
Google DeepMind News
Google DeepMind News
aimingoo的专栏
aimingoo的专栏
GbyAI
GbyAI
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
Blog — PlanetScale
Blog — PlanetScale
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
月光博客
月光博客
Martin Fowler
Martin Fowler
Y
Y Combinator Blog
宝玉的分享
宝玉的分享
博客园 - 司徒正美
云风的 BLOG
云风的 BLOG
V
Visual Studio Blog
V
V2EX
IT之家
IT之家
L
LangChain Blog
大猫的无限游戏
大猫的无限游戏
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More

少数派

派早报:Google 发布 Fitbit Air 等 - 少数派 「新人报到」確認需求,再開始 - 少数派 从 SOLO 独立开发者社区,我看到了越来越多开发者开始做自己的产品 - 少数派 我怎么管理那些"不常做,但总会忘"的生活事项 - 少数派 人形机器人量产元年,数据才是具身智能的“生死线” - 少数派 BuhoLaunchpad 高度还原 Mac 启动台:开发历程与思考 - 少数派 五年陪伴依然不舍,DIY 换壳后让罗技 MX Master 3 继续服役 - 少数派 新玩意 240|少数派的编辑们最近买了啥? - 少数派 一日一技|为什么你应该关闭 iOS 的键盘声音 - 少数派 我做了个插件和 Skills,一键提取任何网站的设计规范 Design.md - 少数派 住在三四线城市的你,该开始录播客了 - 少数派 甘南秘境,大白高国 - 少数派 AI的审美:谁让把我变成川内倫子 - 少数派 返工怎能不烦恼,打工人片单总有一部是你的「嘴替」 - 少数派 为了让「上厕所」更健康,我做了一个小工具 - 少数派 AI + Skill,能够让生成的文章去除 AI 味吗? - 少数派 新玩意|韶音OpenDots ONE 耳夹式耳机 - 少数派 《美满》| 在每一个春天的晚上相爱(362) - 少数派 新玩意|优篮子 PS01 MagSnap 磁吸支架 - 少数派 自我整合手记 | 我开始早睡了:用稳定规则,为自由托底 - 少数派 用龙虾(OpenClaw)两个多月,我最深的12个体会 - 少数派 听歌时间到,12 张你可能错过的 2025 华语乐坛好专辑 - 少数派 承诺能追吗 - 少数派 macOS 26启动台没了? 我做了个不一样的App启动器 - Keboard - 少数派 《四海为家的人》| INTJ对话INTJ(361) - 少数派 你发过的那些黑历史,是时候一次清干净了 - 少数派 新玩意:安安静静玩,越玩越专注:计客密码机 - 少数派 iPad 用户首次体验 Android 平板:vivo Pad6 Pro - 少数派 数据逻辑强 - 少数派 极北行+ | 一路向北,探访日本至北之地 | 001 - 少数派
使用 Ulysses 输出带有图片描述的 PDF 文档 - 少数派
2017-05-31 · via 少数派

使用 Ulysses 小半年来,PDF 输出的图片没有描述一直困扰着我,我也一直拖着不肯解决,原因是 HTML 是有图片描述的,就赖着,一直到 Reagan 同学提出了这个问题,我又重新思考解决方法,于是有了本文。

1.导出 PDF 的图片没有描述

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

图片插入的界面

按照正常的逻辑,只要我输入 description 或者 title,应该可以直接输出描述或者 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 修改界面:

Markup 修改界面

然后是 Styles 修改界面:

Styles 修改界面

就我个人而言,Markup 属于一种对 Markdown 语法的标记修改,更偏向主题或者是皮肤的修改。Styles 则是对整篇文章的布局、字体等的修改,具体可以对应到不同格式的修改,比如 PDF 或者 HTML。有人曾经跟我讨论说怎么选择合适自己的 Style,我想说的是,只能自己试,不满意的地方就该,比如引用风格、引用字体的颜色、图片尺寸,这些在 Ulysses 里面都可以修改,跟 MS Word 稍有不同的是,它藏得比较深。那么我就从图片描述这一点出发,给出修改步骤。

3.1 修改 PDF Style

首先,打开 PDF 目标格式的 .ulss 文件,如果是 Ulysses 自带的文件需要先复制再用 text editor 打开。如果觉得有些复杂,你只需要对自己说,嗨,这就是一个文本文档。从桌面左上角的 Preference 进入找到位于右上角的 Styles,找到目标格式,比如下面的 GitHub_update,右击出现以下界面:

Preference - Styles - Edit in - TextEdit

用系统自带的文本编辑器打开即可,下图是打开后的样子:

编辑界面

将光标移动到 Paragraph Styles,「段落风格」字眼的部分:

Paragraph Styles

另起一行,添加标注的内容 paragraph-figure+paragraph:

添加标注的内容

也就是以下内容:

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

这段是将图片下面的第一行进行居中处理,看起来就恰好是图片描述。具体写文档的时候,只需要在每个图片下面添加对应描述,在 PDF 预览中即可实现前面所讲的「带有图片描述的 PDF 文章」。如果想限制图片大小,添加下面这段,修改类似 2.5mm 这样的数据,直到满意为止。


//	Images
//

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

4.尾巴

Ulysses 修改格式纷繁杂乱,刚开始不知道从何处下笔,于是从挑选解决我痛点的「PDF 图片描述」开始,从点出发是一个很不错的上手方式。