(二)公式样式调整

本篇介绍对公式样式(大小、字体、色彩、格式等)的调整方法,如果你暂时不需要修改公式的样式,可以跳过不看,在需要时学习即可。

1. 字体调整

1.1 字体样式

MathJax常用的字体样式如下表所示,注意在使用时要在代码后使用{}扩住要设置的部分,如\mathbb{Blackboard}
\begin{array}{l|l|l} \hline {\mathbf{名\,称}} &{\mathbf{代\,码}} &{\mathbf{效\,果}} \\ \hline \text{normal} &\verb|| & Normal \\ \text{blackboard} &\verb|\mathbb| &\mathbb{Blackboard} \\ \text{boldface} &\verb|\mathbf| &\mathbf{Boldface} \\ \text{typewriter} &\verb|\mathtt| &\mathtt{Typewriter} \\ \text{roman} &\verb|\mathrm| &\mathrm{Roman} \\ \text{sans-serif} &\verb|\mathsf| &\mathsf{Sans-serif} \\ \text{calligraphic}&\verb|\mathcal| &\mathcal{Calligraphic} \\ \text{script} &\verb|\mathscr| &\mathscr{Script} \\ \text{fraktur} &\verb|\mathfrak| &\mathfrak{Fraktur} \\ \text{boldsymbol} &\verb|\boldsymbol|&\boldsymbol{Boldsymbol} \\ \hline \end{array}

1.2. 字体大小

我们可以使用一些预定义的代码控制MathJax显示公式的大小,要注意字体大小的设置如果不加{}划定范围的话是在公式块中都起效的,如要区别开字体大小,请使用如同<无大小设置>{\huge <有大小设置>}这种形式。
\begin{array}{l|l} \hline \verb|\tiny| &{\tiny Aa} \\ \verb|\scriptsize| &{\scriptsize Aa} \\ \verb|\small| &{\small Aa} \\ \verb|\normalsize| &{\normalsize Aa} \\ \verb|\large| &{\large Aa} \\ \verb|\Large| &{\Large Aa} \\ \verb|\LARGE| &{\LARGE Aa} \\ \verb|\huge| &{\huge Aa} \\ \verb|\Huge| &{\Huge Aa} \\ \hline \end{array}

1.3. 其他文本

在插入公式的时候我们或许需要插入文字或代码,在MathJax我们可以使用\mbox{<文本>}或者\text{<文本>}插入文本,使用\verb|<代码>|插入代码,注意\verb要使用|+扩住文本,其级别与{}相同。

$$\mbox{文本}\text{内容}$$
$$\verb+\verb|...|+$$

\mbox{文本}\text{内容}
\verb+\verb|...|+
另外在\text{<文本>}的文本内可以使用$<代码>$书写行内公式。

$$
\text{如果$x=1$,则$x \gt 0$。}
$$

\text{如果$x=1$,则$x \gt 0$。}


2. 色彩调整

2.1. 文字色彩

