Mixed
8 Sep 2017

markDown简要语法及sublimeText插件安装

设置sublime text 为markDown编辑器

  1. Shift + Ctrl + P
  2. Package Control
  3. Markdown Preview 、Markdown Editing 、auto-save

设置快捷键

  1. 点击 Preferences –> 选择 Key Bindings User
  2. 输入： { "keys": ["alt+m"], "command": "markdown_preview", "args": {"target": "browser", "parser":"markdown"} }
  3. 快捷键：Alt + M 就可以直接在浏览器中预览生成的HTML文件

浏览器自动刷新

  1. 在md文件最下面加入一行： 
      ##  <meta http-equiv="refresh" content="1">

  2. 最后一行的刷新代码之上打几个占空间的行：每一行之前放一个字符#或者打三个以上的减号表示分割线

  3. Preference->Package Settings->Auto-save-> 打开Settings-Defualt和Settings-User
    "auto_save_delay_in_seconds": 0.5,

markDown 简要语法

  1. 一些 HTML 区块元素如 <div><table><pre><p> 等标签，必须在前后加上空行与其它内容区隔开，开始标签与结尾标签不能用制表符或空格来缩进 
    <table>
    <tr>
        <td>Foo</td>
    </tr>
</table>

区块元素

标题

最高阶标题
=============

第二阶标题
-------------
任何数量的 = 和 - 都可以有效果

# 这是 H1

## 这是 H2

###### 这是 H6

区块引用

第一行或每一行 加上 >

区块引用可以嵌套,根据层次加上不同数量的 > ：

区块内也可以使用其他的 Markdown 语法，包括标题、列表、代码区块等

第二个区块

列表

Markdown 支持有序列表和无序列表。

无序列表使用星号(*)、加号(+)或是减号(-)作为列表标记：

  • Red
  • Green
    有序列表则使用数字接着一个英文句点：
  1. Bird
  2. McHale
  3. Parish

列表项目间用空行分开，在输出 HTML 时 Markdown 就会将项目内容用 <p> 标签包起来：

*   Bird
*   Magic

会被转换为：

<ul>
<li>Bird</li>
<li>Magic</li>
</ul>

但是这个：

*   Bird

*   Magic

会被转换为：

<ul>
<li><p>Bird</p></li>
<li><p>Magic</p></li>
</ul>

列表项目可以包含多个段落，每个项目下的段落都必须缩进 4 个空格或是 1 个制表符：

如果要在列表项目内放进引用，那 > 就需要缩进：

*   A list item with a blockquote:

    > This is a blockquote
    > inside a list item.

如果要放代码区块的话，该区块就需要缩进两次，也就是 8 个空格或是 2 个制表符：

*   一列表项包含一个列表区块：

        <代码写在这>
1986\. What a great season.

代码区块

要在 Markdown 中建立代码区块:缩进 4 个空格或是 1 个制表符

这是一个普通段落：

    这是一个代码区块。

Markdown 会转换成：

<p>这是一个普通段落：</p>

<pre><code>这是一个代码区块。
</code></pre>

在代码区块里面， & 、 < 和 > 会自动转成 HTML 实体，这样的方式让你非常容易使用 Markdown 插入范例用的 HTML 原始码，只需要复制贴上，再加上缩进就可以了，剩下的 Markdown 都会帮你处理，例如：

<div class="footer">
  &copy; 2004 Foo Corporation
</div>

会被转换为：

<pre><code>&lt;div class="footer"&gt;
    &amp;copy; 2004 Foo Corporation
&lt;/div&gt;
</code></pre>

分隔线

用三个以上的星号、减号、底线来建立一个分隔线

* * *
***
*****
- - -
---------------------------------------

链接

1.行内式的链接
This is [an example](http://example.com/ "Title") inline link.
链接到同样主机的资源
See my [About](/about/) page for details
参考式的链接是在链接文字的括号后面再接上另一个方括号，而在第二个方括号里面要填入用以辨识链接的标记
This is [an example][id] reference-style link
文件任意处
[id]: http://example.com/ "Optional Title Here"
链接内容定义的形式为
[foo]: http://example.com/ "Optional Title Here"
[foo]: http://example.com/ 'Optional Title Here'
[foo]: http://example.com/ (Optional Title Here)
链接网址也可以用方括号包起来
[id]: "Optional Title Here"
链接辨别标签可以有字母、数字、空白和标点符号，但是并不区分大小写

I get 10 times more traffic from [Google] [1] than from
[Yahoo] [2] 

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

强调

*single asterisks*
**double asterisks**

会转成：

<em>single asterisks</em>
<strong>double asterisks</strong>

如果要在文字前后直接插入普通的星号或底线，你可以用反斜线
\*this text is surrounded by literal asterisks\*

代码

标记一小段行内代码，用反引号把它包起来（`）

Use the `printf()` function

在代码区段内插入反引号，你可以用多个反引号来开启和结束代码区段：

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

在代码区段内，& 和方括号都会被自动地转成 HTML 实体，这使得插入 HTML 原始码变得很容易，Markdown 会把下面这段：

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

转为：

<p>Please don't use any <code><blink></code> tags.</p>

可以这样写：

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

以产生：

<p><code>&amp;#8212;</code> is the decimal-encoded
equivalent of <code>&amp;mdash;</code>.</p>

图片

  1. 行内式： 
     ![Alt text](/path/to/img.jpg)
 ![Alt text](/path/to/img.jpg "Optional title")
  2. 参考式： 
    ![Alt text][id]
[id]: url/to/image  "Optional title attribute"

其它

反斜杠:插入一些在语法中有其它意义的符号，例如：如果你想要用星号加在文字旁边的方式来做出强调效果（但不用 <em> 标签），你可以在星号的前面加上反斜杠
\*literal asterisks\*
Markdown 支持以下这些符号前面加上反斜杠来帮助插入普通的符号：

\   反斜线
`   反引号
*   星号
_   底线
{}  花括号
[]  方括号
()  括弧
#   井字号
+   加号
-   减号
.   英文句点
!   惊叹号

自动链接

<http://example.com/>
糊弄一些不好的邮址收集机器人
<address@example.com>

Tags: