• CSDN Markdown简明教程3-表格和公式


    Markdown简明教程3-Markdown表格和公式

    0. 文件夹

    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。

    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语法

    1. 使用alpha、eta、gamma表示希腊字母α、β、γ, 使用Gamma表示大写希腊字母Γ等。例如以下表所看到的。
    字母 实现 字母 实现
    A A α alhpa
    B B β eta
    Γ Gamma γ gamma
    Δ Delta δ delta
    E E ϵ epsilon
    Z Z ζ zeta
    H H η eta
    Θ 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 不大于等于 xy $ 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 xy
    otsubset 非子集 x⊄y x⊄y
    subseteq 子集 xy xy
    supset 超集 xy xy
    supseteq 超集 xy xy
    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图。

    4. 深入

    1. MathJax官方站点
    2. MathJax手冊
    3. MathJax使用LaTeX语法编写数学公式教程
    4. Mathjax与LaTex公式简单介绍
    5. 小敏纸的博文

    5. 声明

    前端开发whqet,关注前端开发。分享相关资源。csdn专家博客,王海庆希望能对您有所帮助。限于作者水平有限,出错难免。欢迎拍砖!
    欢迎不论什么形式的转载。烦请注明装载,保留本段文字。


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

  • 相关阅读:
    EOF:getchar()函数返回的一个特殊值
    elementUI的el-select使用filterable无效
    element table单元格相关的样式
    关于前端权限的一点想法--续
    IE浏览器与PDF文件
    vue form表单数据无法修改
    computed数据变动,table加载不全
    vue插件开发(本地使用)
    element table
    对象删除(消耗时间验证)
  • 原文地址:https://www.cnblogs.com/blfshiye/p/5129935.html
Copyright © 2020-2023  润新知