必威体育Betway必威体育官网
当前位置:首页 > IT技术

Markdown语法简介

时间:2019-09-18 19:40:00来源:IT技术作者:seo实验室小编阅读:52次「手机版」
 

admonition

参考文档:

revolunet/sublimetext-markdown-preview

Markdown 语法说明

目录

  • 目录
  • H1
    • H2
      • H3
        • H4
          • H5
            • H6
      • Duplicate Header
      • Duplicate Header
    • Paragraphs(段落)
    • inline(行内语法)
    • Links(链接)
    • Abbreviation(缩写)
    • Unordered List(无序列表)
    • Ordered List(有序列表)
    • Task List(任务列表)
    • Mixed Lists(混合列表)
    • Dictionary(定义列表)
    • Blocks(块区)
    • Block Quotes(引用块区)
    • fenced Block(语法支持的区块)
    • Tables(表格)
    • Smart Strong(智能强调)
    • Smarty(聪明人)
    • Attribute List(样式属性定义)
    • Admonition(警告)
    • Github Emoji(Github表情包)
      • People
      • Nature
      • Objects
      • Places
      • symbols
    • Neseted Fences(嵌套区块)
    • UML Flow Charts(UML流程图)
    • UML sequence Diagrams(UML时序图)

Headers(标题)

以 # 号开头,一般后面会紧随一个空格
一级标题和二级标题下面会带有一条下划线

# H1
## H2
### H3
#### H4
##### H5
###### H6
### Duplicate Header
### Duplicate Header

H1

H2

H3

H4

H5
H6

Duplicate Header

Duplicate Header

Paragraphs(段落)

跟正常的文本文档一样书写

This is a paragraph.
I am still part of the paragraph.

New paragraph.

This is a paragraph.

I am still part of the paragraph.

New paragraph.

Inline(行内语法)


 表示键盘文本              相当于html的 
*  表示强调内容                 相当于html的 
—  表示强调内容                 相当于html的 
** 表示语气更强的强调内容       相当于html的 
—— 表示语气更强的强调内容       相当于html的 
~~ 表示给文本加删除线           相当于html的 
以上符号可以混合使用

`inline block`

ctrl+alt+del

**bold 1** and __bold 2__

*italic 1*  and _italic 2_

~~strike~~

***bold 1 and italic 1***

___bold 2 and italic 2___

__*bold 2 and italic 1*__

**_bold 1 and italic 2_**

~~*strike italic 1*~~ and *~~strike italic 2~~*

~~_strike italic 2_~~ and  _~~strike italic 2~~_

~~**strike bold 1**~~ and **~~strike bold 1~~**

~~__strike bold 2__~~ and __~~strike bold 2~~__

~~***strike italic 1 bold 1***~~ and ***~~strike italic 1 bold 1~~***

~~___strike italic 2 bold 2___~~ and ___~~strike italic 2 bold 2~~___

**~~*strike italic 1 bold 1*~~** and *~~**strike italic 1 bold 1**~~*

__~~_strike italic 2 bold 2_~~__ and _~~__strike italic 2 bold 2__~~_

**~~_strike italic 2 bold 1_~~** and _~~**strike italic 2 bold 1**~~_

__~~*strike italic 1 bold 2*~~__ and *~~__strike italic 1 bold 2__~~*
" data-snippet-id="ext.1d6d48fa16441a74b802b5485e0622a3" data-snippet-saved="false" data-codota-status="done">` 号表示行内代码块              相当于html的 <code>
<kbd> 表示键盘文本              相当于html的 <kbd>
*  表示强调内容                 相当于html的 <em>
—  表示强调内容                 相当于html的 <em>
** 表示语气更强的强调内容       相当于html的 <strong>
—— 表示语气更强的强调内容       相当于html的 <strong>
~~ 表示给文本加删除线           相当于html的 <strike>
以上符号可以混合使用

`inline block`

<kbd>ctrl</kbd>+<kbd>alt</kbd>+<kbd>del</kbd>

**bold 1** and __bold 2__

