一小时自学 Markdown


由于本人博客是刚搭建起来的，而且在后续的搭建过程中会用到很多技术以及知识，所以就用到什么便写一些什么。本博客由jekyll搭建。用到标记语言markdown。在此写一点markdown的自学资料。文志

Markdown是一种可以使用普通文本编辑器编写的标记语言，通过类似HTML的标记语法，它可以使普通文本内容具有一定的格式。

用途

Markdown的语法简洁明了、学习容易，而且功能比纯文本更强，因此有很多人用它写博客。世界上最流行的博客平台WordPress和大型CMS如Joomla、Drupal都能很好的支持Markdown。完全采用Markdown编辑器的博客平台有Ghost和Typecho。

###好用的编辑器

OSX

Byword
Mou

Linux

ReText
UberWrite

Windows

MarkdownPad
Mou

Chrome浏览器插件

MaDe

以上为一些常用的编辑器，另外还有很多哟。详见 10 款流行的Markdown编辑器

废话少说 快看语法（方框里的是源码 下边的是效果哟）

1.图片

1
![Mou icon](http://25.io/mou/Mou_128.png) \[Mou icon](http://25.io/mou/Mou_128.png)

Mou icon

2.加粗 倾斜

1
2
3
4
5
6
**strong** or __strong__ ( Cmd + B )
*emphasize* or _emphasize_ ( Cmd + I )
**Sometimes I want a lot of text to be bold.
Like, seriously, a _LOT_ of text**

Mou, the missing Markdown editor for web developers.
Sometimes I want a lot of text to be bold.
Like, seriously, a LOT of text

3.另一个源的块引用 Blockquotes

1
2
> Right angle brackets > are used for block quotes.  
`

Right angle brackets > are used for block quotes.

4.链接 和 邮箱

1
2
3
4
5
6
7
8
9
10
An email <example@example.com> link.
Simple inline link <http://chenluois.com>, another inline link [Smaller](http://25.io/smaller/), one more inline link with title [Resize](http://resizesafari.com "a Safari extension").
A [reference style][id] link. Input id, then anywhere in the doc, define the link with corresponding id:
[id]: http://25.io/mou/ "Markdown editor on Mac OS X"
Titles ( or called tool tips ) in the links are optional.
`

An email example@example.com link.

Simple inline link http://chenluois.com, another inline link Smaller, one more inline link with title Resize.

A reference style link. Input id, then anywhere in the doc, define the link with corresponding id:

Titles ( or called tool tips ) in the links are optional.

5.图片

1
2
3
4
5
An inline image ![Smaller icon](http://25.io/smaller/favicon.ico "Title here"), title is optional.
A ![Resize icon][2] reference style image.
[2]: http://resizesafari.com/favicon.ico "Title"

An inline image Smaller icon, title is optional.

A Resize icon reference style image.

6.行内样式和块样式

1
Inline code are surround by `backtick` key. To create a block code:

Indent each line by at least 1 tab, or 4 spaces.
var Mou = exactlyTheAppIwant;

1
2
3
4
5
6
```
Inline code are surround by `backtick` key. To create a block code:
  Indent each line by at least 1 tab, or 4 spaces.
    var Mou = exactlyTheAppIwant; 
#### 7.有序列表

有序列表使用： “1.” + Space:

  1. Ordered list item
  2. Ordered list item
  3. Ordered list item
    1
    2
    3
    4
    5
    1. Ordered list item
    2. Ordered list item
    3. Ordered list item
    #### 8.无序列表

无序列表使用： “*” + Space:

  • Unordered list item
  • Unordered list item
  • Unordered list item

或者使用： “-“ + Space:

  • Unordered list item
  • Unordered list item
  • Unordered list item
    1
    2
    3
    4
    5
    6
    7
    8
    9
    * Unordered list item
    * Unordered list item
    * Unordered list item 
    #### 9.换行
    在文本最后换行, called `<br />` in HTML. ( Control + Return )  文本最后输入两个空格  
    #### 10.水平线

Three or more asterisks or dashes:

*

1
2
3
4
5
6
7
***
---
- - - -
#### 11.标题

Setext-style:

This is H1

This is H2

atx-style:

This is H1

This is H2

This is H3

This is H4

This is H5
This is H6
1
2
3
4
5
6
7
8
9
10
11
12
# This is H1
## This is H2
### This is H3
#### This is H4
##### This is H5
###### This is H6
#### 12.中横线

Wrap with 2 tilde characters:

Strikethrough

1
2
3
4
~~Strikethrough~~
#### 13.表格

A simple table looks like this:

First Header Second Header Third Header
Content Cell Content Cell Content Cell
Content Cell Content Cell Content Cell

If you wish, you can add a leading and tailing pipe to each line of the table:

First Header Second Header Third Header
Content Cell Content Cell Content Cell
Content Cell Content Cell Content Cell

Specify alignment for each column by adding colons to separator lines:

First Header Second Header Third Header
Left Center Right
Left Center Right 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
<table>
  <tr>
    <th>First Header</th>
    <th>Second Header</th>
    <th>Third Header</th>
  </tr>
  <tr>
    <td align="center">Content Cell</td>
    <td align="center">Content Cell</td>
    <td align="center">Content Cell</td>
  </tr>
  <tr>
    <td align="center">Content Cell</td>
    <td align="center">Content Cell</td>
    <td align="center">Content Cell</td>
  </tr>
</table>
<table>
  <tr>
    <th>First Header</th>
    <th>Second Header</th>
    <th>Third Header</th>
  </tr>
  <tr>
    <td align="left">Content Cell</td>
    <td align="center">Content Cell</td>
    <td align="right">Content Cell</td>
  </tr>
  <tr>
    <td align="left">Content Cell</td>
    <td align="center">Content Cell</td>
    <td align="right">Content Cell</td>
  </tr>
</table>
#### 14.快捷键
##### view
* Toggle live preview: Shift + Cmd + I
* Toggle Words Counter: Shift + Cmd + W
* Toggle Transparent: Shift + Cmd + T
* Toggle Floating: Shift + Cmd + F
* Left/Right = 1/1: Cmd + 0
* Left/Right = 3/1: Cmd + +
* Left/Right = 1/3: Cmd + -
* Toggle Writing orientation: Cmd + L
* Toggle fullscreen: Control + Cmd + F
##### Actions
* Copy HTML: Option + Cmd + C
* Strong: Select text, Cmd + B
* Emphasize: Select text, Cmd + I
* Inline Code: Select text, Cmd + K
* Strikethrough: Select text, Cmd + U
* Link: Select text, Control + Shift + L
* Image: Select text, Control + Shift + I
* Select Word: Control + Option + W
* Select Line: Shift + Cmd + L
* Select All: Cmd + A
* Deselect All: Cmd + D
* Convert to Uppercase: Select text, Control + U
* Convert to Lowercase: Select text, Control + Shift + U
* Convert to Titlecase: Select text, Control + Option + U
* Convert to List: Select lines, Control + L
* Convert to Blockquote: Select lines, Control + Q
* Convert to H1: Cmd + 1
* Convert to H2: Cmd + 2
* Convert to H3: Cmd + 3
* Convert to H4: Cmd + 4
* Convert to H5: Cmd + 5
* Convert to H6: Cmd + 6
* Convert Spaces to Tabs: Control + [
* Convert Tabs to Spaces: Control + ]
* Insert Current Date: Control + Shift + 1
* Insert Current Time: Control + Shift + 2
* Insert entity <: Control + Shift + ,
* Insert entity >: Control + Shift + .
* Insert entity &: Control + Shift + 7
* Insert entity Space: Control + Shift + Space
* Insert Scriptogr.am Header: Control + Shift + G
* Shift Line Left: Select lines, Cmd + [
* Shift Line Right: Select lines, Cmd + ]
* New Line: Cmd + Return
* Comment: Cmd + /
* Hard Linebreak: Control + Return
##### Edit
* Auto complete current word: Esc
* Find: Cmd + F
* Close find bar: Esc
##### Post
* Post on Scriptogr.am: Control + Shift + S
* Post on Tumblr: Control + Shift + T
##### Export
* Export HTML: Option + Cmd + E
* Export PDF:  Option + Cmd + P
#### 15.页脚

That’s some text with a footnote.[^1]

[^1]: And that’s the footnote.
```
That’s some text with a footnote.[^1]

[^1]: And that’s the footnote.

赏

谢谢你请我吃糖果

支付宝
微信

扫一扫，分享到微信

微信分享二维码

tag:

    缺失模块。
    1、请确保node版本大于6.2
    2、在博客根目录（注意不是yilia根目录）执行以下命令：
    npm i hexo-generator-json-content --save

    3、在根目录_config.yml里添加配置： 

      jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: false
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true

袁从灏 <br/>Love life, love technology.