zoukankan      html  css  js  c++  java
  • Markdown之列表&MathJax

    下面说的Markdown的表格形式已经被用烂了,但是一直不怎么用Markdown里面的MathJax,实在不行就小窗截图,随着这个审美的不断提升,现在看那个实在是越来越丑啊,下面贴下转载的帖子,好好学习下。

    1. 前言

    Markdown是一种轻量级的标记语言,把作者从繁杂的排版工作中解放出来,实现易读易写的文章写作,已经逐渐成为事实上的行业标准。CSDN博客支持Markdown可以让广大博友更加专注于博客内容,大赞。但是,不少博友可能对Markdown比较生疏,本博接下来用一个系列文章《Markdown简明教程》扼要介绍Markdown,希望可以对大家有所帮助。

    系列教程目录

    • 关于Markdown
    • Markdown基本使用
    • Markdown表格和公式
    • Markdown UML图
    • CSDN Markdown快速上手
    • Markdown 参考手册
      本文为《Markdown简明教程》系列教程的第3篇Markdown表格和公式,主要讲解Markdown实现表格、公式。下一篇文章我们来研读Markdown UML图。
      连载的教程哦,看起来还是不错的

    2. 表格

    2.1 表格

    Markdown使用管线图的方式实现表格,表格里面可以使用强调、链接等行内格式。
    下面代码所示为一个基本的表格:

    教程标题| 主要内容
    -------|----------
    关于Markdown | 简介Markdown,Markdown的优缺点
    Markdown基础 | Markdown的**基本语法**,格式化文本、代码、列表、链接和图片、分割线、转义符等
    Markdown表格和公式 | Markdown的**扩展语法**,表格、公式

    解析html如下:

    <table>
        <thead>
            <tr>
                <th>教程标题</th>
                <th>主要内容</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>关于Markdown</td>
                <td>简介Markdown,Markdown的优缺点</td>
            </tr>
            <tr>
                <td>Markdown基础</td>
                <td>Markdown的<strong>基本语法</strong>,格式化文本、代码、列表、链接和图片、分割线、转义符等</td>
            </tr>
            <tr>
                <td>Markdown扩展</td>
                <td>Markdown的<strong>扩展语法</strong>,表格、公式、UML图</td>
            </tr>
        </tbody>
    </table>

    在网页中结果如下:

    教程标题 主要内容
    关于Markdown 简介Markdown,Markdown的优缺点
    Markdown基础 Markdown的基本语法,格式化文本、代码、列表、链接和图片、分割线、转义符等
    Markdown表格和公式 Markdown的扩展语法,表格、公式

    注意,为了美观起见,可以把前后端管线补齐,如下面代码所示。

    |  教程标题   | 主要内容                      |
    |------------|------------------------------|
    |关于Markdown | 简介Markdown,Markdown的优缺点|
    |Markdown基础 | Markdown的**基本语法**,格式化文本、代码、列表、链接和图片、分割线、转义符等|
    |Markdown扩展 | Markdown的**扩展语法**,表格、公式、UML图|

    注意,表头下面的虚线为了更好的分隔表头和表格内容,长度随意。

    2.2 表格对齐方式

    注意,我们同时可以指定表格单元格的对齐方式,如下面代码所示。

    | Day     | Meal     | Price   |
    |:--------|---------:|:-------:|
    | Monday  | pasta    | $6      |
    | Tuesday | chicken  | $8      |

    显示在网页上结果为:

    Day Meal Price
    Monday pasta $6
    Tuesday chicken $8

    注意,表格列的宽度设置不能设置。Markdown更加关注内容,因此格式设置性能较弱,如果确实需要设置,请使用CSS。(这里我顺便改下原帖,用Markdown时间也不算短了,深切体会到Markdown确实有些格式还是没有的,比如上面的红色字体就用很丑的,其实用css写确实有些污染Markdown原生环境,但是确实这些小的功能确实还是Markdown的短板)

    3. 公式

    通过使用MathJax,我们可以让Markdown解析LaTeX数学表达式,通常情况下,我们需要引入MathJax插件才可能工作。

    <script type="text/javascript" src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML"></script>

    CSDN已经内置了这个插件,我们就不需要手动插入了,可以直接写数学公式了。

    3.1 行内公式

    我们使用$...$的方式来包含行内公式,例如

    一个简单的数学公式,求圆的面积$S=pi r^2$。

    编译之后表现在网页上,结果为:
    一个简单的数学公式,求圆的面积S=πr2

    3.2 陈列公式(displayed formulas)

    陈列公式使用

    $$...$$

    来表示,例如。
    如果使用陈列公式,结果为:

    一个简单的数学公式,求圆的面积。
    $$
    	S=pi r^2
    $$

    解析在网页上结果为:
    一个简单的数学公式,求圆的面积。

    S=πr2

    3.3 MathJax语法

    使用alpha、eta、gamma表示希腊字母α、β、γ, 使用Gamma表示大写希腊字母Γ等,如下表所示。

    字母 实现 字母 实现
    A A α alhpa
    B B β eta
    Γ Gamma γ gamma
    Δ Delta δ delta
    E E ϵ epsilon
    Z Z ζ zeta
    H H η
    Θ Theta θ heta
    I I ι iota
    K K κ kappa
    Λ Lambda λ lambda
    M M μ mu
    N N ν u
    Ξ Xi ξ xi
    O O ο omicron
    Π Pi π pi
    P P ρ ho
    Σ Sigma σ sigma
    T T τ au
    Υ Upsilon υ upsilon
    Φ Phi ϕ phi
    X X χ chi
    Ψ Psi ψ psi
    Ω v ω omega

    2. 利用{}实现优先级。

    例如$ x_i^2 $实现x2i,而$ x_{i^2} $实现xi2
    例如$lim_{x oinfty}$实现limx
    3. 常用数学运算符表示如下。

    运算符 说明 运算符案例 案例实现
    + x+y $ x + y $
    - xy $ x - y $
    imes x×y $ x imes y $
    cdot xy $ x cdot y $
    ast xy $ x ast y $
    div x÷y $ x div y $
    frac 分数 xy $ frac{x}{y} $
    ^ 上标 xy $ x ^ y $
    _ 下标 xy $ x _ y $
    sqrt 开二次方 x $ sqrt x $
    sqrt 开方 y4+3y1x $ sqrt[x]{y^4+3y-1} $
    pm 加减 x±y $ x pm y $
    mp 减加 xy $ x mp y $
    = 等于 x=y $ x = y $
    leq 小于等于 xy $ x leq y $
    geq 大于等于 xy $ x geq y $
    geq 不大于等于 xy $ x geq y $
    otgeq 不大于等于 x otgeq y $ $ x otgeq y $
    eq 不等于 xy $ x eq y $
    approx 约等于 xy $ x approx y $
    equiv 恒等于 xy $ x equiv y $
    igodot 定义运算符 xy=x+y2 $ x igodot y=x+y^2 $
    igotimes 定义运算符 xy=x+y2 $ x igotimes y=x+y^2 $
    in 属于 xy $ x in y $
    otin 不属于 xy $ x otin y $
    subset 子集 xy $x⊂y$
    otsubset 非子集 x̸y $x⊄y$
    subseteq 子集 xy $x⊆y$
    supset 超集 xy $x⊃y$
    supseteq 超集 xy $x⊇y$
    cup xy $ x cup y $
    cap xy $ x cap y $
    log 对数 log(x) $ log(x) $
    overline 平均数 x¯ $ overline{x} $
    overline 连线符号 a+b+c+d¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯ $ overline{a+b+c+d} $
    underline 下划线 a+b+c+d−−−−−−−−−− $ underline{a+b+c+d} $
    overbrace 上大括号 a+b+c��1.0+d��2.0 $overbrace{a+underbrace{b+c}_{1.0}+d}^{2.0}$
    underbrace 下大括号 a+d��3 $underbrace{a+d}_3$
    partial 部分 xy $ frac{partial x}{partial y} $
    lim 极限 limx $ lim_{x oinfty} $
    displaystyle 块公式格式 limx $ displaystyle lim_{x oinfty} $
    sum 求和 n1 $ sum_1^n $
    infty 极限 i=0i2 $ sum_{i=0}^infty i^2 $
    int 积分 10x2dx $ int_0^1 x^2 { m d}x $
    ldots 底端对齐的省略号 1,2,,n $ 1,2,ldots,n $
    cdots 中线对齐的省略号 x21+x22++x2n $x_1^2 + x_2^2 + cdots + x_n^2$
    uparrow 上箭头 $ uparrow $
    Uparrow 上箭头 $ Uparrow $

    给个小作业:
    Γ(z)=0tz1etdt,.
    本文为《Markdown简明教程》系列教程的第3篇Markdown表格和公式,主要讲解Markdown实现表格、公式。下一篇文章我们来研读Markdown UML图。

    1. 深入

    MathJax官方网站
    MathJax手册
    MathJax使用LaTeX语法编写数学公式教程
    Mathjax与LaTex公式简介
    小敏纸的博文

    博文转自:
    本文原文链接,http://blog.csdn.net/whqet/article/details/44277965
    欢迎大家访问独立博客http://whqet.github.io

    虽是转载,但是更正了原文部分错误,Markdown转载编辑也用了好长时间,转载本博请标明本文地址,谢谢

  • 相关阅读:
    2013年2月最后一周
    linux虚拟机与winodows共享文件夹linux安装VMware tools
    汇编语言 手记8
    汇编语言 手记9
    虚拟机vmware与本地磁盘共享方法
    生活里多少会有些迷茫
    《恋爱厚黑学》杨冰阳
    2012年读书目录
    2013年2月第2个周末
    JBOSSJNDI日常
  • 原文地址:https://www.cnblogs.com/zswbky/p/8454077.html
Copyright © 2011-2022 走看看