MARKDOWN 示例 from Mou
前言
一篇博客要写的图文并茂,真的不是一件容易的事儿,尤其是像我这样毫无美感的理工男。 工欲善其事,必先利其器。 一个好的编辑器是必须的,windows下推荐Aton,mac就用Mou吧。
本文中的markdown的示例,来自Mou编辑器。能把这些基本的“融会贯通”,就够折腾一阵子了。
示例
# Mou

## 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 ,
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
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,
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 ,
title is optional.
A 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:
- Ordered list item
- Ordered list item
- 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 |
-
And that’s the footnote. ↩