CSDN-MarkDown编辑器使用手册（4）--- 数学公式

最新推荐文章于 2024-04-01 16:48:13 发布
最新推荐文章于 2024-04-01 16:48:13 发布
阅读量1.2k 收藏 1
点赞数
分类专栏： 工具学习 文章标签： markdown 数学公式 CSDN

输入数学公式

1 数学公式的web解决方案

在网页上显示漂亮的数学公式，是多年来数学工作者和学者的愿望。最容易实现的方式就是使用离线编辑器如word，Latex等编写完公式，然后截图作为图片在html网页中显示。然而这种方式存在很多缺点：

  • 无法在线修改，离线修改后必须重新截图
  • 放大显示会失真，这是位图的天生缺陷
  • 不同的离线编辑器生成的显示效果不同，很难统一
  • 由于无法直接编辑，所以即使看到了公式，也无法在此基础上进一步修改，不利于交流

当然，位图显示公式也有一个最大的优点，那就是兼容所有浏览器，不需要任何插件就可以浏览。

随着html, css的持续发展，使用纯html+css来显示公式已经非常可行，于是大名鼎鼎的MathJax出现了。它是一个开源的JavaScript库，用来把特定格式的公式描述转换为html+css或者svg代码，从而在浏览器上显示数学公式。

2 MathJax渲染过程简单模拟

2.1 MathJax最简示例

先来看一个带公式的最简网页实例mathjax.html。

<code class="language-html hljs  has-numbering" style="display: block; padding: 0px; color: inherit; box-sizing: border-box; font-family: 'Source Code Pro', monospace;font-size:undefined; white-space: pre; border-radius: 0px; word-wrap: normal; background: transparent;"><span class="hljs-doctype" style="color: rgb(102, 0, 102); box-sizing: border-box;"><!DOCTYPE html></span>
<span class="hljs-tag" style="color: rgb(0, 102, 102); box-sizing: border-box;"><<span class="hljs-title" style="box-sizing: border-box; color: rgb(0, 0, 136);">html</span>></span>
    <span class="hljs-tag" style="color: rgb(0, 102, 102); box-sizing: border-box;"><<span class="hljs-title" style="box-sizing: border-box; color: rgb(0, 0, 136);">head</span>></span>
        <span class="hljs-tag" style="color: rgb(0, 102, 102); box-sizing: border-box;"><<span class="hljs-title" style="box-sizing: border-box; color: rgb(0, 0, 136);">title</span>></span>MathJax TeX Test Page<span class="hljs-tag" style="color: rgb(0, 102, 102); box-sizing: border-box;"></<span class="hljs-title" style="box-sizing: border-box; color: rgb(0, 0, 136);">title</span>></span>
        <span class="hljs-tag" style="color: rgb(0, 102, 102); box-sizing: border-box;"><<span class="hljs-title" style="box-sizing: border-box; color: rgb(0, 0, 136);">script</span> <span class="hljs-attribute" style="box-sizing: border-box; color: rgb(102, 0, 102);">type</span>=<span class="hljs-value" style="box-sizing: border-box; color: rgb(0, 136, 0);">"text/x-mathjax-config"</span>></span><span class="javascript" style="box-sizing: border-box;">
            MathJax.Hub.Config({tex2jax: {inlineMath: [[<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">'$'</span>,<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">'$'</span>], [<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">'\\('</span>,<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">'\\)'</span>]]}});
        </span><span class="hljs-tag" style="color: rgb(0, 102, 102); box-sizing: border-box;"></<span class="hljs-title" style="box-sizing: border-box; color: rgb(0, 0, 136);">script</span>></span>
        <span class="hljs-tag" style="color: rgb(0, 102, 102); box-sizing: border-box;"><<span class="hljs-title" style="box-sizing: border-box; color: rgb(0, 0, 136);">script</span> <span class="hljs-attribute" style="box-sizing: border-box; color: rgb(102, 0, 102);">type</span>=<span class="hljs-value" style="box-sizing: border-box; color: rgb(0, 136, 0);">"text/javascript"</span>
            <span class="hljs-attribute" style="box-sizing: border-box; color: rgb(102, 0, 102);">src</span>=<span class="hljs-value" style="box-sizing: border-box; color: rgb(0, 136, 0);">"http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"</span>></span><span class="javascript" style="box-sizing: border-box;">
            </span><span class="hljs-tag" style="color: rgb(0, 102, 102); box-sizing: border-box;"></<span class="hljs-title" style="box-sizing: border-box; color: rgb(0, 0, 136);">script</span>></span>
        <span class="hljs-tag" style="color: rgb(0, 102, 102); box-sizing: border-box;"></<span class="hljs-title" style="box-sizing: border-box; color: rgb(0, 0, 136);">head</span>></span>
        <span class="hljs-tag" style="color: rgb(0, 102, 102); box-sizing: border-box;"><<span class="hljs-title" style="box-sizing: border-box; color: rgb(0, 0, 136);">body</span>></span>
            When $a \ne 0$, there are two solutions to \(ax^2 + bx + c = 0\) and they are
            $$x = {-b \pm \sqrt{b^2-4ac} \over 2a}.$$
        <span class="hljs-tag" style="color: rgb(0, 102, 102); box-sizing: border-box;"></<span class="hljs-title" style="box-sizing: border-box; color: rgb(0, 0, 136);">body</span>></span>
    <span class="hljs-tag" style="color: rgb(0, 102, 102); box-sizing: border-box;"></<span class="hljs-title" style="box-sizing: border-box; color: rgb(0, 0, 136);">html</span>></span></code><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); list-style: none; text-align: right; background-color: rgb(238, 238, 238);"><li style="box-sizing: border-box; padding: 0px 5px;">1</li><li style="box-sizing: border-box; padding: 0px 5px;">2</li><li style="box-sizing: border-box; padding: 0px 5px;">3</li><li style="box-sizing: border-box; padding: 0px 5px;">4</li><li style="box-sizing: border-box; padding: 0px 5px;">5</li><li style="box-sizing: border-box; padding: 0px 5px;">6</li><li style="box-sizing: border-box; padding: 0px 5px;">7</li><li style="box-sizing: border-box; padding: 0px 5px;">8</li><li style="box-sizing: border-box; padding: 0px 5px;">9</li><li style="box-sizing: border-box; padding: 0px 5px;">10</li><li style="box-sizing: border-box; padding: 0px 5px;">11</li><li style="box-sizing: border-box; padding: 0px 5px;">12</li><li style="box-sizing: border-box; padding: 0px 5px;">13</li><li style="box-sizing: border-box; padding: 0px 5px;">14</li><li style="box-sizing: border-box; padding: 0px 5px;">15</li><li style="box-sizing: border-box; padding: 0px 5px;">16</li></ul>

