颜色设置文本颜色（color）背景颜色（colorbox）背景+文本颜色简单边框（fbox）边框颜色（fcolorbox）字体设置字体calligraphic(书写体)script(手写体)fraktur(哥特体)字体大小文本线文本对齐方式特殊用法隐藏标题名花式字体数学公式其他功能推荐表格颜色设置17个进度条
.png%3Ftable%3Dblock%26id%3Da4dd64c2-2762-4a94-a290-07ebb8511785%26cache%3Dv2&w=3840&q=75)
notion使用的是katex（KATEX是一个web数学公式渲染器），以下内容不需要过分了解katex，但是如果想了解更多自定义样式可以去了解katex，katex的官方链接
katex有三种设置方式（目前发现的）
- 选中想要添加颜色的文字，点开 添加想要设置的格式代码 代码请看下面
- 选中想要添加颜色的文字，使用快捷键，cmd/ctrl+shift+E 同样会出现添加的代码框
- 直接输入，在代码前后分别添加$$,格式如下，但是如果是整个含$的代码复制，最好删去一个$再重新添加$，直接复制好像有问题
$$\color{002fa7}{添加的文本}$$
这里注意page的标题和database的标题只能用$$的方法，因为选中它没有出现更改格式的根号x
颜色设置
文本颜色（color）
\color{red}{文本 your～text～here}\color{#cb345a}{文本}\color{cb345a}{文本}第一个中括号是颜色名称(只支持英文，看下图）或hex代码（#002fa7这种）
加不加#都是OK的
第二个括号内是你要设置颜色的字
如果要输入英文，英文单词间的空格用~(英文格式）
英文颜色表示在这里
背景颜色（colorbox）
\colorbox{aquamarine}{文本 your~text~here}\colorbox{#cb345a}{文本}\colorbox{cb345a}{文本}aquamarine是海宝蓝色，一般括号内只支持英文颜色英文单词间的空格用~(英文格式）
背景+文本颜色
\colorbox{f8b6a8}{\color{ffffff}{文字}}
第一个中括号内是背景颜色
第二个是文字颜色
英文单词间的空格用~(英文格式）
简单边框（fbox）
\fbox {文字}英文单词间的空格用~(英文格式）
边框颜色（fcolorbox）
\fcolorbox{blue}{purple}{红色边框紫色背景}第一个括号是边框
第二个是背景
英文单词间的空格用~(英文格式）
目前还没找到既能更改边框又能同时更改背景和文字颜色的方式
字体设置
字体
\mathtt {your~text~here}\mathsf {your~text~here}\mathbb {your~text~here}\mathrm {your~text~here}\mathcal {your~text~here}英文单词间的空格用~(英文格式）
Double-struck(双重大写,黑板粗体)
\mathbb{A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T,U,V,W,X,Y,Z}
\N,\R,\Z,\cnums,\Complex
\mathbb{k},\Bbb k
\Bbb{A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T,U,V,W,X,Y,Z}
Italic(斜体.意大利斜体)
\mathit{A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T,U,V,W,X,Y,Z}
\mathit{a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z}
\mathit{0,1,2,3,4,5,6,7,8,9}
\textit{A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T,U,V,W,X,Y,Z}
\textit{a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z}
\textit{0,1,2,3,4,5,6,7,8,9}
Bold Italic(粗斜体)
\textbf{\textit{A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T,U,V,W,X,Y,Z}}
\textit{\textbf{A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T,U,V,W,X,Y,Z}}
\boldsymbol{A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T,U,V,W,X,Y,Z}
\bm{A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T,U,V,W,X,Y,Z}
使用
\boldsymbol{}和\bm{}可以加粗所有合法的符号。calligraphic(书写体)
仅对大写字母有效
\mathcal{ABCDEFGHIJKLMNOPQRSTUVWXYZ}
script(手写体)
仅对大写字母有效
\mathscr{ABCDEFGHIJKLMNOPQRSTUVWXYZ}
fraktur(哥特体)
命令
\mathfrak{ABCDEFGHIJKLMNOPQRSTUVWXYZ}
\mathfrak{a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z}
\mathfrak{0,1,2,3,4,5,6,7,8,9}
字体大小
\tiny {your~text~here}
\scriptsize {your~text~here}
\footnotesize {your~text~here}
\small {your~text~here}
\normalsize {your~text~here}
\large {your~text~here}
\Large {your~text~here}
\LARGE {your~text~here}
\huge your~text~here
\Huge {your~text~here}\color{a7e8c8}\tiny\text{your text here}
\color{f8b6a8}\scriptsize\text{your text here}
\color{f7c2d6}\footnotesize\text{your text here}
\color{c3bbec}\small\text{your text here}
\color{c3effc}\large\text{your text here}
\color{a7e8c8}\Large\text{your text here}
\color{f8b6a8}\LARGE\text{your text here}
\color{f7c2d6}\huge\text{your text here}
\color{c3bbec}\Huge\text{your text here}
文本线
\underline{下划线}\overline {上划线}\utilde{swooshy~underline}\underrightarrow{underline~right~arrow}\underleftarrow{underline~left~arrow}\undergroup{group}\sout{strikethrough}\xcancel{Xcancel}文本对齐方式
排整齐
\begin{aligned} your~center~aligned~text~here \end{aligned}这里我没看懂，有理解的请告诉我🥲
我试了几个katex/latex的对齐方式，都没找到正确的格式
特殊用法
隐藏标题名
- 隐藏database的名字，也可以隐藏page的名字，但是只是在设置的页面有用，其他地方还是显示代码
把标题设置为页面相同的颜色即可
花式字体
2.设置花式字体，我暂时还没有开始研究这部分代码，但是看了一下应该用的是错位的代码，先给你们放一些案例（用法来自Nat，这是她的介绍notion页面）
\substack{ \color{lavender}\Huge\mathbb{DREAMS}\\[-2.2em] \color{lightblue}\Huge\mathbb{\ \ \ \ DREAMS}\\[-1.2em] \color{salmon}\Huge\mathbb{\ \ DREAMS} }
数学公式
3.katex不仅仅是设置字体大小这些，他更多的是方便数学公式的输入，学习数学方面的课程的朋友可以继续去研究一下
可以参考katex官网：这里
或者无法出去的可以看CSDN：这里
最后感谢两位朋友的介绍，本文算是根据他们两个对latex/katex公式介绍的中文整理
原文在这里：未署名