【教程】论如何在 Markdown 使用 MathJax 书写数学公式 -boshi

于由boshi发布

1. 博客已经安装了 MathJax，可以直接书写数学公式

2. 行内公式

二次方程 $ax^2+bx+c=0$的两根为 $\frac {-b \pm \sqrt {b^2-4ac}}{2a}$

二次方程 $ax^2+bx+c=0$的两根为 $\frac {-b \pm \sqrt {b^2-4ac}}{2a}$

3. 行间公式

编码 说明 示例 预览
\frac 分子分母之间的横线 \frac{1}{x} $\frac{1}{x}$
_ 用下划线来表示下标 x_i $x_i$
^ 次方运算符来表示上标 x^i $x^i$
\sum 累加器，上下标用上面介绍的编码来书写 \sum $\sum$
\alpha 希腊字母 alpha y=\alpha x $y=\alpha x$
\int 积分符号 \int_0^10 $\int_0^{1}0$
< 小于号 (大于号为>) 12<13 $12<13$
\binom 组合数 \binom{n}{m} $\binom{n}{m}$
\cdot 点 (多个点用\cdots) a\cdot b \cdot c \cdots $a\cdot b\cdot c\cdots$
\lfloor 向下取整的左括号 (右括号\rfloor, 向上取整 floor 改为 ceil) \lfoor a \rfloor $\lfloor a \rfloor$
\times 乘号 a\times b = 1 $a\times b = 1$

$$
E=mc^2
$$

$$
E=mc^2
$$

$$
A_2=B^2
$$

$$
A_2=B^2
$$

$$
x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}
$$

$$
x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}
$$

$$
\int_{a}^{b}f(x)dx=\int_{a}^{c}f(x)dx+\int_{c}^{b}f(x)dx
$$

$$
\int_{a}^{b}f(x)dx=\int_{a}^{c}f(x)dx+\int_{c}^{b}f(x)dx
$$

4. 矩阵以及方程组的表示

$$
\begin{matrix}
1 & 2 & 3 \\
4 & 5 & 6 \\
7 & 8 & 9
\end{matrix} \tag{1}
$$

$$
  \begin{matrix}
   1 & 2 & 3 \\\\
   4 & 5 & 6 \\\\
   7 & 8 & 9
  \end{matrix} \tag{1}
$$

$$
\begin{bmatrix}
1 & 2 & 3 \\
4 & 5 & 6 \\
7 & 8 & 9
\end{bmatrix} \tag{2}
$$

$$
  \begin{bmatrix}
   1 & 2 & 3 \\\\
   4 & 5 & 6 \\\\
   7 & 8 & 9
  \end{bmatrix} \tag{2}
$$

$$
\left[
\begin{array}{cc|c}
1 & 2 & 3 \\
4 & 5 & 6
\end{array}
\right] \tag{7}
$$

$$ 
\left[
    \begin{array}{cc|c}
      1 & 2 & 3 \\\\
      4 & 5 & 6
    \end{array}
\right] \tag{3}
$$

$$
\begin{equation}
\begin{cases}
CaO+H_2O==Ca(OH)_2 \\
Ca(OH)_2+CO_2==CaCO_3\downarrow+H_2O \\
CaCO_3+CO_2+H_2O==Ca(HCO_3)_2
\end{cases}
\end{equation}
$$

$$
\begin{equation}
    \begin{cases}
        CaO+H_2O==Ca(OH)_2 \\\\
        Ca(OH)_2+CO_2==CaCO_3\downarrow+H_2O \\\\
        CaCO_3+CO_2+H_2O==Ca(HCO_3)_2
  \end{cases}
\end{equation}
$$
分类： 文章

32 条评论

hawa130 · 2018年7月12日 7:49 上午

为什么我的 MathJax 不能使用两个 $ 包裹的语法啊？QAQ