在浏览器中打开mathjax.html，会显示如下图：

MathJax显示效果

其对应的html代码如下图：

MathJax对应html

2.2 模拟MathJax渲染原理

从前面的例子可以看出，MathJax中数学公式是用一些特殊字符串表示的，这些字符串被特定的边界$ $和$$ $$包围。然后MathJax引擎会根据边界提取公式表达式，然后把它们替换成用户显示公式的html+css代码。

下面我们来模拟这一过程。用math.js模拟MathJax.js，如下所示：

<code class="language-javascript hljs  has-numbering" style="display: block; padding: 0px; color: inherit; box-sizing: border-box; font-family: 'Source Code Pro', monospace;font-size:undefined; white-space: pre; border-radius: 0px; word-wrap: normal; background: transparent;">window.onload = <span class="hljs-function" style="box-sizing: border-box;"><span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">function</span><span class="hljs-params" style="color: rgb(102, 0, 102); box-sizing: border-box;">()</span>
{</span>
    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">var</span> body = document.getElementsByTagName(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">'body'</span>)[<span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">0</span>];
    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">var</span> oldBody = body.innerHTML;
    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">var</span> newBody = oldBody.replace(<span class="hljs-regexp" style="color: rgb(0, 136, 0); box-sizing: border-box;">/[^$]\$([^$]+)\$[^$]/g</span>, <span class="hljs-function" style="box-sizing: border-box;"><span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">function</span><span class="hljs-params" style="color: rgb(102, 0, 102); box-sizing: border-box;">(str, r1)</span>{</span>
            <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">return</span> MathJax_inline(r1);
            });
    newBody = newBody.replace(<span class="hljs-regexp" style="color: rgb(0, 136, 0); box-sizing: border-box;">/\$\$([^$]+)\$\$/g</span>, <span class="hljs-function" style="box-sizing: border-box;"><span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">function</span><span class="hljs-params" style="color: rgb(102, 0, 102); box-sizing: border-box;">(str, r1)</span>{</span>
            <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">return</span> MathJax_block(r1);
            });
    body.innerHTML  = newBody;
}

