为了账号安全,请及时绑定邮箱和手机立即绑定

全程快捷键!硬核小哥超快配图1700页数学笔记,教你上手LaTeX+Inkscape

标签:
人工智能
边策 乾明 发自 凹非寺 
量子位 报道 

之前,我们介绍了一位神奇的本科生,他在数学课上用Vim+LaTeX全程手打出1700页课堂笔记,速度直追老师的板书。

5cc85a0a0001c03506400345.jpg

现在,这位Gilles小哥又开课了,上次他只教了大家手打公式的方法,这次他展示了数学笔记里的画图技巧。

他用到的神器是Inkscape+LaTeX,再加上自定义的快捷键,一个Ctrl+F,直接完成原来的六个步骤。

让你在电脑上画图也能追得上老师。

无论是复分析、微分几何、电动力学,还是小哥目前正在准备的椭圆曲线毕业论文,都能用这些神器轻松搞定。

https://img1.sycdn.imooc.com//5cc857de0001c77905420324.jpg

 【复分析中的路径积分】

https://img1.sycdn.imooc.com//5cc858920001ee9206390250.jpg

【微分几何中的流形】

https://img1.sycdn.imooc.com//5cc858bd0001eb2e06220245.jpg

 【电动力学中的折射率椭球】

https://img1.sycdn.imooc.com//5cc8590f0001d30205830297.jpg

【作者毕业论文中的椭圆曲线】

为何选择Inkscape

小哥说,其实不用图形软件,他也能画图。

给LaTeX文档添加图形可以用TikZ。用TikZ绘制一个向量A的图形只需要5行代码:

\begin{tikzpicture}
\coordinate (A) at (1, 3);
\draw[thick, ->] (0, 0) — (A);
\node[above right] at (A) };
\end{tikzpicture}

运行以上代码就画出矢量A的图形。(注,A应等于(1,3) ,原文错误。)

https://img1.sycdn.imooc.com//5cc858f700014ee504450214.jpg

TikZ优点是绘制图形只需要写代码。但是它的缺点也在于此,因为是代码所以无法实时看到图像,运行代码的速度也会比较慢。

因此,用一个能实时绘图的软件Inkscape比TikZ方便很多。

Inkscape是一个开源的矢量图形编辑器,Linux、Windows、Mac平台都可以使用。虽然比Adobe Illustrator功能少,但是胜在免费。

图形软件Inkscape与LaTeX代码并不冲突,Inkscape仍具有LaTeX的排版功能。

https://img1.sycdn.imooc.com//5cc85924000181bc06080369.jpg

下面开始介绍如何把Inkscape和LaTeX两件武器结合起来。

给LaTeX文档加上图形

Inkscape可以选择使用LaTeX渲染图形中的文本,只需在保存时把图形导出为pdf和LaTeX文件。

其中,pdf文档包含剥离了文字的图形,LaTeX文件则包含了将文字放在正确位置所需的代码。

如果我们要在LaTeX中插入下面这张图:

https://img1.sycdn.imooc.com//5cc859380001eb6906100399.jpg

需要转到“文件”“另存为”,选择pdf作为扩展名。然后点击保存,会弹出以下对话框:

https://img1.sycdn.imooc.com//5cc8594800011e5204430360.jpg

选择“Omit text in PDF and create LaTeX file”(在pdf中省略文本并创建LaTeX文件),将图形保存为pdf+LaTeX。

假设生成的文件都存储在figures文件夹下,最后生成的目录应该像这样:

figures/
    figure1.pdf_tex
    figure1.svg
    figure1.pdf

要在LaTeX文档中插入Inkscape图形,只要在开头加入以下代码:

\usepackage{import}
\usepackage{xifthen}
\usepackage{pdfpages}
\usepackage{transparent}