*italic 1*  and _italic 2_

~~strike~~

***bold 1 and italic 1***

___bold 2 and italic 2___

__*bold 2 and italic 1*__

**_bold 1 and italic 2_**

~~*strike italic 1*~~ and *~~strike italic 2~~*

~~_strike italic 2_~~ and  _~~strike italic 2~~_

~~**strike bold 1**~~ and **~~strike bold 1~~**

~~__strike bold 2__~~ and __~~strike bold 2~~__

~~***strike italic 1 bold 1***~~ and ***~~strike italic 1 bold 1~~***

~~___strike italic 2 bold 2___~~ and ___~~strike italic 2 bold 2~~___

**~~*strike italic 1 bold 1*~~** and *~~**strike italic 1 bold 1**~~*

__~~_strike italic 2 bold 2_~~__ and _~~__strike italic 2 bold 2__~~_

**~~_strike italic 2 bold 1_~~** and _~~**strike italic 2 bold 1**~~_

__~~*strike italic 1 bold 2*~~__ and *~~__strike italic 1 bold 2__~~*

inline block

ctrl+alt+del

bold 1 and bold 2

italic 1 and italic 2

strike

bold 1 and italic 1

bold 2 and italic 2

bold 2 and italic 1

bold 1 and italic 2

*strike italic 1* and strike italic 2

_strike italic 2_ and strike italic 2

**strike bold 1** and strike bold 1

__strike bold 2__ and strike bold 2

***strike italic 1 bold 1*** and strike italic 1 bold 1

___strike italic 2 bold 2___ and strike italic 2 bold 2

*strike italic 1 bold 1* and **strike italic 1 bold 1**

_strike italic 2 bold 2_ and __strike italic 2 bold 2__

_strike italic 2 bold 1_ and **strike italic 2 bold 1**

*strike italic 1 bold 2* and __strike italic 1 bold 2__

Links(链接)

example inline link.

>

This link has no title attribute.

参考式的链接是在链接文字的括号后面再接上另一个方括号,而在第二个方括号里面要填入用以辨识链接的标记: This is [an example][id] reference-style link. 例如:[Reference Link][1] Footnotes[^1] have a label[^label] and a definition[^!DEF] // 中括号中以 ^ 号开头,表示这是一个注脚 其中[1] 和 [^1] 都可以在文档的其他地方定义 格式为:[数字]+:+空格+内容 或 [^数字]+:+空格+内容 图片链接类似,只是在第一个中括号前面多了一个 ! 号 Web image ![Web Picture](/d/file/news/20190805/site_photoref.jpg "Web Picture") 其中中括号的内容,表示在图片加载失败时的替代文字,相当于html中标签中的 alt 属性; 圆括号中双引号中的内容,相当于html中标签中的 title 属性,在鼠标移动到图片上时,会显示该文字 Local image ![Local Picture](logo-revolunet-carre.jpg "Local Picture") [email protected] https://github.com/revolunet/sublimetext-markdown-preview/ This is a link https://github.com/revolunet/sublimetext-markdown-preview/. This is a link "https://github.com/revolunet/sublimetext-markdown-preview/". With this link (https://github.com/revolunet/sublimetext-markdown-preview/), it still works. [1]: https://github.com/revolunet/sublimetext-markdown-preview/ [^1]: This is a footnote [^label]: A footnote on "label" [^!DEF]: The footnote for definition " data-snippet-id="ext.ccd0551316f690f22bde577dd3fdd6e6" data-snippet-saved="false" data-codota-status="done">Markdown 支持两种形式的链接语法: 行内式和参考式两种形式。 不管是哪一种,链接文字都是用 [方括号] 来标记。 要建立一个行内式的链接,只要在方块括号后面紧接着圆括号并插入网址链接即可。 如果你还想要加上链接的 title 文字,只要在网址后面,用双引号把 title 文字包起来即可,例如: > This is [an example](http://example.com/ "Title") inline link. > [This link](http://example.net/) has no title attribute. 会产生: > <p>This is <a href="http://example.com/" title="Title"> an example</a> inline link.</p> > <p><a href="http://example.net/">This link</a> has no title attribute.</p> 参考式的链接是在链接文字的括号后面再接上另一个方括号,而在第二个方括号里面要填入用以辨识链接的标记: This is [an example][id] reference-style link. 例如:[Reference Link][1] Footnotes[^1] have a label[^label] and a definition[^!DEF] // 中括号中以 ^ 号开头,表示这是一个注脚 其中[1] 和 [^1] 都可以在文档的其他地方定义 格式为:[数字]+:+空格+内容 或 [^数字]+:+空格+内容 图片链接类似,只是在第一个中括号前面多了一个 ! 号 Web image ![Web Picture](/d/file/news/20190805/site_photoref.jpg "Web Picture") 其中中括号的内容,表示在图片加载失败时的替代文字,相当于html中<img>标签中的 alt 属性; 圆括号中双引号中的内容,相当于html中<img>标签中的 title 属性,在鼠标移动到图片上时,会显示该文字 local image ![Local Picture](logo-revolunet-carre.jpg "Local Picture") [email protected] https://github.com/revolunet/sublimetext-markdown-preview/ This is a link https://github.com/revolunet/sublimetext-markdown-preview/. This is a link "https://github.com/revolunet/sublimetext-markdown-preview/". With this link (https://github.com/revolunet/sublimetext-markdown-preview/), it still works. [1]: https://github.com/revolunet/sublimetext-markdown-preview/ [^1]: This is a footnote [^label]: A footnote on "label" [^!DEF]: The footnote for definition