<span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box;">// 把公式内容描述转换为显示描述</span>
<span class="hljs-function" style="box-sizing: border-box;"><span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">function</span> <span class="hljs-title" style="box-sizing: border-box;">MathJax_inline</span><span class="hljs-params" style="color: rgb(102, 0, 102); box-sizing: border-box;">(r1)</span>
{</span>
    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">return</span> <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">'<span style="color:red">'</span> + r1 + <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">'</span>'</span>;
}

<span class="hljs-function" style="box-sizing: border-box;"><span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">function</span> <span class="hljs-title" style="box-sizing: border-box;">MathJax_block</span><span class="hljs-params" style="color: rgb(102, 0, 102); box-sizing: border-box;">(r1)</span>
{</span>
    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">return</span> <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">'<div style="color:red">'</span> + r1 + <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">'</div>'</span>;
}</code><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); list-style: none; text-align: right; background-color: rgb(238, 238, 238);"><li style="box-sizing: border-box; padding: 0px 5px;">1</li><li style="box-sizing: border-box; padding: 0px 5px;">2</li><li style="box-sizing: border-box; padding: 0px 5px;">3</li><li style="box-sizing: border-box; padding: 0px 5px;">4</li><li style="box-sizing: border-box; padding: 0px 5px;">5</li><li style="box-sizing: border-box; padding: 0px 5px;">6</li><li style="box-sizing: border-box; padding: 0px 5px;">7</li><li style="box-sizing: border-box; padding: 0px 5px;">8</li><li style="box-sizing: border-box; padding: 0px 5px;">9</li><li style="box-sizing: border-box; padding: 0px 5px;">10</li><li style="box-sizing: border-box; padding: 0px 5px;">11</li><li style="box-sizing: border-box; padding: 0px 5px;">12</li><li style="box-sizing: border-box; padding: 0px 5px;">13</li><li style="box-sizing: border-box; padding: 0px 5px;">14</li><li style="box-sizing: border-box; padding: 0px 5px;">15</li><li style="box-sizing: border-box; padding: 0px 5px;">16</li><li style="box-sizing: border-box; padding: 0px 5px;">17</li><li style="box-sizing: border-box; padding: 0px 5px;">18</li><li style="box-sizing: border-box; padding: 0px 5px;">19</li><li style="box-sizing: border-box; padding: 0px 5px;">20</li><li style="box-sizing: border-box; padding: 0px 5px;">21</li><li style="box-sizing: border-box; padding: 0px 5px;">22</li><li style="box-sizing: border-box; padding: 0px 5px;">23</li></ul>

html页面相应修改：

<code class="language-html hljs  has-numbering" style="display: block; padding: 0px; color: inherit; box-sizing: border-box; font-family: 'Source Code Pro', monospace;font-size:undefined; white-space: pre; border-radius: 0px; word-wrap: normal; background: transparent;"><span class="hljs-doctype" style="color: rgb(102, 0, 102); box-sizing: border-box;"><!DOCTYPE html></span>
<span class="hljs-tag" style="color: rgb(0, 102, 102); box-sizing: border-box;"><<span class="hljs-title" style="box-sizing: border-box; color: rgb(0, 0, 136);">html</span>></span>
    <span class="hljs-tag" style="color: rgb(0, 102, 102); box-sizing: border-box;"><<span class="hljs-title" style="box-sizing: border-box; color: rgb(0, 0, 136);">head</span>></span>
        <span class="hljs-tag" style="color: rgb(0, 102, 102); box-sizing: border-box;"><<span class="hljs-title" style="box-sizing: border-box; color: rgb(0, 0, 136);">title</span>></span>MathJax TeX Test Page<span class="hljs-tag" style="color: rgb(0, 102, 102); box-sizing: border-box;"></<span class="hljs-title" style="box-sizing: border-box; color: rgb(0, 0, 136);">title</span>></span>
        <span class="hljs-tag" style="color: rgb(0, 102, 102); box-sizing: border-box;"><<span class="hljs-title" style="box-sizing: border-box; color: rgb(0, 0, 136);">script</span> <span class="hljs-attribute" style="box-sizing: border-box; color: rgb(102, 0, 102);">type</span>=<span class="hljs-value" style="box-sizing: border-box; color: rgb(0, 136, 0);">"text/javascript"</span> <span class="hljs-attribute" style="box-sizing: border-box; color: rgb(102, 0, 102);">src</span>=<span class="hljs-value" style="box-sizing: border-box; color: rgb(0, 136, 0);">"math.js"</span>></span><span class="javascript" style="box-sizing: border-box;"></span><span class="hljs-tag" style="color: rgb(0, 102, 102); box-sizing: border-box;"></<span class="hljs-title" style="box-sizing: border-box; color: rgb(0, 0, 136);">script</span>></span>
    <span class="hljs-tag" style="color: rgb(0, 102, 102); box-sizing: border-box;"></<span class="hljs-title" style="box-sizing: border-box; color: rgb(0, 0, 136);">head</span>></span>
    <span class="hljs-tag" style="color: rgb(0, 102, 102); box-sizing: border-box;"><<span class="hljs-title" style="box-sizing: border-box; color: rgb(0, 0, 136);">body</span>></span>
        When $a \ne 0$, there are two solutions to $ax^2 + bx + c = 0$ and they are
        $$x = {-b \pm \sqrt{b^2-4ac} \over 2a}.$$
    <span class="hljs-tag" style="color: rgb(0, 102, 102); box-sizing: border-box;"></<span class="hljs-title" style="box-sizing: border-box; color: rgb(0, 0, 136);">body</span>></span>
<span class="hljs-tag" style="color: rgb(0, 102, 102); box-sizing: border-box;"></<span class="hljs-title" style="box-sizing: border-box; color: rgb(0, 0, 136);">html</span>></span></code><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); list-style: none; text-align: right; background-color: rgb(238, 238, 238);"><li style="box-sizing: border-box; padding: 0px 5px;">1</li><li style="box-sizing: border-box; padding: 0px 5px;">2</li><li style="box-sizing: border-box; padding: 0px 5px;">3</li><li style="box-sizing: border-box; padding: 0px 5px;">4</li><li style="box-sizing: border-box; padding: 0px 5px;">5</li><li style="box-sizing: border-box; padding: 0px 5px;">6</li><li style="box-sizing: border-box; padding: 0px 5px;">7</li><li style="box-sizing: border-box; padding: 0px 5px;">8</li><li style="box-sizing: border-box; padding: 0px 5px;">9</li><li style="box-sizing: border-box; padding: 0px 5px;">10</li><li style="box-sizing: border-box; padding: 0px 5px;">11</li></ul>

来看看效果： 
模拟MathJax

虽然没有正确显示出公式，但是已经识别出了公式边界，并把公式部分用红色显示出来。真正的MathJax是把公式表达式替换成显示公式的html代码，而不是简单的设置为红色，但是这其中的处理原理是一致的。

3 CSDN-MarkDown编辑器常用数学公式输入教程

MathJax支持多种公式输入输出规范，输入格式可以是MathML, TeX，ASCIImath中的任何一种，输出格式可以是html+css，或svg，或MathML。下面仅对最常用的Tex输入规范进行说明。

3.1 公式定界符与关键字

CSDN-MarkDown编辑器使用的公式定界符为$和$$，单美元符号包围的是行内公式，双美元符号包围的是块公式。 
Tex关键字（字符转义序列）表示特殊显示符号，如\frac表示分数，其后面可以跟随参数，参数多少与关键字有关。

3.2 上下标

^表示上标，_表示下标，如果上（下）标内容多于一个字符就需要使用{}，注意不是( ), 因为( )经常是公式本身组成部分，为避免冲突，所以选用了{ } 将其包起来。

示例：$x^{y^z}=(1+e^x)^{-2xy^w}$

效果： xyz=(1+ex)−2xyw

上面输入的上下标都是在字符的右侧，要想在左侧或者两侧都写上下标，那么需要使用\sideset语法。

示例：$\sideset{^1_2}{^3_4}\bigotimes$

效果： 12⨂34

3.3 括号和分隔符

( )和[ ]就是自身了，由于{ } 是Tex的元字符，所以表示它自身时需要转义。

示例：$f(x,y) = x^2 + y^2, x\epsilon[0,100]$

效果： f(x,y)=x2+y2,xϵ[0,100]，y={3,4,5}

