点滴MarkDown~

Chrome浏览器下可使用插件~ Minimalist Markdown Editor,可见即所得~so easy~~~

最近写微信公众号,晓春童鞋推荐 Markdown 编辑器~昨天聊天大概了解了下,今天系统下:

1. Markdown既不是工具也不是程序语言,而是一种轻量级的「标记语言」,是由约翰·格鲁伯(John Gruber)和亚伦·斯沃茨(Aaron Swartz)创建的。它允许人们使用纯文本格式编写文档,然后根据其中的标记转换成有效的XHTML(常用的就是HTML)文档。

2. 支持 Markdonw 语法的写作软件至少有两种模式,一种是写作模式,一种是预览模式。

预览模式会把你写的文字和标记解析成对应的 HTML,其中的版式效果通过软件内置的 CSS 进行渲染。

3. 语法:

 1)标题:

1 This is an H1
2 =============
3 
4 This is an H2
5 -------------

 或者 

# This is an H1

## This is an H2

###### This is an H6

 或者

# This is an H1 #

## This is an H2 ##

### This is an H3 ######

2)性感竖线分隔:blockquotes

> This is a blockquote with two paragraphs. Lorem ipsum dolor sit amet,
> consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus.
> Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.

> Donec sit amet nisl. Aliquam semper ipsum sit amet velit. Suspendisse
> id sem consectetuer libero luctus adipiscing.

效果如下(左代码右效果):


code block:(空格处理。)

> ## This is a header.

> 1.   This is the first list item.
> 2.   This is the second list item.

> Here's some example code:

>     return shell_exec("echo $input | $markdown_script"); 


效果如下:

 3)列表:lists

无序列表:

*   Red
*   Green
*   Blue

+   Red
+   Green
+   Blue

-   Red
-   Green
-   Blue

 效果:


 有序列表:

无空行、数字标号未按顺序。

1.  Bird
2.  McHale
3.  Parish
1.  Bird
1.  McHale
1.  Parish

 效果:


数字标号无顺序:

13. Bird
1. McHale
8. Parish

 效果:

 

无序+其他模块:

*   A list item with a blockquote:

    > This is a blockquote
    > inside a list item.

*   A list item with a code block:

        <code goes here>

 效果:


 转义字符:

1986. What a great season.

1986. What a great season.


1986. What a great season.

1986. What a great season.

 效果:

 

 4)水平分隔符

*       **

***

*****

- - -

---------------------------------------

 5)链接一、

This is [an example](http://example.com/ "Title") inline link.

[This link](http://example.net/) has no title attribute.

 效果:


链接二

I get 10 times more traffic from [Google] [1] than from
[Yahoo] [2] or [MSN] [3].

  [1]: http://google.com/        "Google"
  [2]: http://search.yahoo.com/  "Yahoo Search"
  [3]: http://search.msn.com/    "MSN Search"


效果:

6)着重Emphasis

*single asterisks*

_single underscores_

**double asterisks**

__double underscores__

 效果:

空格的出现对emphasis的影响:

un*frigging*believable
>
un *frigging* believable
>
un* frigging *believable

效果:


 以及转义字符处理。如上图。

7)code、code block

code:

Use the `printf()` function.

``There is a literal backtick (`) here.``

A single backtick in a code span: `` ` ``

A backtick-delimited string in a code span: `` `foo` ``

Please don't use any `<blink>` tags.

`—` is the decimal-encoded equivalent of `&mdash;`.

 效果:


 code block

This is a normal paragraph:

    This is a code block.


Here is an example of AppleScript:

    tell application "Foo"
        beep
    end tell

效果:

 

8)图片

![Alt text](/path/to/img.jpg)

![Alt text](/path/to/img.jpg "Optional title")


效果:

9)链接:

<http://example.com/>

<address@example.com>

 效果:

10)转义字符,依然有效~:

*literal asterisks*

   backslash
`   backtick
*   asterisk
_   underscore
{}  curly braces
[]  square brackets
()  parentheses
#   hash mark
+   plus sign
-   minus sign (hyphen)
.   dot
!   exclamation mark

 

效果:

*literal asterisks*
 
原文地址:https://www.cnblogs.com/hanyuxinting/p/4563133.html