\newcommand{\incfig}[1]{%
\def\svgwidth{\columnwidth}
\import{./figures/}{#1.pdf_tex}
}

假设图形的路径是figures/riemmans-theorem.svg,输入以下代码将图片插入文档中:

\begin{figure}[ht]
\centering
\incfig{riemmans-theorem}
\caption{Riemmans theorem}
\label{fig:riemmans-theorem}
\end{figure}

编译上面的文档,就获得插入图形的LaTeX排版结果:

https://img1.sycdn.imooc.com//5cc859660001e54304820347.jpg

上面的图形文本由LaTeX渲染,可以根据需求更改字体,图形也会相应地更新:

https://img1.sycdn.imooc.com//5cc8597800014c3804670347.jpg

也就是说用Inkscape绘制的图形,仍然保留的LaTeX的排版功能

快速创建包含图形的LaTeX文档

上面的步骤显然过于繁琐,如果在做课堂笔记的时候,急急忙忙打开Inkscape,搜索目录在插入图形,肯定是跟不上节奏的。

要知道Gilles小哥可是能同步跟上老师板书的大神,所以他还有“快捷方式”的秘技。

Gilles用一个自定义的Ctrl+F快捷键,把上面的步骤简化为一键搞定。

Ctrl+F背后的脚本应该满足下面六个要求:

1、根据LaTeX文件的位置查找图形目录;

2、然后检查是否存在具有相同名称的图形(与pdf_tex文件同名的svg文件);

3、如果没有同名文件,图形模板将被复制到图形目录下;

4、将包含图形标题的当前行替换为插入图形的LaTeX代码;

5、在Inkscape中打开新图;

6、设置文件观察器,每当通过按下Ctrl+S将图形保存为svg文件时,也自动保存为pdf+LaTeX,让之前的保存对话框不再弹出。

Gilles已经给出了在VimTeX中的设置:

inoremap <C-f> <Esc>: silent exec '.!inkscape-figures create "'.getline('.').'" "'.b:vimtex.root.'/figures/"'<CR><CR>:w<CR>

nnoremap <C-f> : silent exec '!inkscape-figures edit "'.b:vimtex.root.'/figures/" > /dev/null 2>&1 &'<CR><CR>:redraw!<CR>

下面感受一下实际效果:

5cc85a0c0001a48c00010001.jpg

按下Ctrl+F,LaTeX开头插入图形的代码部分自动完成。

如果想编辑一个图形,可以按下Ctrl+F打开一个选择对话框,搜索当前文档中的图形。选择其中一个后,它会显示Inkscape中的图形。保存图形时,会将插入图形的代码复制到剪贴板。

5cc85a0e00016f6f00140031.jpg

这些快捷方式使得添加和打开图形变得轻而易举,不必记每次手动将图形保存为pdf+LaTeX格式。具体的脚本可以去GitHub项目页下载,地址附在文末。

绘制图形

小哥说,在大多数情况下,用Inkscape来绘制图形,要比使用TikZ要快得多。

但是与手工绘制相比,还是要慢很多,就算用上Inkscape内置的快捷方式能够加快速度,但也很难达到目标。

因此,小哥用Python编写了一个定制的快捷方式管理器,来完全控制每个按键的“解释”方式。

他说,这给自己画图带来了很大的灵活性。

绘制形状

从Inkscape内置的键盘快捷键开始说起。比如说,按下R,可以激活矩形绘制工具,E可以用来绘制椭圆等等。

就实现而言,这意味着快捷方式管理器会“重播”这些“键盘事件”,也就是说,将它们传递到Inkscape中,然后执行命令。

在小哥的设定中,用WF替代了Inkscape默认的铅笔快捷键和曲线工具的快捷键PB

他说,在自己右手使用鼠标的时候,使用这些快捷键的会更舒服、更顺手一些。

基于用左手按快捷键的思路,他还将Z键设定为“取消”,Shift+Z设定为“删除”,X设定为很难按到的%等等。

组合键与常用样式

设定绘图样式, 是小哥使用Inkscape做的第二件事。他用来绘图样式很简单:

  • 形状,比如矩形或者圆形,多为黑色、浅灰色、白色或透明的,在操作的时候,可以选择轮廓的线条。

  • 线条(包括轮廓)大多是实线、点线或虚线。它们有些非常宽,有些也带着箭头。

整体如下图所示:

https://img1.sycdn.imooc.com//5cc8599d000110dc06040383.jpg

这些绘图的样式是小哥经常用到的,他希望能够快速调用起来。但是,使用Inkscape的快捷方式太麻烦了,需要很长的时间。比如,将下面的圆和方框的样式从黑色实边转换成灰色虚边:

https://img1.sycdn.imooc.com//5cc859af0001999605750185.jpg

你需要按下Ctrl+Shift+F打开样式面板,然后通过鼠标点击相应的按钮,来改变每个对象的样式。而且,在Inkscape的快捷方式设定中,根本无法通过键盘做到这一点。

小哥认为,这太讨人嫌了。理想情况下,完成这一操作应该只需要几分之一秒。

5cc85a10000161da04290310.jpg

这就是组合键发挥作用的地方。一个组合键就是一个快捷方式,有两个或多个按键组成。

比如,小哥同时按下SF的时候,他的快捷方式管理器,就会对选定的对象使用实线笔画并进行灰色填充。想要笔划变粗?同时按下S+F+G就行了。

在这样的设定下,每个样式属性,都对应一个按键:S代表正常笔划,F代表灰色填充,G代表加粗,A代表加粗,D代表点线等等。

https://img1.sycdn.imooc.com//5cc859c20001fb6906100349.jpg

这些表格中的某些样式只响应一个键,比如左上角的样式:F代表只填充灰色而不改变笔划。这可能带来快捷键冲突的问题。

比如按F也是用来调用曲线工具的快捷键。解决方式是空格+F,用空格来充当一个占位符。

使用这些组合键,之前的问题可以通过按几个键来解决了:

F+S,能够使矩形变成灰色,并应用实线边框。

F+H+E代表填充灰色和使用非常粗的虚线。

A+G+D则是增加箭头,并应用点线样式。

5cc85a110001ead300010001.jpg

添加文本

绘图的另一个重要部分是添加文本。图形中通常会包含数学公式,小哥就想着能够使用自己在Vim里面设定好的“代码片段”。

为了实现这一点,他设定按T来打开一个小的Vim窗口,在这里可以输入LaTeX代码。在退出的时候,可以在Inkscape中插入一个文本节点:

5cc85a120001ca4e00010001.jpg

正如上文所述,在文档中插如图时,可以用LaTeX来输入文本。如果想要立即插入文本怎么办?小哥说,可以用Shift+T来做到这一点:

5cc85a130001510800010001.jpg

这两种选择各有优缺点。小哥主要选择第一种方法, 因为文本是由LaTeX文档呈现的。

这意味着字体将始终匹配,并且可以使用文档中定义的宏。然而,一个缺点是文本的定位有时有点困难。

由于在Inkscape上很难看到最终结果,有时需要从Inkscape跳转到PDF阅读器上看结果,然后再回来微调。

保存和较少使用的样式

虽然组合键能够满足90%的使用需求。但小哥有时候还想玩点新花样:使用自定义的样式。

比如绘制光学领域的图形,就需要一个玻璃和射线的样式了。想要实现这一点,首先要在Inkscape 使用默认的快捷方式创建样式:

https://img1.sycdn.imooc.com//5cc859db0001b75906100377.jpg

选择其中的一个对象,然后按下Shift+S就可以保存这些样式了。然后键入新样式的名称,比如“glass”,然后按回车键确认,之后就可以使用它了。

之后,只需要选择一个对象,按下S,并键入“glass”,就可以将相应的样式应用到这一对象上。而且,也没必要输入全名,如果“g”没有其快捷键,只需要输入“g”就行了,如果有,可以输入“gl”或者“gla”。

5cc85a1400012cee00010001.jpg

添加和保存对象

在小哥的设置中,最后一个部分是添加和保存对象。他说,自己可以用A来添加,然后用Shift+A来保存。例如,按A并输入“ec”,会添加一个椭圆曲线:

https://img1.sycdn.imooc.com//5cc859f00001e48106010585.jpg

另一个例子是,按A并输入“dg”,会添加一个“键孔”,也可以使用“Ctrl+-”从给定的形状对其进行细分:

5cc85a1600017b6700010001.jpg

此外,还有一些图像涉及到2D和3D轴图像,在复分析以及微分几何中,会经常用到。

https://img1.sycdn.imooc.com//5cc85a0a000101a805900199.jpg

如果你想亲自尝试一下,你可以在这里下载Inkscape:
https://inkscape.org/

可以在GitHub上找到小哥管理图形的脚本,链接:
https://github.com/gillescastel/inkscape-figures

以及,小哥的Inkscape快捷方式管理器,链接:
https://github.com/gillescastel/inkscape-shortcut-manager

不过,这两个脚本,都只能在基于Linux的系统上工作。

小哥说, 第一个脚本应该可以开箱即用,而第二个脚本可能不行。

最后附上原博客地址:
https://castel.dev/post/lecture-notes-2/#


—  —



点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消