有时候括号需要大号的，普通括号不好看，此时需要使用\left和\right加大括号的大小。

示例：$(\frac{x}{y})^8$，$\left(\frac{x}{y}\right)^8$

效果： (xy)8 ， (xy)8

\left和\right必须成对出现，对于不显示的一边可以使用 . 代替。

示例：$\left.\frac{{\rm d}u}{{\rm d}x} \right| _{x=0}$

效果： dudx∣∣x=0

3.4 分数

使用\frac{分子}{分母}格式，或者 分子\over 分母。

示例：$\frac{1}{2x+1}$或者$1\over{2x+1}$

效果： 12x+1  或者  12x+1

3.5 开方

示例：$\sqrt[9]{3}$ 和 $\sqrt{3}$

效果： 3√9  和  3√

3.6 省略号

有两种省略号，\ldots 表示语文本底线对其的省略号，\cdots表示与文本中线对其的省略号。

示例：$f(x_1, x_2, \ldots, x_n)=x_1^2 + x_2^2+ \cdots + x_n^2$

效果： f(x1,x2,…,xn)=x21+x22+⋯+x2n

3.7 矢量

示例：$\vec{a} \cdot \vec{b}=0$

效果:  a⃗ ⋅b⃗ =0

3.8 积分

示例：$\int_0^1x^2{\rm d}x $

效果：  ∫10x2dx

3.9 极限

示例：$\lim_{n\rightarrow+\infty}\frac{1}{n(n+1)}$

效果：  limn→+∞1n(n+1)

3.10 累加、累乘

示例：$\sum_1^n\frac{1}{x^2}$， $\prod_{i=0}^n\frac{1}{x^2}$

效果： ∑n11x2 ，  ∏ni=01x2

3.11 希腊字母

希腊字符示例：$$\alpha　A　\beta　B　\gamma　\Gamma　\delta　\Delta　\epsilon　E \varepsilon　　\zeta　Z　\eta　H　\theta　\Theta　\vartheta \iota　I　\kappa　K　\lambda　\Lambda　\mu　M　\nu　N \xi　\Xi　o　O　\pi　\Pi　\varpi　　\rho　P \varrho　　\sigma　\Sigma　\varsigma　　\tau　T　\upsilon　\Upsilon \phi　\Phi　\varphi　　\chi　X　\psi　\Psi　\omega　\Omega$$

效果：

α　A　β　B　γ　Γ　δ　Δ　ϵ　Eε　　ζ　Z　η　H　θ　Θ　ϑι　I　κ　K　λ　Λ　μ　M　ν　Nξ　Ξ　o　O　π　Π　ϖ　　ρ　Pϱ　　σ　Σ　ς　　τ　T　υ　Υϕ　Φ　φ　　χ　X　ψ　Ψ　ω　Ω

3.12 数学符号大汇总

±  ：\pm 
×  ：\times 
÷ ：\div 
∣ ：\mid

⋅ ：\cdot 
∘ ：\circ 
∗ : \ast 
⨀ ：\bigodot 
⨂ ：\bigotimes 
⨁ ：\bigoplus 
≤ ：\leq 
≥ ：\geq 
≠ ：\neq 
≈ ：\approx 
≡ ：\equiv 
∑ ：\sum 
∏ ：\prod 
∐ ：\coprod

集合运算符： 
∅ ：\emptyset 
∈ ：\in 
∉ ：\notin 
⊂ ：\subset 
⊃  ：\supset 
⊆  ：\subseteq 
⊇  ：\supseteq 
⋂  ：\bigcap 
⋃  ：\bigcup 
⋁  ：\bigvee 
⋀  ：\bigwedge 
⨄  ：\biguplus 
⨆ ：\bigsqcup

对数运算符： 
log  ：\log 
lg  ：\lg 
ln  ：\ln

三角运算符： 
⊥ ：\bot 
∠ ：\angle 
30∘ ：30^\circ 
sin  ：\sin 
cos  ：\cos 
tan  ：\tan 
cot  ：\cot 
sec  ：\sec 
csc  ：\csc

微积分运算符： 
y′x ：\prime 
∫ ：\int 
∬  ：\iint 
∭  ：\iiint 
∬∬ ：\iiiint 
∮  ：\oint 
lim  ：\lim 
∞  ：\infty 
∇ ：\nabla

