MARKDOWN示例教程

简单够用就好

Posted by Tim on July 10, 2016

MARKDOWN 示例 from Mou

前言

一篇博客要写的图文并茂,真的不是一件容易的事儿,尤其是像我这样毫无美感的理工男。 工欲善其事,必先利其器。 一个好的编辑器是必须的,windows下推荐Aton,mac就用Mou吧。

本文中的markdown的示例,来自Mou编辑器。能把这些基本的“融会贯通”,就够折腾一阵子了。

示例


# Mou

![Mou icon](/img/post/7-10-markdown/Mou_128.png)

## Overview

**Mou**, the missing Markdown editor for *web developers*.

### Syntax

#### Strong and Emphasize

**strong** or __strong__  

*emphasize* or _emphasize_  

**Sometimes I want a lot of text to be bold.
Like, seriously, a _LOT_ of text**

#### Blockquotes

> Right angle brackets > are used for block quotes.

#### Links and Email

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.

#### Images

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"

#### Inline code and Block code

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;

####  Ordered Lists

Ordered lists are created using "1." + Space:

1. Ordered list item
2. Ordered list item
3. Ordered list item

#### Unordered Lists

Unordered list are created using "*" + Space:

* Unordered list item
* Unordered list item
* Unordered list item

Or using "-" + Space:

- Unordered list item
- Unordered list item
- Unordered list item

#### Hard Linebreak

End a line with two or more spaces will create a hard linebreak,
called `
` in HTML. Above line ended with 2 spaces. #### Horizontal Rules Three or more asterisks or dashes: *** --- - - - - #### Headers 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 ### Extra Syntax #### Footnotes Footnotes work mostly like reference-style links. A footnote is made of two things: a marker in the text that will become a superscript number; a footnote definition that will be placed in a list of footnotes at the end of the document. A footnote looks like this: That's some text with a footnote.[^1] [^1]: And that's the footnote. #### Strikethrough Wrap with 2 tilde characters: ~~Strikethrough~~ #### Fenced Code Blocks Start with a line containing 3 or more backticks, and ends with the first line with the same number of backticks: ``` Fenced code blocks are like Stardard Markdown’s regular code blocks, except that they’re not indented and instead rely on a start and end fence lines to delimit the code block. ``` #### Tables 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

Mou

Mou icon

Overview

Mou, the missing Markdown editor for web developers.

Syntax

Strong and Emphasize

strong or strong

emphasize or emphasize

Sometimes I want a lot of text to be bold.
Like, seriously, a LOT of text

Blockquotes

Right angle brackets > are used for block quotes.

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.

Images

An inline image Smaller icon,
title is optional.

A Resize icon reference style image.

Inline code and Block code

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;
 

Ordered Lists

Ordered lists are created using “1.” + Space:

  1. Ordered list item
  2. Ordered list item
  3. Ordered list item

Unordered Lists

Unordered list are created using “*” + Space:

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

Or using “-“ + Space:

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

Hard Linebreak

End a line with two or more spaces will create a hard linebreak,
called <br /> in HTML.
Above line ended with 2 spaces.

Horizontal Rules

Three or more asterisks or dashes:




Headers

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

Extra Syntax

Footnotes

Footnotes work mostly like reference-style links.
A footnote is made of two things:
a marker in the text that will become a superscript number;
a footnote definition that will be placed
in a list of footnotes at the end of the document.
A footnote looks like this:

That’s some text with a footnote.1

Strikethrough

Wrap with 2 tilde characters:

~~Strikethrough~~

Fenced Code Blocks

Start with a line containing 3 or more backticks,
and ends with the first line with the same number of backticks:

Fenced code blocks are like Stardard Markdown’s regular code
 blocks, except that they’re not indented and instead rely on
 a start and end fence lines to delimit the code block.
 

Tables

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. And that’s the footnote.