Reference Link

Footnotes1 have a label[^label] and a definition[^!DEF]

Web image

Web Picture

www.Google.com

[email protected]

https://github.com/revolunet/sublimetext-markdown-preview/

This is a link https://github.com/revolunet/sublimetext-markdown-preview/.

This is a link “https://github.com/revolunet/sublimetext-markdown-preview/“.

With this link (https://github.com/revolunet/sublimetext-markdown-preview/), it still works.

Abbreviation(缩写)

The HTML specification 
is maintained by the W3C.

*[HTML]: Hyper Text Markup Language
*[W3C]:  World Wide Web Consortium

The HTML specification

is maintained by the W3C.

*[HTML]: Hyper Text Markup Language

*[W3C]: World Wide Web Consortium

Unordered List(无序列表)

可以使用 - * + 三种符号中的任意一种
同时要控制好各层级的缩进

- item 1
    * item A
    * item B
        more text
        + item a
        + item b
        + item c
    * item C
- item 2
- item 3
  • item 1

    • item A
    • item B

      more text

      • item a
      • item b
      • item c
    • item C
  • item 2
  • item 3

Ordered List(有序列表)

使用数字定义,格式为:数字+英文点号+空格+内容
同时要控制好各层级的缩进

1. item 1
    1. item A
    2. item B
        more text
        1. item a
        2. item b
        3. item c
    3. item C
2. item 2
3. item 3
  1. item 1

    1. item A
    2. item B

      more text

      1. item a
      2. item b
      3. item c
    3. item C
  2. item 2
  3. item 3

Task List(任务列表)

格式为:任意一种无序列表符号+空格+[X]+空格+内容
同时要控制好各层级的缩进

- [X] item 1
    * [X] item A
    * [ ] item B
        more text
        + [x] item a
        + [ ] item b
        + [x] item c
    * [X] item C
- [ ] item 2
- [ ] item 3
  • [X] item 1

    • [X] item A
    • [ ] item B

      more text

      • [x] item a
      • [ ] item b
      • [x] item c
    • [X] item C
  • [ ] item 2
  • [ ] item 3

Mixed Lists(混合列表)

无序列表,有序列表和任务列表可以自由组合
同时要控制好各层级的缩进

- item 1
    * [X] item A
    * [ ] item B
        more text
        1. item a
        2. itemb
        3. item c
    * [X] item C
- item 2
- item 3
  • item 1

    • [X] item A
    • [ ] item B

      more text

      1. item a
      2. itemb
      3. item c
    • [X] item C
  • item 2
  • item 3

Dictionary(定义列表)

 
Dictionary : item 1 item 2 item 3" data-snippet-id="ext.26f40575d95a3620f74df96b1757ced0" data-snippet-saved="false" data-codota-status="done">最后生成的代码相当于html中的 <dl> <dt> <dd> Dictionary : item 1 item 2 item 3
Dictionary
item 1

item 2

item 3

Blocks(块区)

通过空格的缩进来创建块区

    This is a block.

    This is more of a block.
This is a block.

This is more of a block.

Block Quotes(引用块区)

通过 > 或 >> 符号来创建引用块区

> This is a block quote
>> How does it look?
   I think it looks good.

This is a block quote.

How does it look?

I think it looks good.

Fenced Block(语法支持的区块)

``

// Fenced without highlighting

function doIt() {

for (var i = 1; i <= slen ; i^^) {

settimeout(“document.z.textdisplay.value = newMake()”, i*300);

setTimeout(“window.status = newMake()”, i*300);

}

}

​“`

javascript // Fenced **with** highlighting function doIt() { for (var i = 1; i <= slen ; i^^) { setTimeout("document.z.textdisplay.value = newMake()", i*300); setTimeout("window.status = newMake()", i*300); } } ​" data-snippet-id="ext.e7921cffdb364dd92163ce166b1e6ddb" data-snippet-saved="false" data-codota-status="done">JavaScript

// Fenced **with** highlighting

function doIt() {

for (var i = 1; i <= slen ; i^^) {

setTimeout("document.z.textdisplay.value = newMake()", i*300);

setTimeout("window.status = newMake()", i*300);

}

}

““`

print prettyprinted" data-original-code="// Fenced **without** highlighting
function doIt() {
    for (var i = 1; i <= slen ; i^^) {
        setTimeout("document.z.textdisplay.value = newMake()", i*300);
        setTimeout("window.status = newMake()", i*300);
    }
}" data-snippet-id="ext.8cb7306dfbf833d54cd30098aaaf8511" data-snippet-saved="false" data-codota-status="done">// Fenced **without** highlighting
function doIt() {
    for (var i = 1; i <= slen ; i^^) {
        setTimeout("document.z.textdisplay.value = newMake()", i*300);
        setTimeout("window.status = newMake()", i*300);
    }
}
// Fenced **with** highlighting
function doIt() {
    for (var i = 1; i <= slen ; i^^) {
        setTimeout("document.z.textdisplay.value = newMake()", i*300);
        setTimeout("window.status = newMake()", i*300);
    }
}

Tables(表格)

其中每一行的长度最好保持一致
默认情况下: ------------- 表示居左对齐
            :-------------- :表示居中对齐,: 号需紧挨 | 号
             -----------------:表示居右对齐,: 号需紧挨 | 号
表格内可以嵌套行内符号

| _colors_      | Fruits          | Vegetable         |
| ------------- |:-------------- :| -----------------:|
| Red           | *APPle*         | [Pepper](#Tables) |
| ~~Orange~~    | Oranges         | **Carrot**        |
| Green         | ~~***Pears***~~ | Spinach           |
Colors Fruits Vegetable
Red Apple Pepper
Orange Oranges Carrot
Green ***Pears*** Spinach

Smart Strong(智能强调)

如果 __ 符号没有按照标准书写空格,则表示不需要强调

Text with double__underscore__words.

__Strong__ still works.

__this__works__too__

Text with double__underscore__words.

Strong still works.

this__works__too

Smarty(聪明人)

"double quotes"

'single quotes'

da--sh

elipsis...

“double quotes”

‘single quotes’

da–sh

elipsis…

Attribute List(样式属性定义)

Normal Text

Modified Text
{style="font-weight:bold;font-size:2.5em;"}

Normal Text

Modified Text

{style=”font-weight:bold;font-size:2.5em;”}

Admonition(警告)

其中 !!! attention、!!! Hint、!!! Caution、!!! Danger、!!! Question、!!! Note是固定组合,后面接内容
需要控制好各层级的缩进

!!! Attention "Success!"
    You can use inline ~~stuff~~ markup too!

!!! Hint "Info!"
    - Here is some info.
    - And some more

!!! Caution "Warning!"
    - [X] Make sure you turn off the stove
    - [X] Don't run with scissors

!!! Danger "alert!"
    You really need to read [this](#admonition)!

!!! Question "Question?"
    Are you serious?

!!! Note "Note"
    :smile:

    > Not all markup can be placed in these boxes, but you can fit all sorts
      of things in them. But you will notice that the styles don't always play
      nice with each other.  Additional CSS could fix this though.

    Stuff like _this_ works too.

    | _Colors_      | Fruits          | Vegetable    |
    | ------------- |:---------------:| ------------:|
    | Red           | *Apple*         | Pepper       |
    | ~~Orange~~    | Oranges         | **Carrot**   |
    | Green         | ~~***Pears***~~ | Spinach      |

!!! Unknown "Title"
    Default class style

!!! Attention “Success!”

You can use inline stuff markup too!

!!! Hint “Info!”

- Here is some info.

- And some more

!!! Caution “Warning!”

- [X] Make sure you turn off the stove

- [X] Don’t run with scissors

!!! Danger “Alert!”

You really need to read this!

!!! Question “Question?”

Are you serious?

!!! Note “Note”

:smile:

> Not all markup can be placed in these boxes, but you can fit all sorts
  of things in them. But you will notice that the styles don't always play
  nice with each other.  Additional CSS could fix this though.

Stuff like _this_ works too.

| _Colors_      | Fruits          | Vegetable    |
| ------------- |:---------------:| ------------:|
| Red           | *Apple*         | Pepper       |
| ~~Orange~~    | Oranges         | **Carrot**   |
| Green         | ~~***Pears***~~ | Spinach      |

!!! Unknown “Title”

Default class style

Github Emoji(Github表情包)

This is a test for emoji :smile:.  The emojis are images linked to github assets :octocat:.

People

:+1::-1::alien::angel::anger::angry::anguished::astonished::baby::blue_heart::blush::boom::bow::bowtie::boy::bride_with_veil::broken_heart::bust_in_silhouette::busts_in_silhouette::clap::cold_sweat::collision::confounded::confused::construction_worker::cop::couple::couple_with_heart::couplekiss::cry::crying_cat_face::cupid::dancer::dancers::dash::disappointed::disappointed_relieved::dizzy::dizzy_face::droplet::ear::exclamation::expressionless::eyes::facepunch::family::fearful::feelsgood::feet::finnadie::fire::fist::flushed::frowning::fu::girl::goberserk::godmode::green_heart::grey_exclamation::grey_question::grimacing::grin::grinning::guardsman::haircut::hand::hankey::hear_no_evil::heart::heart_eyes::heart_eyes_cat::heartbeat::heartpulse::hurtrealbad::hushed::imp::information_desk_person::innocent::japanese_goblin::japanese_ogre::joy::joy_cat::kiss::kissing::kissing_cat::kissing_closed_eyes::kissing_heart::kissing_smiling_eyes::laughing::lips::love_letter::man::man_with_gua_pi_mao::man_with_turban::mask::massage::metal::muscle::musical_note::nail_care::neckbeard::neutral_face::no_good::no_mouth::nose::notes::ok_hand::ok_woman::older_man::older_woman::open_hands::open_mouth::pensive::persevere::person_frowning::person_with_blond_hair::person_with_pouting_face::point_down::point_left::point_right::point_up::point_up_2::poop::pouting_cat::pray::princess::punch::purple_heart::question::rage::rage1::rage2::rage3::rage4::raised_hand::raised_hands::raising_hand::relaxed::relieved::revolving_hearts::runner::running::satisfied::scream::scream_cat::see_no_evil::shit::skull::sleeping::sleepy::smile::smile_cat::smiley::smiley_cat::smiling_imp::smirk::smirk_cat::sob::sparkles::sparkling_heart::speak_no_evil::speech_balloon::star::star2::stuck_out_tongue::stuck_out_tongue_closed_eyes::stuck_out_tongue_winking_eye::sunglasses::suspect::sweat::sweat_drops::sweat_smile::thought_balloon::thumbsdown::thumbsup::tired_face::tongue::triumph::trollface::two_hearts::two_men_holding_hands::two_women_holding_hands::unamused::v::walking::wave::weary::wink::woman::worried::yellow_heart::yum::zzz:

Nature

:ant::baby_chick::bear::bee::beetle::bird::blossom::blowfish::boar::bouquet::bug::cactus::camel::cat::cat2::cherry_blossom::chestnut::chicken::cloud::cow::cow2::crescent_moon::crocodile::cyclone::deciduous_tree::dog::dog2::dolphin::dragon::dragon_face::dromedary_camel::ear_of_rice::earth_africa::earth_americas::earth_asia::elephant::evergreen_tree::fallen_leaf::first_quarter_moon::first_quarter_moon_with_face::fish::foggy::four_leaf_clover::frog::full_moon::full_moon_with_face::globe_with_meridians::goat::hamster::hatched_chick::hatching_chick::herb::hibiscus::honeybee::horse::koala::last_quarter_moon::last_quarter_moon_with_face::leaves::leopard::maple_leaf::milky_way::monkey::monkey_face::moon::mouse::mouse2::mushroom::new_moon::new_moon_with_face::night_with_stars::ocean::octocat::octopus::ox::palm_tree::panda_face::partly_sunny::paw_prints::penguin::pig::pig2::pig_nose::poodle::rabbit::rabbit2::racehorse::ram::rat::rooster::rose::seedling::sheep::shell::snail::snake::snowflake::snowman::squirrel::sun_with_face::sunflower::sunny::tiger::tiger2::tropical_fish::tulip::turtle::umbrella::volcano::waning_crescent_moon::waning_gibbous_moon::water_buffalo::waxing_crescent_moon::waxing_gibbous_moon::whale::whale2::wolf::zap:

Objects

:8ball::alarm_clock::apple::art::athletic_shoe::baby_bottle::balloon::bamboo::banana::bar_chart::baseball::basketball::BATh::bathtub::battery::beer::beers::bell::bento::bicyclist::bikini::birthday::black_joker::black_nib::blue_book::bomb::book::bookmark::bookmark_tabs::books::boot::bowling::bread::briefcase::bulb::cake::calendar::calling::camera::candy::card_index::cd::chart_with_downwards_trend::chart_with_upwards_trend::cherries::chocolate_bar::christmas_tree::clapper::clipboard::closed_book::closed_lock_with_key::closed_umbrella::clubs::cocktail::coffee::computer::confetti_ball::cookie::corn::credit_card::crown::crystal_ball::curry::custard::dango::dart::date::diamonds::dollar::dolls::door::doughnut::dress::dvd::e-mail::egg::eggplant::electric_plug::email::envelope::envelope_with_arrow::euro::eyeglasses::fax::file_folder::fireworks::fish_cake::fishing_pole_and_fish::flags::flashlight::flipper::floppy_disk::flower_playing_cards::football::footprints::fork_and_knife::fried_shrimp::fries::game_die::gem::ghost::gift::gift_heart::golf::grapes::green_apple::green_book::guitar::gun::hamburger::hammer::handbag::headphones::hearts::high_brightness::high_heel::hocho::honey_pot::horse_racing::hourglass::hourglass_flowing_sand::ice_cream::icecream::inbox_tray::incoming_envelope::iPhone::jack_o_lantern::jeans::key::kimono::lantern::ledger::lemon::lipstick::lock::lock_with_ink_pen::lollipop::loop::loud_sound::loudspeaker::low_brightness::mag::mag_right::mahjong::mailbox::mailbox_closed::mailbox_with_mail::mailbox_with_no_mail::mans_shoe::meat_on_bone::mega::melon::memo::microphone::microscope::Minidisc::money_with_wings::moneybag::mortar_board::mountain_bicyclist::movie_camera::musical_keyboard::musical_score::mute::name_badge::necktie::newspaper::no_bell::notebook::notebook_with_decorative_cover::nut_and_bolt::oden::open_book::open_file_folder::orange_book::outbox_tray::package::page_facing_up::page_with_curl::pager::paperclip::peach::pear::pencil::pencil2::phone::pill::pineapple::pizza::postal_horn::postbox::pouch::poultry_leg::pound::purse::pushpin::radio::ramen::ribbon::rice::rice_ball::rice_cracker::rice_scene::ring::rugby_football::running_shirt_with_sash::sake::sandal::santa::satellite::saxophone::school_satchel::scissors::scroll::seat::shaved_ice::shirt::shoe::shower::ski::smoking::snowboarder::soccer::sound::space_invader::spades::spaghetti::sparkle::sparkler::speaker::stew::straight_ruler::strawberry::surfer::sushi::sweet_potato::swimmer::syringe::tada::tanabata_tree::tangerine::tea::telephone::telephone_receiver::telescope::tennis::toilet::tomato::tophat::triangular_ruler::trophy::tropical_drink::trumpet::tshirt::tv::unlock::vhs::video_camera::video_game::violin::watch::watermelon::wind_chime::wine_glass::womans_clothes::womans_hat::wrench::yen:

Places

:aerial_tramway::airplane::ambulance::anchor::articulated_lorry::atm::bank::barber::beginner::bike::blue_car::boat::bridge_at_night::bullettrain_front::bullettrain_side::bus::busstop::car::carousel_horse::checkered_flag::church::circus_tent::city_sunrise::city_sunset::cn::construction::convenience_store::crossed_flags::de::department_store::es::european_castle::european_post_office::factory::ferris_wheel::fire_engine::fountain::fr::fuelpump::gb::helicopter::hospital::hotel::hotSprings::house::house_with_garden::it::izakaya_lantern::japan::japanese_castle::jp::kr::light_rail::love_hotel::minibus::monorail::mount_fuji::mountain_cableway::mountain_railway::moyai::office::oncoming_automobile::oncoming_bus::oncoming_police_car::oncoming_taxi::performing_arts::police_car::post_office::railway_car::rainbow::red_car::rocket::roller_coaster::rotating_light::round_pushpin::rowboat::ru::sailboat::school::ship::slot_machine::speedboat::stars::station::statue_of_liberty::steam_locomotive::sunrise::sunrise_over_mountains::suspension_railway::taxi::tent::ticket::tokyo_tower::tractor::traffic_light::train::train2::tram::triangular_flag_on_post::trolleybus::truck::uk::us::vertical_traffic_light::warning::wedding:

Symbols

:100::1234::a::ab::abc::abcd::accept::aquarius::aries::arrow_backward::arrow_double_down::arrow_double_up::arrow_down::arrow_down_small::arrow_forward::arrow_heading_down::arrow_heading_up::arrow_left::arrow_lower_left::arrow_lower_right::arrow_right::arrow_right_hook::arrow_up::arrow_up_down::arrow_up_small::arrow_upper_left::arrow_upper_right::arrows_clockwise::arrows_counterclockwise::b::baby_symbol::back::baggage_claim::ballot_box_with_check::bangbang::black_circle::black_large_square::black_medium_small_square::black_medium_square::black_small_square::black_square_button::cancer::capital_abcd::capricorn::chart::children_crossing::cinema::cl::clock1::clock10::clock1030::clock11::clock1130::clock12::clock1230::clock130::clock2::clock230::clock3::clock330::clock4::clock430::clock5::clock530::clock6::clock630::clock7::clock730::clock8::clock830::clock9::clock930::congratulations::cool::copyright::curly_loop::currency_exchange::customs::diamond_shape_with_a_dot_inside::do_not_litter::eight::eight_pointed_black_star::eight_spoked_asterisk::end::fast_forward::five::four::free::gemini::hash::heart_decoration::heavy_check_mark::heavy_pision_sign::heavy_dollar_sign::heavy_exclamation_mark::heavy_minus_sign::heavy_multiplication_x::heavy_plus_sign::id::ideograph_advantage::information_source::interrobang::keycap_ten::koko::large_blue_circle::large_blue_diamond::large_orange_diamond::left_luggage::left_right_arrow::leftwards_arrow_with_hook::leo::libra::link::m::mens::metro::mobile_phone_off::negative_squared_cross_mark::new::ng::nine::no_bicycles::no_entry::no_entry_sign::no_mobile_phones::no_pedestrians::no_smoking::non-potable_water::o::o2::ok::on::one::ophiuchus::parking::part_alternation_mark::passport_control::pisces::potable_water::put_litter_in_its_place::radio_button::recycle::red_circle::registered::repeat::repeat_one::restroom::rewind::sa::sagittarius::scorpius::secret::seven::shipit::signal_strength::six::six_pointed_star::small_blue_diamond::small_orange_diamond::small_red_triangle::small_red_triangle_down::soon::sos::symbols::taurus::three::tm::top::trident::twisted_rightwards_arrows::two::u5272::u5408::u55b6::u6307::u6708::u6709::u6e80::u7121::u7533::u7981::u7a7a::underage::up::vibration_mode::virgo::vs::wavy_dash::wc::wheelchair::white_check_mark::white_circle::white_flower::white_large_square::white_medium_small_square::white_medium_square::white_small_square::white_square_button::womens::x::zero:

Neseted Fences(嵌套区块)

““

```
This will still be parsed
as a normal indented code block.
```

This will still be parsed

as a fenced code block.

  • This is a list that contains multiple code blocks.

    • Here is an indented block

      ```
      This will still be parsed
      as a normal indented code block.
      ```
      
    • Here is a fenced code block:

      This will still be parsed
      as a fenced code block.
      blockquotes?
      Not a problem!

““

```
This will still be parsed
as a normal indented code block.
```
This will still be parsed
as a fenced code block.
  • This is a list that contains multiple code blocks.

    • Here is an indented block

      ```
      This will still be parsed
      as a normal indented code block.
      ```
      
    • Here is a fenced code block:

      This will still be parsed
      as a fenced code block.
      Blockquotes?
      Not a problem!

UML Flow Charts(UML流程图)

““

需要在sublime text3中安装Markdown Preview插件,同时开启对于 uml 的支持。

方法如下:1. 安装Markdown Preview

2. 打开 Sublime的 Perferences -> Package settings -> Markdown Preview -> Setting - User,输入:{“enable_uml”: true,}

​“`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…

st->op1->cond

cond(yes)->io->e

cond(no)->sub1(right)->op1

​“`

““

Created with Raphaël 2.1.2StartMy OperationYesor No?catch something...EndMy Subroutineyesno

UML Sequence Diagrams(UML时序图)

​```sequence

Title: Here is a title

A->B: Normal line

B-->C: Dashed line

C->>D: Open arrow

D-->>A: Dashed open arrow

​```

Created with Raphaël 2.1.2Here is a titleAABBCCDDNormal lineDashed lineOpen arrowDashed open arrow


  1. This is a footnote

    [^label]: A footnote on “label”

    [^!DEF]: The footnote for definition ↩

相关阅读

markdown语法之表格

最初的MarkDown并没有规定表格格式。但是由于GitHub Flavored MarkDown和markdown-it等实现都支持这种表格形式,本文也将简介这一

Atom - 介绍和使用方法(好用的文本编辑器,代码提示高亮

一,Atom介绍Atom 是 Github 开源的文本编辑器,这个编辑器完全是使用Web技术构建的(基于Node-Webkit)。启动速度快,提供很多常用功

RichEditor——一款基于RecyclerView实现的富文本编辑

前言 对于富文本编辑器的实现,首先我们肯定会想到实现的编辑器需要支持的几个必要特性: 1.涉及大量文字,图片,文字样式的

分享到:

栏目导航

推荐阅读

热门阅读