逻辑运算符： 
∵ ：\because 
∴  ：\therefore 
∀  ：\forall 
∃  ：\exists 
≠  ：\not= 
≯ ：\not> 
⊄ ：\not\subset

戴帽符号： 
y^  ：\hat{y} 
\check{y} ：\check{y} 
y˘  ：\breve{y}

连线符号： 
a+b+c+d¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯ ：\overline{a+b+c+d} 
a+b+c+d−−−−−−−−−−  ：\underline{a+b+c+d} 
a+b+c1.0+d2.0 ：\overbrace{a+\underbrace{b+c}_{1.0}+d}^{2.0}

箭头符号： 
↑ ：\uparrow 
↓ ：\downarrow 
⇑  ：\Uparrow 
⇓ ：\Downarrow 
→ ：\rightarrow 
←  ：\leftarrow 
⇒  ：\Rightarrow 
⇐  ：\Leftarrow 
⟶  ：\longrightarrow 
⟵  ：\longleftarrow 
⟹ ：\Longrightarrow 
⟸  ：\Longleftarrow

3.13 需要转义的字符

要输出字符　空格　#　$　%　&　_　{　}　，用命令：　\空格　#　\$　\%　\&　_　{　}

3.14 使用指定字体

{\rm text}如： 
使用罗马字体： text  ${\rm text}$ 
其他的字体还有： 
\rm　　罗马体　　　　　　　\it　　意大利体 
\bf　　黑体　　　　　　　　\cal 　花体 
\sl　　倾斜体　　　　　　　\sf　　等线体 
\mit 　数学斜体　　　　　　\tt　　打字机字体 
\sc　　小体大写字母

