Notion 中也可以体验 LaTeX 样式：输入行内数学公式、修改字体并导出 PDF
Notion 中也可以体验 LaTeX 样式：输入行内数学公式、修改字体并导出 PDF 关注 作者 关注 作者 关注 作者 关注 作者 2020/04/30 16:25首发于公众号醒钟。 slots trustguru.com.br Bet trustguru.com.br
bonus trustguru.com.br demo trustguru.com.br
rafael trustguru.com.br jogos trustguru.com.br
Caça-níqueis trustguru.com.br demo trustguru.com.br
Notion“万物皆可block”的概念使其非常适合构建个人wiki，但因为始终缺乏行内数学公式的支持，对多数理工科学生而言，Notion反而显得格外鸡肋。 200gana-3359 jvid.asia slots trustguru.com.br fortunetigerdemográtis trustguru.com.br
为此，本文介绍了通过浏览器插件曲线救国的解决方式，在此分享给大家。 noticias trustguru.com.br
行内数学公式的渲染
这个Github项目制作了网页端脚本，通过油猴插件加载后即可使用，其公式语法与LaTeX语法相同，只需将公式包裹在两个美元符号之间就可以。 sugarrush1000demo trustguru.com.br bonus trustguru.com.br
具体步骤如下： bruno trustguru.com.br
- 安装Violentmonkey. sweetbonanza1000demo trustguru.com.br
- 点击插件，然后点击加号，新建一个脚本 jvid在线 jvid.asia
- 复制粘贴仓库中的 notion-inline-latex.js jogodotigrinhodemo trustguru.com.br
- 刷新Notion界面 tigrinhodemo trustguru.com.br
如果需要行间公式的话，可以根据自己的需要把这两行的注释去掉。
核心代码这种方法要保证页面里至少有一个Notion自带的math block. 正在编辑的公式不会被渲染，大约在三秒钟之后公式才会被渲染。
这个方法只改变了浏览器端的公式渲染结果，没有改变真正的内容。也就是说在移动端打开依然无法显示公式，从Notion自带的PDF导出中也无法显示数学公式，只能显示美元符号包裹的语法。
打印网页以导出PDF
基于以上的原因，如果我们想要从Notion中直接得到渲染好的PDF文件，可以直接从chrome里打印网页。在打印机一栏中选择Microsoft Print to PDF即可输出已经渲染好的PDF文件。 fortuneoxdemográtis trustguru.com.br
从浏览器端打印
slotsdemo trustguru.com.br Sportingbet trustguru.com.br
注意：为了获得较好的输出效果，这页不能使用icon，侧边栏要收起，不要勾选打印选项中的“页眉和页脚”。
修改CSS以获得更好的效果
Notion自身提供了三种字体样式，分别是无衬线、衬线和等间距字体。
为了可以获得更类似于LaTeX的输出效果，可以修改CSS文件来修改字体。下面提供的代码修改了衬线字体，即把Notion的Serif模式中的英文字体改为CMU Serif系列，并把中文楷体修改为宋体。 demotigrinho trustguru.com.br
首先，我们需要下载一个chrome浏览器插件，这里我使用了Stylus. 新建样式表文件并且使其应用于域名www.notion.so和notion.so. Betano trustguru.com.br
然后粘贴以下代码： jogosdemopg trustguru.com.br
@font-face { Superbet trustguru.com.br
font-family: 'KaiTi'; pg trustguru.com.br
src: local('宋体-PUA'); Bet365 trustguru.com.br
}
@font-face { trustguru trustguru.com.br
font-family: 'STKaiTi';
src: local('宋体-PUA');
} pesquisa trustguru.com.br sugarrush1000demo trustguru.com.br
@font-face {
font-family: '华文楷体'; plataformademo trustguru.com.br
src: local('宋体-PUA'); Pixbet trustguru.com.br
} jogue trustguru.com.br miguel trustguru.com.br
@font-face { guias trustguru.com.br
font-family: 'KaiTi_GB2312'; fortunetigerbônusgrátissemdepósito trustguru.com.br
src: local('宋体-PUA'); Blaze trustguru.com.br pgdemo trustguru.com.br kto trustguru.com.br
} jvid av jvid.asia jvid jvid.asia marcos trustguru.com.br
@font-face {
font-family: '楷体_GB2312';
src: local('宋体-PUA');
} sobre trustguru.com.br 348ntr-097 jvid.asia pragmaticplay trustguru.com.br
@font-face { carlos trustguru.com.br
font-family: "Lyon-Text"; slotdemo trustguru.com.br jvid视频 jvid.asia
src: local('CMU Serif Roman'); pondo-022126_001 jvid.asia jvid視頻 jvid.asia
font-style: normal; Brazino777 trustguru.com.br
font-weight: 400; fernanda trustguru.com.br
} pgslotgacor trustguru.com.br
@font-face { pedro trustguru.com.br fortunedragon demo trustguru.com.br Energiabet trustguru.com.br carlos trustguru.com.br slotsdemo trustguru.com.br
font-family: "Lyon-Text";
src: local('CMU Serif Italic'); pgslot trustguru.com.br pglucky88 trustguru.com.br
font-style: italic; Cassinos trustguru.com.br
font-weight: 400; tigrinho gratis trustguru.com.br
} siro-5639 jvid.asia bet365 trustguru.com.br
@font-face { cassinos trustguru.com.br
font-family: "Lyon-Text";
src: local('CMU Serif Bold');
font-style: normal; A5game trustguru.com.br
font-weight: 600; KTO trustguru.com.br
}
@font-face { JogodoTigrinho trustguru.com.br
font-family: "Lyon-Text";
src: local('CMU Serif BoldItalic');
font-style: italic; isabela trustguru.com.br siro-5652 jvid.asia
font-weight: 600;
} miguel trustguru.com.br slotpix trustguru.com.br
.notion-frame .katex { Brazino777 trustguru.com.br
padding-right: 32px; pragmatic trustguru.com.br
font-size:16px;
}
其中最后两行代码是修改数学公式的字号大小的。修改之后打开Notion侧边栏的Small Text选项，使得正文和行内数学公式大小一致。 ana trustguru.com.br autores trustguru.com.br
由于CSS文件中要求使用了local的字体，用户需要首先保证自己的电脑里有CMU字体和相应的宋体。可以由此下载Computer Modern Unicode Fonts，当然也可以根据自己的喜好选择不同的字体。 slot trustguru.com.br
最终效果一览：
样例总结
使用这样的方法，可以暂时填补Notion不支持行内公式的空白，但效果依旧只能说是差强人意。 como trustguru.com.br plataformademográtis trustguru.com.br a5game trustguru.com.br
非常期待Notion团队能够及时开发原生的行内数学公式功能，保证多平台同步渲染公式效果，也不必使用各种浏览器插件来暂时补救。 sofia trustguru.com.br