markdown常用方法

2016-04-16  本文已影响25人  Molary

1.代码的实现

在代码的前面加4个空格,在代码的上下文字和代码相距一行

使用**4个** *空格* 或**1个** *制表符* (Tab)缩进来表示**代码区块**,它们将被<pre>和<code>标签包裹起来,在代码区块里面的&<和>会自动转成 HTML 实体:

gem sources --remove https://rubygems.org/
gem sources -a https://ruby.taobao.org/

文字中添加代码 `字符`(简短文字添加代码框)页面效果如下:

文字中添加代码 字符(简短文字添加代码框)代码效果如下

2.标题

标题(h1~h6)可使用相应个数的#来生成,如下面的代码将会生成h3:

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

实现效果

一级标题#

二级标题##

三级标题###

四级标题####

五级标题#####

六级标题

3.粗体斜体
1个或_包围起来的文字将会被<em>标签包围:
2个**或_包围起来的文字将会被<strong>标签包围:
如果你的 * 和 _ 两边都有空白的话,它们就只会被当成普通的符号。

**粗体**
__粗体__
*斜体*
_斜体_

页面实现效果:
粗体
粗体
斜体
斜体

4.删除文字,分割线
在一行内使用3个以上的*-或_来建立 分隔线 (


),行内除此之外不能有其它内容:
---
***
~~文字删除线~~

页面效果



文字删除线

5.层级
使用+-来表示无序列表<ul>:
使用
数字*紧跟一个 英文句点 .来表示有序列表ol:

- 无序列表项目
- 无序列表项目
- 无序列表项目

* 无序列表项目
* 无序列表项目
* 无序列表项目

1. 有序列表项目
2. 有序列表项目
3. 有序列表项目

- 外层列表项目 
  + 内层列表项目 
  + 内层列表项目 
  + 内层列表项目
- 外层列表项目
  1. 有序列表项目
  2. 有序列表项目
  3. 有序列表项目

5.添加表格

| ABCD | EFGH | IJKL |
| -----|:----:| ----:|
| a | b | c |
| d | e | f |
| g | h | i |

ABCD | EFGH | IGKL
-----|------|----
a | b | c
d | e | f
g | h | i
ABCD EFGH IJKL
a b c
d e f
g h i
ABCD EFGH IGKL
a b c
d e f
g h i

6.引用
使用>作为段落前缀来标识引用文字段落。这其实是 email 中标记引用文字的标准方式:

> 引用的文字
> 引用的文字
> 引用的文字

引用的文字
引用的文字
引用的文字

引用的文字引用的文字引用的文字引用的文字引用的文字引用的文字引用的文字引用的文字引用的文字引用的文字引用的文字引用的文字引用的文字引用的文字引用的文字

引用的文字引用的文字引用的文字引用的文字引用的文字

引言内的引言引言内的引言引言内的引言
引用的文字引用的文字引用的文字引用的文字引用的文字

7.添加连接

显示链接

<test@domain.com>

test@domain.com

隐式连接

  I get 10 times more traffic from [Google][] than from
  [Yahoo][] or [MSN][].

  [google]: http://google.com/        "Google"
  [yahoo]:  http://search.yahoo.com/  "Yahoo Search"
  [msn]:    http://search.msn.com/    "MSN Search"

I get 10 times more traffic from Google than from
Yahoo or MSN.

8.小型文本

<small>文本内容</small>

<small>文本内容</small>

9.被1个*或_包围起来的文字将会被<em>标签包围:

备注:
参考文章:
http://www.jianshu.com/p/21d355525bdf
http://www.oschina.net/question/100267_75314

上一篇 下一篇

猜你喜欢

热点阅读