markdown的学习使用

2018-08-22  本文已影响0人  宅_猫

一、标题格式

代码↓

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

效果如下↓

一级标题

二级标题

三级标题

四级标题

五级标题
六级标题

总共有六级标题
#和标题之间加空格,这是标准的写法。

二、列表

在 Markdown 中,无序列表你只需要在文字前面加上 - ,
有序列表文字前加 1. 2. 3. 例如:

无序列表

代码↓:

- 列表1
- 列表2
- 列表3

效果↓:

有序列表

代码↓:

1. 列表1
2. 列表2
3. 列表3

效果↓:

  1. 列表1
  2. 列表2
  3. 列表3

三、链接&图片

链接

链接格式为 [文本](链接地址)
代码↓:

[百度](https://www.baidu.com/)

效果如下↓:
百度

图片

图片格式为 ![图片名称](链接地址),图片名称可为空。
代码↓:

![image.png](https://img.haomeiwen.com/i5140658/b29906f761a429a3.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

效果如下↓:


image.png

四、引用

写作时常用这个,在引用文字前加上这个 > 就行了。
代码↓:

>从此寻花问柳,闭口不谈一生厮守。 从此红灯绿酒,再也不想牵谁的手。 从此人海漂流,闭口不谈爱到白头。 从此单打独斗,再也不会彻夜泪流。

效果 ↓:

从此寻花问柳,闭口不谈一生厮守。 从此红灯绿酒,再也不想牵谁的手。 从此人海漂流,闭口不谈爱到白头。 从此单打独斗,再也不会彻夜泪流。

五、粗体&斜体

粗体语法

收尾用两个 * 包含一段文本,
代码↓:

**粗体**

效果↓:

粗体

斜体语法

收尾用一个 * 包含一段文本就是斜体的语法
代码↓:

*斜体*

效果↓:

斜体

六、代码引用

1.红色字体类效果(不同的平台兼容结果可能不同,都是为了显示代码)

如简书的效果


image.png

需要引用代码时,如果引用的语句只有一段,不分行,可以用 ` 将语句包起来。(是键盘 Esc下这个~键 ),如下
代码如下↓:

`hello,world `

效果如下↓:
hello,world

如果引用的语句为多行,可以将 ``` 置于这段代码的首行和末行
代码如下:

``` Love is one big illusion I should try to foreget,
Now you want me to forget the way you're kising,
You wer never satisfied .
That's why you go away I know .
Siting here all alone in the middle of nowhere.```

效果如如下

Love is one big illusion I should try to foreget,<br> Now you want me to forget the way you're kising,<br> You wer never satisfied . <br> That's why you go away I know .<br> Siting here all alone in the middle of nowhere.

2.深色背景框效果

该效果更突出,更常用,本文中就有大量应用。(不同的平台兼容结果可能不同,都是为了显示代码)
简书显示结果


image.png

有道云显示结果


image.png

实现该效果是将符号 ``` 换行后置于这段代码的首行的和末行

代码如下(为了代码不被编译,```中间我多了个空格,请忽略此空格):

` ``
Love is one big illusion I should try to foreget,
Now you want me to forget the way you're kising
` ``

七、换行

为了更兼容的实现效果,换行最好使符号<br>换行,代码如下:

内容<br>内容<br>

八、表格

相关代码:

| Tables        | Are           | Cool  |
| ------------- |:-------------:| -----:|
| col 3 is      | right-aligned | $1600 |
| col 2 is      | centered      |   $12 |
| zebra stripes | are neat      |    $1 |

效果如下:

Tables Are Cool
col 3 is right-aligned $1600
col 2 is centered $12
zebra stripes are neat $1

代码如下

dog | bird | cat
----|------|----
foo | foo  | foo
bar | bar  | bar
baz | baz  | baz

效果如下

dog bird cat
foo foo foo
bar bar bar
baz baz baz

更多待续……

上一篇 下一篇

猜你喜欢

热点阅读