美文网首页
2019-05-09

2019-05-09

作者: 孔祥岩 | 来源:发表于2019-05-09 21:53 被阅读0次

    ---

    author: cigaret

    date: 2019-05-09

    ---

    [TOC]

    ## 块元素

    ### 段落和换行

    段落只是一行或多行连续的文本,敲击 `Enter` 会生成新的段落,使用`Shift + Enter` 进行段落内换行。

    ### 标题

    ```markdown

    # 标题1

    ## 标题2

    ### 标题3

    #### 标题4

    ##### 标题5

    ###### 最多支持6级标题

    ```

    ### 引用

    > 这是一段引用文字,换行规则跟段落一致。

    ### 列表

    可以使用 `*,+,-` 后跟空格来创建无序列表,使用 `数字.` 如 `1.` 后跟空格的方式创建有序列表。

    - [ ] todo 列表

    - [ ] 是可勾选的

    - [x] 比如这个已勾选

    ### 分隔符

    使用连续三个以上 `-` 创建分割线。

    ---

    ### 代码块

    使用 `\`` 来创建代码块,可以在之后跟程序语言名称以匹配高亮规则。

    ```js

    var a = 1

    function test() {

    console.info('just a test')

    }

    ```

    ```python

    a = 1

    def test():

        print('just a test')

    ```

    ### 数学公式

    $$

    \mathbf{V}_1 \times \mathbf{V}_2 =  \begin{vmatrix}

    \mathbf{i} & \mathbf{j} & \mathbf{k} \\

    \frac{\partial X}{\partial u} &  \frac{\partial Y}{\partial u} & 0 \\

    \frac{\partial X}{\partial v} &  \frac{\partial Y}{\partial v} & 0 \\

    \end{vmatrix}

    $$

    ### 表格

    右键或输入 \| content \| content | 来生成表格。

    | First Header | Second Header |

    | ------------ | ------------- |

    | Content Cell | Content Cell  |

    | Content Cell | Content Cell  |

    指定对齐格式示例:

    | Left-Aligned  | Center Aligned  | Right Aligned |

    | :------------ | :-------------: | ------------: |

    | col 3 is      | some wordy text |        $1600 |

    | col 2 is      |    centered    |          $12 |

    | zebra stripes |    are neat    |            $1 |

    ### 脚注

    这是一段需要注释的文字[^注释文字的脚注]

    [^注释文字的脚注]: 这是注释文字的脚注。

    ### 流程图

    流程图

    ```flow

    st=>start: Start:>http://www.google.com[blank]

    e=>end:>http://www.google.com

    op1=>operation: My Operation

    sub1=>subroutine: My Subroutine

    cond=>condition: Yes

    or No?:>http://www.google.com

    io=>inputoutput: catch something...

    para=>parallel: parallel tasks

    st->op1->cond

    cond(yes)->io->e

    cond(no)->para

    para(path1, bottom)->sub1(right)->op1

    para(path2, top)->op1

    ```

    ### 图片

    ![](https://oss.thoughts.vip/image/blog/20190509174655.png)

    ## 行内元素标记

    ### 常见标记

    **加粗1**

    __加粗2__

    *斜体2*

    _斜体2_

    内联代码块 `inline code`

    ~~删除线~~

    <u>下划线</u>

    :link: :pig:

    ==高亮==

    ### 链接

    [这是一个示例链接](https://google.com)

    [也可以链接文章标题](#块元素)

    [可以添加提示文字](#行内元素标记 '指向父级标题')

    [也可以定义引用链接][google]

    [google]: https://google.com "引用链接"

    ### URL

    <https://google.com>

    ### 内联公式

    这是一个内联公式:arrow_right: $\lim_{x \to \infty} \exp(-x) = 0$

    ## 其它功能标记

    ### Html 原生标签 + 内联样式

    <span style="color:red">这段文字是红色的</span>

    ### Embed

    <iframe height='265' scrolling='no' title='Fancy Animated SVG Menu' src='http://codepen.io/jeangontijo/embed/OxVywj/?height=265&theme-id=0&default-tab=css,result&embed-version=2' frameborder='no' allowtransparency='true' allowfullscreen='true' style='width: 100%;'></iframe>

    ### 音视频等

    直接插入 Html 多媒体标签

    相关文章

      网友评论

          本文标题:2019-05-09

          本文链接:https://www.haomeiwen.com/subject/ppqnoqtx.html