工具体验 / 象牙塔中 · 11/04/2023

笔记即展示:纯文字高效做排版美丽PPT(Obsidian)

如何用边记笔记边做PPT?
或是说,如何做完一个笔记就能自动获得一个简洁好看的PPT?省去把笔记搬到PPT上扣扣嗖嗖选主题拉缩放磨磨蹭蹭排版的时间?

有那种自动可以自动做出PPT的工具吗?
有,效果如下。

丢下我还没做完的半成品

这份PPT是纯文字制作的,即没有打开过Microsoft PowerPoint之类的PPT制作器,在obsidian内使用纯文字完成内容+排版。

由于省去了排版的功夫,我可以把思绪都集中在内容的准备上,使用更少的时间完成更多的内容。
此外,纯文字制作PPT还有很多好处:

  • 高效率,只需要输入文字即可自动生成漂亮的PPT,无需调整位置和大小。
  • 高自由度,如果有调整Layout的需求,使用简单的坐标标记即可。
  • 低门槛,会Markdown语法即可快速上手。
  • 无需环境配置, 在ob/浏览器即可展示;如果一定需要使用PPT展示,也能快速转换。
  • 高天花板,会CSS即可高效修改自动排版样式,包括字体、字号、间距、边框、背景……
  • 允许使用注释自由思考&引用。
  • 可以被你的笔记定位到「标题」地反向链接。
  • ……

这个插件叫做Advanced slides,你可以在这里看到他们的漂亮的demo。

使用起来非常简单,用 # 表示标题,使用 --- 分页,最简单的PPT就完成了。

Advanced slides支持所有的markdown语法,多级标题、有序列表、无序列表、高亮、加粗、倾斜……只要在Ob里支持,就能在PPT中以低延迟实时渲染。

我的使用流:

左:在浏览器预览效果
右:在obsidian中编辑PPT内容;同时也在周记录中精确引用,记录下一步信息收集/PPT修改计划。

简单展示几张PPT的自动排版与其对应的文字:

最简单的排版是由标题+内容构成的,无需进行多列排版与Layout控制。
在这两个例子中,左边是PPT渲染的效果,右边是对应的内容与简单的版式控制:

  • <br> 用于换行,是我为了增加透气感添加的html标记。即使不会html也可以使用。
  • <grid drag="大小" drop="位置"> 内容 </grid> 用于控制内容位置。
    但只有极少部分内容需要控制,比如第二个例子中我把参考文献钉死在最下角。

如果需要多列排版,重复使用几个<grid drag="大小" drop="位置"> 内容 </grid> 标记即可。
看上去似乎很麻烦?但实际上用ditto快捷键就可以快速输出这段标记,不需要记忆。
不过,定位排版还是需要小学以上的数学能力的:能理解长宽的概念,会计算100以内的坐标。

这便是一个多列排版的例子,Advanced slides可以很好地胜任不同需求的排版,有很高的自定义度。
其他用例,参考官方文档就好。如果你会Markdown语法,大概十分钟就可以上手。
如果你对美观有需求,可以试试官方内置的主题,都很简约漂亮。
我自己在官方主题serif的基础上改了一个serif_lychee.css,上传在这里。如果你读了官方文档就可以复制粘贴然后用上啦。

我简单修改了字号与间距等,并且根据我的实际使用习惯对特定格式进行了修改。
比如在前文不少PPT的下角都钉死了一些小字引用,那是我特地修改了quote的css, 使它不再是普通大小的的引用,而是适合于组会报告式的文献引用。

由于Advanced slides是基于obsidian的插件,所以有两个特性可以使得PPT在笔记中完成。

第一个特性是「注释」。Markdown支持使用 %%被注释的内容%% 进行注释,被注释的内容不会被渲染。

这个特性使得你可以边笔记边做PPT,同时使用注释标记下一步行动(比如「找下可视化的图表」),或是使用注释记录下你的信息源,方便未来可能的考证。

第二个特性基于obsidian的link,你可以在写PPT的markdown文件外精确到标题地引用。

这样,你可以在日记/周记录更快简单精准地复盘,给明天的自己列行动起来几乎没有阻力的task清单。
(明天的自己:谢谢你噢.jpg(咬牙切齿版)

顺便分享三个效率小Tricks,让你可以省下一把做PPT的时间用来摸鱼(或省下做PPT的时间用来写关于做PPT的blog)

Trick 01:使用Obsidian heading shifter设置快捷键,快速调节标题等级。

我设置的Heading 1-6 对应 Alt 1-6,沿用了飞书的使用习惯

由于Advanced slides排版的核心是标题等级,即不同的标题等级有对应的字号、字体与格式,如果每次都需要把鼠标移到行首删去或添加 # 会超级麻烦。用快捷键会顺手且舒适不少。

Trick 02:使用Ditto快速粘贴常用标记,比如增加空隙的 <br> 和进阶位置控制的<grid drag="大小" drop="位置"> 内容 </grid>

使用全局快捷键就不用再记忆或手打标记啦,敏感肌也能用.jpg

Trick 03:使用Microsoft PowerPoint完成批量内容的添加,比如PPT左上角的学校logo+名字。

这条看起来可能很奇怪,明明是不用PPT做PPT,那么为什么要使用PPT?(好绕口hhh
并非因为用ob做PPT不如用PPT做PPT方便,而是因为用PPT批量设置PPT可以更好地辅助ob做PPT。(恶意绕口

掌握Microsoft PowerPoint的母版功能,学会一键给你的页面添加你需要的背景元素恰恰可以优化obsidian PPT的制作体验,拓宽它的应用范围。

碎碎念 01

我一直不喜欢Microsoft Word和Microsoft PowerPoint这类极度繁琐、版本环境依赖、且杀鸡用屠龙刀的产品。
太浪费时间精力还未必有好效果了啊!!!!

这段时间探索使用obsidian替代word与ppt,很成功。

Word方面以毕业设计为例,Obsidian+Pandoc插件可以直接把我的md文件导出为具有「版式」的word文档,可以对我的Latex公式有极好的支持,不用再经历Word噩梦般的公式键入体验。
PPT方面以组会为例,Obsidian+Advanced slice可以让我在信息收集、调研思考的过程获得副产品:好看大方的PPT。省去重复作业的时间(我真的好讨厌重复作业!!!

碎碎念 02

那么,省下来的时间要做什么呢?是为了做更多工作吗。

绝对不是。

工作是永远永远永远永远不会饱和的。

节约下来的时间,是为了可支配时间的自由啊。(比如使用加班时间摸鱼写blog

碎碎念 03

我真的痛恨大小周996,不理解为什么为什么为什么要工作那么多时间……
是真的有那么多工作需要做吗?还是说因为恐惧落后而不得不使用用容易追踪的指标来缓解情绪呢?

在周六加班通过一系列很棒的教程学会了摄影曝光三要素:

简单的笔记:

Exposure Triangle

  • Aperture->depth Of Field
  • Shutter Speed -> Motion
  • Iso -> Grain Or Digital Noise

Four Basic Factors Of Light

  • Intensity
  • Duration
  • Distance Between Light Source And Subject
  • Modifications To the Light

Movement Factors

  • Speed
  • Distance

现在我已经是摄影小天才了(神志不清

碎碎念 04

Blog写完了,该下班了。