回复

    XZYQvQ · 2018年7月12日 12:05 下午

    因为你需要一个很牛逼的插件，叫做 latex2html
    另外——Dalao 加友联吗？

    回复

      hawa130 · 2018年7月12日 1:52 下午

      emm，当然可以啦

      回复

        XZYQvQ · 2018年7月12日 4:07 下午

        嘿嘿嘿您的友链也给您加上啦～
        emmmm 话说您可以发现您的队友 maoxiangui 也在传送门里有 QvQ
        不过话说我怎么就 “人工智能” 了。。。QAQ

        回复

          hawa130 · 2018年7月12日 6:49 下午

          毕竟粒子群算法据我所知就您会啊 qwq
          话说我正是因为 maoxiangui 才知道这个博客的

          回复

            XZYQvQ · 2018年7月12日 7:54 下午

            emmm…
            粒子群我是瞎搞的.jpg
            （能过题就行，真是神器 QvQ）
            话说您的博客为啥老上不去（不过科学上网了一波以后貌似就很快了 QAQ）

            回复

              hawa130 · 2018年7月12日 8:03 下午

              但是我的服务器在北京啊 QAQ
              为什么会需要科学上网呢？ QAQ

              回复

                XZYQvQ · 2018年7月12日 8:11 下午

                不清楚.jpg
                我这里解析是成功的，丢包 100%QvQ
                是不是又是傻逼电信的锅.jpg
                您是啥服务器呀？阿里云/腾讯云之类的吗？国内的要备案是不是好麻烦呀 QAQ
                (Update: 好吧您用的是。。。青云？QvQ）

                回复

                  hawa130 · 2018年7月12日 8:25 下午

                  emmm，腾讯云的服务器
                  （丢包 100% 还行）

                  回复

                    XZYQvQ · 2018年7月12日 10:50 下午

                    emmmm…
                    您那个服务器多少钱一个月啊？配置咋样？QvQ
                    我用的 vultr，5 美元一个月的 vps，25GSSD，1G 内存 1 个虚拟 CPU，1T 流量 QvQ，坐标洛杉矶，开了 bbr 以后速度还是非常的快的 QvQ
                    腾讯云啊阿里云啊都感觉好贵的感觉。。。没钱啊 QvQ

                    hawa130 · 2018年7月13日 7:31 上午

                    您的 VPS 一年 $60，感觉比我的服务器还贵啊…qwq
                    腾讯云年中打折时买的 1 核 1G，1M 带宽，50G 高效云盘（感觉硬盘速度还可以），一年三百多

                    XZYQvQ · 2018年7月13日 7:48 上午

                    但是我看了看。。。腾讯云北京 1 核 1GB1M 带宽的云服务器要 77 块钱一个月啊。。。
                    如果讲打折的话。。。有那种学生打折，貌似便宜得出奇，但是打折也不会一直给打折的呀 QvQ
                    （话说 vultr 有 2.5 美元一个月的 vps，我怕带不起 wordpress 就买了 5 美元的，能流畅 youtube1080PQvQ）

                    hawa130 · 2018年7月13日 8:21 上午

                    emmm，补充一点，我用的是 AMD CPU 云服务器，现在还是打折的状态，而且反而比我在年中买便宜十几块钱 QAQ
                    平均每个月算下来 24 块。

      maoxiangui · 2018年7月12日 7:22 下午

      您 blog 的页面太好看了，不像我十分崩坏 qwq

      回复

        XZYQvQ · 2018年7月12日 7:45 下午

        emmmm…
        您现在的那个主题不是也很好看咩 QvQ
        另外您的同学 @hawa130 的博客主题貌似和我是一样的 QvQ
        但是貌似他的是 Hestia 的一个子主题吧 QvQ
        emmmm…
        还有提醒一下 QAQ 您的博客的 About 貌似没写好 QvQ

        回复

        maoxiangui · 2018年7月12日 7:47 下午

        我把原来的 blog 删库跑路了…. 于是又新搞了一个， 不得不说您的评论系统很赞啊，是装了什么插件吗？

        回复

          XZYQvQ · 2018年7月12日 7:51 下午

          没呀，自己写 (piao) 的邮件回复提醒。。。还有这个爆炸特效是弄的 powermode 的一个 js，引用一下就行啦 QvQ

          回复

            maoxiangui · 2018年7月13日 2:17 下午

            十分感谢啊 qwq, 话说我强行颓了两天搞网站

            回复

          XZYQvQ · 2018年7月12日 7:58 下午

          您可以参考一下，新建一个文件夹，比如叫 tool，然后新建一个叫 tool.php 的文件（和文件夹名称相同），然后写入下面的内容（那个 Plugin Name 也写文件夹名，Description 和 Version 随便写）：

          <?php
/*
    Plugin Name: tool
    Description:XZY 的博客的配置插件
    Version: 1.0
*/
/*
 * 评论邮件回复
 */
function comment_mail_notify($comment_id){
    $wp_email = get_bloginfo ('admin_email');
    $comment = get_comment($comment_id);
    $parent_id = $comment->comment_parent ? $comment->comment_parent : '';
    $spam_confirmed = $comment->comment_approved;
    if(($parent_id != '') && ($spam_confirmed != 'spam')){
    $to = trim(get_comment($parent_id)->comment_author_email);
    $subject = '有人在 [' . get_option("blogname") . '] 回复了你啦~\(≧▽≦)/~';
    $message = '
    <table border="1" cellpadding="0" cellspacing="0" width="600" align="center" style="border-collapse: collapse; border-style: solid; border-width: 1;border-color:#ddd;">
    <tbody>
          <tr>
            <td>
                <table align="center" border="0" cellpadding="0" cellspacing="0" width="600" height="48" >
                    <tbody><tr>
                        <td width="100" align="center" style="border-right:1px solid #ddd;"> '. get_option("blogname").'</td>
                        <td width="300" style="padding-left:20px; color:#ec3409;"><strong> 您有一条来自' . get_option("blogname") . ' 的回复 QvQ</strong></td>
                        </tr>
                    </tbody>
                </table>
            </td>
          </tr>
          <tr>
            <td  style="padding:15px;"><strong>' . trim(get_comment($parent_id)->comment_author) . '</strong>, 你好!</span>
              <p> 你在《' . get_the_title($comment->comment_post_ID) . '》的留言:</p><p style="border-left:3px solid #ddd;padding-left:1rem;color:#999;">'
        . trim(get_comment($parent_id)->comment_content) . '

<p>
              ' . trim($comment->comment_author) . ' 给你的回复:</p><p style="border-left:3px solid #ddd;padding-left:1rem;color:#999;">'
        . trim($comment->comment_content) . '</p>
        <center ><a href="' . htmlspecialchars(get_comment_link($parent_id)) . '" target="_blank" style="background-color:#e91e63; border-radius:10px; display:inline-block; color:#fff; padding:15px 20px 15px 20px; text-decoration:none;margin-top:20px; margin-bottom:20px;"><strong> 点击查看</strong></a></center>
</td>
          </tr>
          <tr>
            <td align="center" valign="center" height="38" style="font-size:0.8rem; color:#999;">Copyright © '.get_option("blogname").'</td>
          </tr>
          </tbody>
  </table>';
    $from = "From: \"" . get_option('blogname') . "\" <$wp_email>";
    $headers = "$from\nContent-Type: text/html; charset=" . get_option('blog_charset') . "\n";
    wp_mail( $to, $subject, $message, $headers );
  }
}
add_action('comment_post', 'comment_mail_notify');

          弄好了就把文件夹压缩成 zip 然后后台上传插件安装就行了，就能实现评论邮件提醒了。
          那个邮件内容您可以自己改 QvQ

          回复

            maoxiangui · 2018年7月14日 10:21 上午

            强行搞了 2 个小时邮箱回复搞不出来 QAQ，
            flag: 再搞 blog 就剁手

            回复

LKC314 · 2018年7月11日 9:11 下午

公式出锅了……
那条质能方程的 c 指的是一个常量而非变量，故应用正体，即 \mathrm{c}；
那个 ln x 的 ln 是一个数学函数，应用 \ln；
化学方程式比较明显……\mathrm{CaO}，以此类推……（那个等号……）
（小于号用 \le 和 \leq 不好吗？）

回复

    XZYQvQ · 2018年7月11日 9:15 下午

    没注意您这么多。
    我还以为是啥 mathjax 渲染错误呢。
    方便点不是挺好的吗。

    回复

    XZYQvQ · 2018年7月11日 10:01 下午

    emmm
    不过貌似刚刚服务器发送邮件的功能挂了 QAQ

    回复

konnyakuxzy · 2017年7月14日 8:16 上午

不得不说。。。公式已经爆炸了

回复

    konnyakuxzy · 2017年7月14日 5:19 下午

    已修复

    回复

      boshi · 2017年7月15日 3:45 下午

      是的，昨天我加了很多分割线

      回复

        konnyakuxzy · 2017年7月15日 3:59 下午

        （偷偷告诉你其实那些分割线是我加的哈哈哈哈哈哈）

        回复

          boshi · 2017年7月17日 11:40 上午

          为啥我也加了很多

          回复

            konnyakuxzy · 2017年7月17日 1:12 下午

            哦，这个里面的花。。。不知道啊。。。

            回复

MiNa! 写作须知 – MiNa! · 2019年1月14日 3:47 下午

[…] 见 boshi 的一篇博客：传送门=￣ω￣= […]

回复

发表回复

Avatar placeholder

您的电子邮箱地址不会被公开。 必填项已用 * 标注