yuancoder
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
【Tools】markdown编辑数学公式
Ezrealmore
09-13 3万+
CSDN-MarkDown编辑器使用的公式定界符为和和$，单美元符号包围的是行内公式，双美元符号包围的是块公式。 Tex关键字（字符转义序列）表示特殊显示符号，如\frac表示分数，其后面可以跟随参数，参数多少与关键字有关。上下标^表示上标，_表示下标，如果上（下）标内容多于一个字符就需要使用{}，注意不是( ), 因为( )经常是公式本身组成部分，为避免冲突，所以选用了{ } 将其包起来。示例
（转载）Markdown编写数学公式
qq_43245499的博客
01-31 2240
Markdown写数学公式 链接如下：markdown编写数学公式 一、输入希腊字母 1.行内输入：$\theta$    效果为 : θ\thetaθ 2.行间输入：$$\theta$$  效果为 : θ\thetaθθ\thetaθ字母单独放在一行中 注：美元符号需在英文输入法下进行输入。 希腊字母的LaTex语法见下图。 $\alpha$、$\beta$、$\chi$、$\Delta$、$\Gamma$、$\Theta$ $$ \alpha\beta\chi $$ α\alphaα、β\
markdown编辑数学公式
qingyun_wudaoletu的博客
11-22 1511
最近的博客基本上都是用markdown编辑器来写的，因为确实慢慢的觉得它越来越好用，排版什么的随心所欲，让你熟悉一些html基本的语法。主要还是真的是一点都不卡，昨天学会了它的公式编辑功能，越发觉得很赞。原谅我以前都是截的图，不过也没时间去修改了。 防止以后编写的时候有个参考，于是便转载过来了。链接如下: markdown编辑数学公式：基本上基本的公式都可以敲出来。 稍稍复杂的公式可以参考
Markdown中编辑数学公式
weixin_44852067的博客
02-07 3368
1.概述 在Markdown中输入数学公式需要LaTeX语法的支持。 2.基本语法 一般公式分为两种形式，可理解为一种特殊的代码块， 行内公式: Γ(z)=∫0∞tz−1e−tdt.\Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt.Γ(z)=∫0∞​tz−1e−tdt. 块公式: Γ(z)=∫0∞tz−1e−tdt . \Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,. Γ(z)=∫0∞​tz−1e−tdt. 行公式，是在代码块的基础上
CSDN-markdown编辑器使用教程.html
12-04
CSDN-markdown编辑器使用教程，CSDN自带的介绍范文模板 如果写过一次博客，这个文档就找不到了，在这里备份一下，方便大家查阅。
欢迎使用CSDN-markdown编辑器
10-14
csdn自带的介绍范文模板 如果写过一次博客，这个文档就找不到了（没有恢复到本模板的url） 就在这里备份一下 方便查阅
typora-Markdown 编辑器 for Windows
02-20
Markdown 编辑器 Typora 在 Windows 平台上的应用 Markdown 是一种轻量级的标记语言，它允许人们使用易读易写的纯文本格式编写文档，然后转换成结构化的HTML（超文本标记语言）文档。Typora 是一款流行的 Markdown ...
欢迎使用CSDN-markdown编辑器.md
09-24
2019最新csdn自带的介绍范文模板 如果写过一次博客，这个文档就找不到了（没有恢复到本模板的url） 就在这里备份一下 方便查阅
ngx-markdown-editor:基于ace编辑器的Angular Markdown编辑器
03-11
ngx-markdown-editor 基于ace编辑器的Angular Markdown编辑器用法安装> = 3.0.0 从npm存储库安装依赖项： npm i ace-builds bootstrap font-awesome 从npm存储库安装ngx-markdown-editor ： npm i ngx-markdown-...
markdown中如何编辑数学公式
11-08
在markdown编辑器typro中编辑LaTeX数学公式，高效！快捷
markdown编辑数学公式整理
oneslide
07-26 5609
Record 最近要搞一大堆关于数学的东西，诶，没办法，只能把比较典型的markdown语法进行整理，也好在整理看到论文的点时能够保存下来当时的推导思路！ 求和： $$\sum$$ ∑∑\sum 书写下标（通过实例自己提取模式吧！） $$\sum_{i=1}$$ ∑i=1∑i=1\sum _{i=1} 书写上标 $$\sum_{i=1}^{n}$$...
markdown中数学公式编辑
来csdn只办三件事：开源！开源！还是***开源！
04-01 1048
markdown中数学公式的编辑其实和LaTeX中一样，所以这篇文章既可以作为markdown中数学公式的编辑的入门，也可以作为LaTeX的入门。一般公式分为两种形式，可以理解为一种特殊的代码块，Γz∫0∞​tz−1e−tdt行公式，是在代码块的基础上前面加上，后面加上组成的。而块公式则是 输入$$和$$在公式前后。
Markdown编辑器——使用手册
S‘blog
10-19 195
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Ma...
markdown数学公式编辑指令大全
河西~石头
09-26 797
markdown在输入数学公式的时候常用的符号和格式指令，包括换行、对齐
利用Markdown编写数学公式
Max1080_的博客
03-21 925
这里写自定义目录标题 1、一元二次方程 ax2+bx+c=0, a≠0ax^2+bx+c=0, \ a\neq0ax2+bx+c=0, a​=0 Δ=b2−4ac\Delta=b^2-4acΔ=b2−4ac ifΔ≥0 thenif \Delta \ge 0\ thenifΔ≥0 then x1=−b+b2−4ac2a\quad \displaystyle x_1=\frac{-b+\sqrt{b^2-4ac}}{2a}x1​=2a−b+b2−4ac​​ elsee
利用Markdown编写美妙数学公式
howard2005的专栏
12-16 1164
数学是什么？音乐家说：数学是世界上最和谐的音符。植物学家说：世界上没有比数学更美的花朵。美学家说：哪里有数学，哪里才有真正的美。哲学家说：你可以不相信上帝，但是你必须相信数学，世界什么都在变，唯有数学是永恒的。
markdown编辑器使用方法（对数学公式的编写方法做了全面详细的说明）
fencecat的博客
03-17 5158
Markdown（轻量级标记语言） 一、Markdown简介 Markdown文档以.md后缀文档 GitHub中的README文件就是用Markdown编写的，现在很多网站都支持用Markdown编写，如知乎、CSDN、简书等平台，另外Markdown支持LaTeX和代码的显示，因此也非常适用于工科学生和研究人员来记笔记，写文章等，快速掌握Markdown以成为程序员必备的一项技能。 首先，介绍两款Markdown软件 一个是VScode，另一个是Typora 我比较推荐的是Typora，它非常的简洁，使
CSDN-markdown编辑器
最新发布
04-25
CSDN Markdown编辑器是一款由CSDN自主开发的在线Markdown编辑工具，它具有以下特点和功能： 1. 简洁易用：CSDN Markdown编辑器采用简洁的界面设计，用户可以轻松上手，无需学习复杂的操作。 2. 实时预览：编辑器...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值