MathJax的颜色设置使用\color{<颜色>}{<被设置>}的形式调用,其<颜色>参数的基本特性有:

  • 支持颜色名称,如:\color{red}\text{RED},效果:{\color{red}{\text{RED}}}

  • 支持16位色代码,如:\color{#A00}{\text{#A00}},效果:{\color{#A00}{\text{#A00}}}

  • 支持256位色代码,如:\color{#00A000}{\text{#00A000}},效果:{\color{#00A000}{\text{#00A000}}}

下面列出常用色表供查询,也可自己设置颜色参数。
\begin{array}{|lc|} \hline \verb+\color{black}{+{黑色}\verb+}+ & \color{black}{黑色} \\ \verb+\color{darkgray}{+{深灰}\verb+}+ & \color{darkgray}{深灰}\\ \verb+\color{gray}{+{灰色}\verb+}+ & \color{gray}{灰色} \\ \verb+\color{silver}{+{银色}\verb+}+ & \color{silver}{银色} \\ \verb+\color{lightgray}{+{浅灰}\verb+}+ &\color{lightgray}{浅灰}\\ \verb+\color{white}{+{白色}\verb+}+ & \color{white}{白色} \\ \hline \verb+\color{brown}{+{棕色}\verb+}+ & \color{brown}{棕色} \\ \verb+\color{maroon}{+{栗色}\verb+}+ & \color{maroon}{栗色} \\ \verb+\color{red}{+{红色}\verb+}+ & \color{red}{红色} \\ \verb+\color{fuchsia}{+{桃红}\verb+}+ & \color{fuchsia}{桃红} \\ \verb+\color{magenta}{+{品红}\verb+}+ & \color{magenta}{品红} \\ \verb+\color{pink}{+{粉红}\verb+}+ & \color{pink}{粉红} \\ \verb+\color{orange}{+{橙色}\verb+}+ & \color{orange}{橙色} \\ \verb+\color{yellow}{+{黄色}\verb+}+ & \color{yellow}{黄色} \\ \verb+\color{lime}{+{青柠}\verb+}+ & \color{lime}{青柠} \\ \verb+\color{olive}{+{橄榄}\verb+}+ & \color{olive}{橄榄} \\ \verb+\color{green}{+{绿色}\verb+}+ & \color{green}{绿色} \\ \verb+\color{aqua}{+{水绿}\verb+}+ & \color{aqua}{水绿} \\ \verb+\color{cyan}{+{青色}\verb+}+ & \color{cyan}{青色} \\ \verb+\color{teal}{+{靛青}\verb+}+ & \color{teal}{靛青} \\ \verb+\color{blue}{+{蓝色}\verb+}+ & \color{blue}{蓝色} \\ \verb+\color{navy}{+{海蓝}\verb+}+ & \color{navy}{海蓝} \\ \verb+\color{violet}{+{罗兰}\verb+}+ & \color{purple}{罗兰} \\ \verb+\color{purple}{+{紫色}\verb+}+ & \color{purple}{紫色} \\ \hline \end{array}
\begin{array}{|rrrrrrrr|} \hline \verb+#000+ & \color{#000}{text} & \verb+#005+ & \color{#005}{text} & \verb+#00A+ & \color{#00A}{text} & \verb+#00F+ & \color{#00F}{text} \\ \verb+#500+ & \color{#500}{text} & \verb+#505+ & \color{#505}{text} & \verb+#50A+ & \color{#50A}{text} & \verb+#50F+ & \color{#50F}{text} \\ \verb+#A00+ & \color{#A00}{text} & \verb+#A05+ & \color{#A05}{text} & \verb+#A0A+ & \color{#A0A}{text} & \verb+#A0F+ & \color{#A0F}{text} \\ \verb+#F00+ & \color{#F00}{text} & \verb+#F05+ & \color{#F05}{text} & \verb+#F0A+ & \color{#F0A}{text} & \verb+#F0F+ & \color{#F0F}{text} \\ \hline \verb+#080+ & \color{#080}{text} & \verb+#085+ & \color{#085}{text} & \verb+#08A+ & \color{#08A}{text} & \verb+#08F+ & \color{#08F}{text} \\ \verb+#580+ & \color{#580}{text} & \verb+#585+ & \color{#585}{text} & \verb+#58A+ & \color{#58A}{text} & \verb+#58F+ & \color{#58F}{text} \\ \verb+#A80+ & \color{#A80}{text} & \verb+#A85+ & \color{#A85}{text} & \verb+#A8A+ & \color{#A8A}{text} & \verb+#A8F+ & \color{#A8F}{text} \\ \verb+#F80+ & \color{#F80}{text} & \verb+#F85+ & \color{#F85}{text} & \verb+#F8A+ & \color{#F8A}{text} & \verb+#F8F+ & \color{#F8F}{text} \\ \hline \verb+#0F0+ & \color{#0F0}{text} & \verb+#0F5+ & \color{#0F5}{text} & \verb+#0FA+ & \color{#0FA}{text} & \verb+#0FF+ & \color{#0FF}{text} \\ \verb+#5F0+ & \color{#5F0}{text} & \verb+#5F5+ & \color{#5F5}{text} & \verb+#5FA+ & \color{#5FA}{text} & \verb+#5FF+ & \color{#5FF}{text} \\ \verb+#AF0+ & \color{#AF0}{text} & \verb+#AF5+ & \color{#AF5}{text} & \verb+#AFA+ & \color{#AFA}{text} & \verb+#AFF+ & \color{#AFF}{text} \\ \verb+#FF0+ & \color{#FF0}{text} & \verb+#FF5+ & \color{#FF5}{text} & \verb+#FFA+ & \color{#FFA}{text} & \verb+#FFF+ & \color{#FFF}{text} \\ \hline \end{array}

2.2. 边框与背景色彩

MathJax可以使用\bbox[<背景颜色>,<方框大小>,border:<边线宽度> solid <边线颜色>]{<内容>}设置背景和边框,方格大小与边框线宽的单位常用px,如下所示:

$$
\bbox[#EFD,5px,border:2px solid red]{
e^x=
    \lim_{n\to\infty} 
    \left( 
        1+\frac{x}{n}
    \right)^n
}
$$

\bbox[#EFD,5px,border:2px solid red]{ e^x= \lim_{n\to\infty} \left( 1+\frac{x}{n} \right)^n }


3. 格式调整

3.1. 上下标限制

在MathJax输入行内的数学公式包含一些大型运算符(靠右上下标的代码格式会输出显示在正上下方)时,比如$\sum_{k=1}^n{x_k}$,我们看到它显示为\sum_{k=1}^n{x_k},这种格式可以阅读,但行宽过宽有时候不美观,因此我们要使用上下标限制的功能:

  • \nolimits:使用在行内时压缩连加、连乘等运算符;
  • \limits:使用在行内时强制正常显示(正上下方角标),不会压缩运算符。

我们使用nolimits无限制格式$\sum\nolimits_{k=1}^n{x_k}$输入行内公式,则其显示为\sum\nolimits_{k=1}^n{x_k},缩小了行宽,在行内大型运算符过多时可以使用。

另外还可以使用\atop进行上下标内容的换行,如下所示:

$$
\sum_{k_0,k_1,\ldots>0 \atop 
      k_0+k_1+\cdots=n}
{A_{k_0}+A_{k_1}+\cdots}
$$

\sum_{k_0,k_1,\ldots>0 \atop k_0+k_1+\cdots=n} {A_{k_0}+A_{k_1}+\cdots}

3.2. 括号与定界符调整

括号与定界符也是数学公式常用的部分,但其也是格式很容易出现问题的部分,有时需要附加代码进行调整。

手工调整

手工调整即手动设置括号与定界符的大小,与调整字体大小类似,但其都是在同一字体大小下而改变括号与定界符大小的,使用格式是在定界符前加如下代码(此图的定界符以半角括号和通道符为例):
\begin{array}{l|l|c} \hline {\mathbf{默\,认}} &{\mathbf{开符号}} &{\mathbf{中间符}} &{\mathbf{闭符号}} &{\mathbf{效\,果}}\\ \hline {\mathbf{无设置}} & & & &(\quad|\quad)\\ \verb|\big| &\verb|\bigl| &\verb|\bigm| &\verb|\bigr| &\bigl(\quad\bigm|\quad\bigr) \\ \verb|\Big| &\verb|\Bigl| &\verb|\Bigm| &\verb|\Bigr| &\Bigl(\quad\Bigm|\quad\Bigr) \\ \verb|\bigg| &\verb|\biggl| &\verb|\biggm| &\verb|\biggr| &\biggl(\quad\biggm|\quad\biggr) \\ \verb|\Bigg| &\verb|\Biggl| &\verb|\Biggm| &\verb|\Biggr| &\Biggl(\quad\Biggm|\quad\Biggr) \\ \hline \end{array}
\Biggl(\biggl(\Bigl(\bigl((x)\bigr)\Bigr)\biggr)\Biggr)上述\big等命令分别用于将定界符放大到不同的尺寸。更常用的是在其后增加lmr的命令,表示将定界符作为开符号、中间符和闭符号的二元关系符。

自适应调整

手工调整是在必须通过其而使格式正常的情况下才使用的,一般情况下在MathJax我们都可以使用自适应调整的方式,当我们不调整输入一些微积分公式时,效果如下:

$$
\int_0^a f(x)\,\mathrm{d}x|_{a=0}
$$

\int_0^a f(x)\,\mathrm{d}x|_{a=0}可以观察到在积分式后的定界符过小了,而我们手动调整需要找到最合适的大小,这一般比较浪费时间,且有可能都达不到要求,这时我们就可以使用自适应调整代码:

  • 在开符号前添加\left,在闭符号前添加\right
  • \left\right必须成对出现,对于要不显示的一边的符号用.代替;

使用了自适应调整,公式便显得美观自然了:

$$
\left. 
\int_0^a f(x)\,\mathrm{d}x 
\right|_{\,a=0}
$$

\left. \int_0^a f(x)\,\mathrm{d}x \right|_{\,a=0}


此篇完结~
如有错误望指正!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,098评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,213评论 2 380
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 149,960评论 0 336
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,519评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,512评论 5 364
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,533评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,914评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,574评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,804评论 1 296
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,563评论 2 319
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,644评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,350评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,933评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,908评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,146评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,847评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,361评论 2 342

推荐阅读更多精彩内容

  • 引言 在学习理工科知识或者是目前火热的深度学习等过程中,会涉及到大量的数学公式,并且考虑到准备以 Markdown...
    Kiven_1994阅读 16,277评论 3 30
  • 一、简单分类 1. 行内公式 将公式插入到本行内,符号:$公式内容$,如:$xyz$ 2. 行间公式 将公式插入到...
    无剑_君阅读 39,914评论 1 13
  • Markdown 中添加公式 行内公式 行间公式 Latex 数学公式语法 角标(上下标) 上标 下标 上下标命令...
    destiny0904阅读 5,096评论 0 3
  • 使用markdown编写文档,使用它的支持数学公式,真的很方便欸!!! 第一步,修改偏好设置,勾选内联公式选项 按...
    罗蓁蓁阅读 2,792评论 0 3
  • 使用markdown编写文档,使用它的支持数学公式,真的很方便欸!!! 第一步,修改偏好设置,勾选内联公式选项 按...
    罗蓁蓁阅读 5,543评论 1 6