Markdown語法

Editor.md

目錄 (Table of Contents)

[TOCM]

[TOC]

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Heading 1 link Heading link

Heading 2 link Heading link

Heading 3 link Heading link

Heading 4 link Heading link Heading link Heading link

Heading 5 link Heading link
Heading 6 link Heading link

標題（用底線的形式）Heading (underline)

This is an H1

This is an H2

字符效果和橫線等

刪除線 <s>刪除線（開啟識別HTML標簽時）</s>
斜體字 斜體字
粗體 粗體
粗斜體 粗斜體

上標：X2，下標：O2

縮寫(同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

引用的行內(nèi)混合 Blockquotes

引用：如果想要插入空白換行即<br />標簽，在插入處先鍵入兩個以上的空格然后回車即可，普通鏈接。

錨點與鏈接 Links

普通鏈接

普通鏈接帶標題

直接鏈接：https://github.com

錨點鏈接

mailto:test.test@gmail.com

GFM a-tail link @pandao 郵箱地址自動鏈接 test.test@gmail.com www@vip.qq.com

@pandao

多語言代碼高亮 Codes

行內(nèi)代碼 Inline code

執(zhí)行命令：npm install marked

縮進風格

即縮進四個空格，也做為實現(xiàn)類似 <pre> 預格式化文本 ( Preformatted Text ) 的功能。

<?php
    echo "Hello world!";
?>

預格式化文本：

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

JS代碼

function test() {
    console.log("Hello world!");
}
 
(function(){
    var box = function() {
        return box.fn.init();
    };

    box.prototype = box.fn = {
        init : function(){
            console.log('box.init()');

            return this;
        },

        add : function(str) {
            alert("add", str);

            return this;
        },

        remove : function(str) {
            alert("remove", str);

            return this;
        }
    };
    
    box.fn.init.prototype = box.fn;
    
    window.box =box;
})();

var testBox = box();
testBox.add("jQuery").remove("jQuery");

HTML 代碼 HTML codes

<!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:

Follow your heart.

圖為：廈門白城沙灘

圖片加鏈接 (Image + Link)：

圖為：李健首張專輯《似水流年》封面

列表 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

項目 價格 數(shù)量
計算機 $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

? & ¨ ? ? ￡
& < > ￥ € ? ± ? § | ˉ ? ·

X2 Y3 ? ? × ÷ ?

18oC " '

[========]

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$$

行內(nèi)的公式$$E=mc2$$行內(nèi)的公式，行內(nèi)的$$E=mc2$$公式。

$$x > y$$

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

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

多行公式：

\displaystyle
\left( \sum\_{k=1}^n a\_k b\_k \right)^2
\leq
\left( \sum\_{k=1}^n a\_k^2 \right)
\left( \sum\_{k=1}^n b\_k^2 \right)

\displaystyle 
    \frac{1}{
        \Bigl(\sqrt{\phi \sqrt{5}}-\phi\Bigr) e^{
        \frac25 \pi}} = 1+\frac{e^{-2\pi}} {1+\frac{e^{-4\pi}} {
        1+\frac{e^{-6\pi}}
        {1+\frac{e^{-8\pi}}
         {1+\cdots} }
        } 
    }

f(x) = \int_{-\infty}^\infty
    \hat f(\xi)\,e^{2 \pi i \xi x}
    \,d\xi

分頁符 Page break

Print Test: Ctrl + P

[========]

繪制流程圖 Flowchart

st=>start: 用戶登陸
op=>operation: 登陸操作
cond=>condition: 登陸成功 Yes or No?
e=>end: 進入后臺

st->op->cond
cond(yes)->e
cond(no)->op

[========]

繪制序列圖 Sequence Diagram

Andrew->China: Says Hello 
Note right of China: China thinks\nabout it 
China-->Andrew: How are you? 
Andrew->>China: I am good thanks!

End

最后編輯于 ：
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

  • 主要特性 支持“標準”Markdown / CommonMark和Github風格的語法，也可變身為代碼編輯器； ...
    iQQBot閱讀 436評論 0贊 4
  • Mou Overview Mou, the missing Markdown editor for web dev...
    Boy_iOS閱讀 316評論 0贊 0
  • 此處是原文鏈接 Markdown 是一種輕量級標記語言，能將文本換成有效的XHTML(或者HTML)文檔，它的目標...
    Jay_jiang閱讀 320評論 0贊 3
  • 我想 陪孩子學會游泳 我想 每年寒暑假都帶孩子出去旅游 我想 告訴孩子這個世界是黑暗的，但是我愿意陪她一起感受光明的美好
    小小小小小小小小黑妞閱讀 169評論 0贊 0
  • 丹霞扶風去，朱紅描覆齒。眉如遠山落，月在目中行。
    應水閱讀 356評論 1贊 3

友情鏈接更多精彩內(nèi)容