Markdown 学习笔记

Markdown Tutorial

 Ling Lin     2016-12-11   1777 words    & views

从今天开始学习markdown 标记语言 ,希望不用花太长时间

什么是Markdown?

Markdown 是一种轻量级标记语言,目标是实现「易读易写」,就是简单好用容易学习。 Markdown可以理解为将用markdown语言编写的内容转换为HTML内容的工具。


为什么选择Markdown?

  • 可以兼容HTML,转化为HTML格式发布

  • 纯文本,兼容性极强,用所有编辑器都能打开

  • 专心码字,不用担心排版

  • 体现极简主义


Markdown 基本语法

1.标题

当文章层次比较多的时候,可以用标题分段。

在标题的前面加#,1-6个#代表一级标题-六级标题。

Markdown中:

# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题

效果:

一级标题

二级标题

三级标题

四级标题

五级标题
六级标题

注:在#与标题之间保持有一个字符的空格,这符合Markdown语法规则。

2.引用

可以在所引用的内容前面添加 >

> Hi, 我是一段引用内容

效果:

Hi, 我是一段引用内容

3.有序列表

书写语法: 数字 . 空格 内容

Markdown中:

1. 我是第一
2. 我是第二
3. 我是第三

效果:

  1. 我是第一
  2. 我是第二
  3. 我是第三

4.无序列表

书写语法是: 符号 空格 内容

Markdown中:

* 可以用`*`
- 可以用`-`
+ 还可以用`+`

效果:

  • 可以用*
  • 可以用-
  • 还可以用+

5.嵌套列表

如HTML 中的<ul><ol>标签

Markdown中:

1. 我的兴趣爱好
  + 旅游
  + 书法
2. 我爱的颜色
   1. 红色
   2. 蓝色

效果:

  1. 我的兴趣爱好
    • 旅游
    • 书法
  2. 我爱的颜色
    1. 红色
    2. 篮色

无序列表和有序列表可以互相嵌套使用

6.分割线

分割线其实就是HTML中的 <hr>

Markdown中:

3个`*`,`-`或者更多,看自己喜好吧

***
----

效果:



7.超链接

第一种:行内式

基本语法:[]()

在[]中输入链接文字,在()中输入链接地址,()中可以添加""输入title属性,随自己喜好加不加。

Markdown中:

[我的博客](http://linglinyp.com "欢迎来到我的博客")
[Google](http://www.google.com/)

效果:

我的博客

Google

第二种: 直接展示超链接

Markdown中:

<http://linglinyp.com>
<123@email.com>
Markdown 支持以比较简短的自动链接形式来处理网址和电子邮件信箱,用<>将链接包起来即可

效果:

http://linglinyp.com

123@email.com

8.强调

其实是实现了HTML 中<em><strong>标签对文本的强调

用一对星号*或者一对底线_来包围所需强调的文本(斜体)

Markdown中:

我的 *博客* 是用 *Jekyll*, _Github_ 搭建的

效果:

我的博客是用Jekyll, Github 搭建的

用一对双星号**来包围所需强调的文本(粗体)

Markdown中:

我的**博客**是用**Jekyll**,**Github**搭建的

效果:

我的博客是用JekyllGithub搭建的

注:星号与被强调文本间不要留空格

9.删除线

在要删除的文本前后加上~~

Markdown中:

很简单的~~删除线~~

效果:

很简单的删除线

10.图片

图片的插入方法与超链接的方法基本相同,但也有微妙不同。

基本语法: 一个 [](替代图片的文字) ()(里面是图片地址)

替代图片的文字就是当图片加载不出来的时候显示的文字部分。

Markdown 中:

![这是一张网络图片](http://www.misskatecuttables.com/uploads/shopping_cart/9169/med_cute-firework.png)
![这是一张本地图片](/img/in-post/sidebar_1.png)

效果:

这是一张网络图片

这是一张本地图片

结束了

感觉目前要用到的都学会了。之后遇到新的不会的再回来补充吧。