Markdown语法简介

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

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           |

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

​“`

““

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

​```

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.涉及大量文字，图片，文字样式的