zoukankan      html  css  js  c++  java
  • 测试文本

    # 欢迎使用 Markdown在线编辑器 MdEditor

    **Markdown是一种轻量级的「标记语言」**


    ![markdown](http://www.mdeditor.com/images/logos/markdown.png "markdown")


    Markdown是一种可以使用普通文本编辑器编写的标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式。它允许人们使用易读易写的纯文本格式编写文档,然后转换成格式丰富的HTML页面,Markdown文件的后缀名便是“.md”


    ## MdEditor是一个在线编辑Markdown文档的编辑器

    *MdEditor扩展了Markdown的功能(如表格、脚注、内嵌HTML等等),以使让Markdown转换成更多的格式,和更丰富的展示效果,这些功能原初的Markdown尚不具备。*

    > Markdown增强版中比较有名的有Markdown Extra、MultiMarkdown、 Maruku等。这些衍生版本要么基于工具,如~~Pandoc~~,Pandao;要么基于网站,如GitHub和Wikipedia,在语法上基本兼容,但在一些语法和渲染效果上有改动。

    MdEditor源于Pandao的JavaScript开源项目,开源地址[Editor.md](https://github.com/pandao/editor.md "Editor.md"),并在MIT开源协议的许可范围内进行了优化,以适应广大用户群体的需求。向优秀的markdown开源编辑器原作者Pandao致敬。


    ![Pandao editor.md](https://pandao.github.io/editor.md/images/logos/editormd-logo-180x180.png "Pandao editor.md")

    ## MdEditor的功能列表演示

    # 标题H1

    ## 标题H2

    ### 标题H3

    #### 标题H4

    ##### 标题H5

    ###### 标题H5

    ### 字符效果和横线等
    ----

    ~~删除线~~ <s>删除线(开启识别HTML标签时)</s>

    *斜体字* _斜体字_

    **粗体** __粗体__

    ***粗斜体*** ___粗斜体___

    上标:X<sub>2</sub>,下标:O<sup>2</sup>

    **缩写(同HTML的abbr标签)**
    > 即更长的单词或短语的缩写形式,前提是开启识别HTML标签时,已默认开启

    The <abbr title="Hyper Text Markup Language">HTML</abbr> specification is maintained by the <abbr title="World Wide Web Consortium">W3C</abbr>.
    ### 引用 Blockquotes

    > 引用文本 Blockquotes

    引用的行内混合 Blockquotes

    > 引用:如果想要插入空白换行`即<br />标签`,在插入处先键入两个以上的空格然后回车即可,[普通链接](https://www.mdeditor.com/)。

    ### 锚点与链接 Links
    [普通链接](https://www.mdeditor.com/)
    [普通链接带标题](https://www.mdeditor.com/ "普通链接带标题")
    直接链接:<https://www.mdeditor.com>
    [锚点链接][anchor-id]
    [anchor-id]: https://www.mdeditor.com/
    [mailto:test.test@gmail.com](mailto:test.test@gmail.com)
    GFM a-tail link @pandao
    邮箱地址自动链接 test.test@gmail.com www@vip.qq.com
    > @pandao

    ### 多语言代码高亮 Codes

    #### 行内代码 Inline code


    执行命令:`npm install marked`

    #### 缩进风格

    即缩进四个空格,也做为实现类似 `<pre>` 预格式化文本 ( Preformatted Text ) 的功能。

    <?php
    echo "Hello world!";
    ?>
    预格式化文本:

    | First Header | Second Header |
    | ------------- | ------------- |
    | Content Cell | Content Cell |
    | Content Cell | Content Cell |

    #### JS代码
    ```javascript
    function test() {
    console.log("Hello world!");
    }
    ```

    #### HTML 代码 HTML codes
    ```html
    <!DOCTYPE html>
    <html>
    <head>
    <mate charest="utf-8" />
    <meta name="keywords" content="Editor.md, Markdown, Editor" />
    <title>Hello world!</title>
    <style type="text/css">
    body{font-size:14px;color:#444;font-family: "Microsoft Yahei", Tahoma, "Hiragino Sans GB", Arial;background:#fff;}
    ul{list-style: none;}
    img{border:none;vertical-align: middle;}
    </style>
    </head>
    <body>
    <h1 class="text-xxl">Hello world!</h1>
    <p class="text-green">Plain text</p>
    </body>
    </html>
    ```
    ### 图片 Images

    图片加链接 (Image + Link):


    [![](https://www.mdeditor.com/images/logos/markdown.png)](https://www.mdeditor.com/images/logos/markdown.png "markdown")

    > Follow your heart.

    ----
    ### 列表 Lists

    #### 无序列表(减号)Unordered Lists (-)

    - 列表一
    - 列表二
    - 列表三

    #### 无序列表(星号)Unordered Lists (*)

    * 列表一
    * 列表二
    * 列表三

    #### 无序列表(加号和嵌套)Unordered Lists (+)
    + 列表一
    + 列表二
    + 列表二-1
    + 列表二-2
    + 列表二-3
    + 列表三
    * 列表一
    * 列表二
    * 列表三

    #### 有序列表 Ordered Lists (-)

    1. 第一行
    2. 第二行
    3. 第三行

    #### GFM task list

    - [x] GFM task list 1
    - [x] GFM task list 2
    - [ ] GFM task list 3
    - [ ] GFM task list 3-1
    - [ ] GFM task list 3-2
    - [ ] GFM task list 3-3
    - [ ] GFM task list 4
    - [ ] GFM task list 4-1
    - [ ] GFM task list 4-2

    ----

    ### 绘制表格 Tables

    | 项目 | 价格 | 数量 |
    | -------- | -----: | :----: |
    | 计算机 | $1600 | 5 |
    | 手机 | $12 | 12 |
    | 管线 | $1 | 234 |

    First Header | Second Header
    ------------- | -------------
    Content Cell | Content Cell
    Content Cell | Content Cell

    | First Header | Second Header |
    | ------------- | ------------- |
    | Content Cell | Content Cell |
    | Content Cell | Content Cell |

    | Function name | Description |
    | ------------- | ------------------------------ |
    | `help()` | Display the help window. |
    | `destroy()` | **Destroy your computer!** |

    | Left-Aligned | Center Aligned | Right Aligned |
    | :------------ |:---------------:| -----:|
    | col 3 is | some wordy text | $1600 |
    | col 2 is | centered | $12 |
    | zebra stripes | are neat | $1 |

    | Item | Value |
    | --------- | -----:|
    | Computer | $1600 |
    | Phone | $12 |
    | Pipe | $1 |

    ----

    #### 特殊符号 HTML Entities Codes

    &copy; & &uml; &trade; &iexcl; &pound;
    &amp; &lt; &gt; &yen; &euro; &reg; &plusmn; &para; &sect; &brvbar; &macr; &laquo; &middot;

    X&sup2; Y&sup3; &frac34; &frac14; &times; &divide; &raquo;

    18&ordm;C &quot; &apos;

    [========]

    ### Emoji表情 :smiley:

    > Blockquotes :star:

    #### GFM task lists & Emoji & fontAwesome icon emoji & editormd logo emoji :editormd-logo-5x:

    - [x] :smiley: @mentions, :smiley: #refs, [links](), **formatting**, and <del>tags</del> supported :editormd-logo:;
    - [x] list syntax required (any unordered or ordered list supported) :editormd-logo-3x:;
    - [x] [ ] :smiley: this is a complete item :smiley:;
    - [ ] []this is an incomplete item [test link](#) :fa-star: @pandao;
    - [ ] [ ]this is an incomplete item :fa-star: :fa-gear:;
    - [ ] :smiley: this is an incomplete item [test link](#) :fa-star: :fa-gear:;
    - [ ] :smiley: this is :fa-star: :fa-gear: an incomplete item [test link](#);

    #### 反斜杠 Escape

    *literal asterisks*

    [========]
    ### 科学公式 TeX(KaTeX)

    $$E=mc^2$$

    行内的公式$$E=mc^2$$行内的公式,行内的$$E=mc^2$$公式。

    $$x > y$$

    $$(sqrt{3x-1}+(1+x)^2)$$

    $$sin(alpha)^{ heta}=sum_{i=0}^{n}(x^i + cos(f))$$

    多行公式:

    ```math
    displaystyle
    left( sum\_{k=1}^n a\_k b\_k ight)^2
    leq
    left( sum\_{k=1}^n a\_k^2 ight)
    left( sum\_{k=1}^n b\_k^2 ight)
    ```
    ```katex
    displaystyle
    frac{1}{
    Bigl(sqrt{phi sqrt{5}}-phiBigr) e^{
    frac25 pi}} = 1+frac{e^{-2pi}} {1+frac{e^{-4pi}} {
    1+frac{e^{-6pi}}
    {1+frac{e^{-8pi}}
    {1+cdots} }
    }
    }
    ```
    ```latex
    f(x) = int_{-infty}^infty
    hat f(xi)\,e^{2 pi i xi x}
    \,dxi
    ```
    ### 分页符 Page break

    > Print Test: Ctrl + P

    [========]

    ### 绘制流程图 Flowchart

    ```flow
    st=>start: 用户登陆
    op=>operation: 登陆操作
    cond=>condition: 登陆成功 Yes or No?
    e=>end: 进入后台

    st->op->cond
    cond(yes)->e
    cond(no)->op
    ```
    [========]

    ### 绘制序列图 Sequence Diagram

    ```seq
    Andrew->China: Says Hello
    Note right of China: China thinks about it
    China-->Andrew: How are you?
    Andrew->>China: I am good thanks!
    ```
    ### End

    大道至简,知易行难。从今天开始改变,这是对平庸生活最好的回击。
  • 相关阅读:
    HDU 1022 Train Problem I
    HDU 1702 ACboy needs your help again!
    HDU 1294 Rooted Trees Problem
    HDU 1027 Ignatius and the Princess II
    HDU 3398 String
    HDU 1709 The Balance
    HDU 2152 Fruit
    HDU 1398 Square Coins
    HDU 3571 N-dimensional Sphere
    HDU 2451 Simple Addition Expression
  • 原文地址:https://www.cnblogs.com/elkyo/p/ceshi.html
Copyright © 2011-2022 走看看