轻松学会使用 Markdown

2017-09-14  本文已影响0人  White枫

a. 六级标题

1、在标题文字前面加上 # 号来表示这是几级标题,# 号与文字之间用一个空格分割。
2、文章的题目可以使用一级标题,其他部分的标题可以使用二级标题或其他多级标题。

首先,标题有以下六级

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

样式效果如下:

一级标题

二级标题

三级标题

四级标题

五级标题
六级标题

b. 常用的文本样式

1.加粗

在要加粗的文本左右加上两个星号或者两个下划线,文字与标记之间不要有空格。

**加粗样式1**
__加粗样式2__

样式效果如下:

加粗样式1
加粗样式2

2.斜体

在要倾斜的文本左右加上一个星号或者一个下划线,文字与标记之间不要有空格。

*倾斜样式1*
_倾斜样式2_

样式效果如下:

倾斜样式1
倾斜样式2

3.加粗斜体

一个加粗是两个星号(下划线),一个斜体是一个星号(下划线),那么加粗又倾斜就直接相加,即加粗倾斜就是三个星号(下划线)。

***加粗斜体1***
___加粗斜体2___

样式效果如下:

加粗斜体1
加粗斜体2

4.删除文本线

在要删除的文本左右加上两个波浪线

~~删除文本线~~

样式效果如下:

删除文本线

5.分割线

文档中,每个部分之间,我们可以用分割线来分开,使文档层次更加清晰,只需要在一行中使用三个或者三个以上的短分割杠。

---

样式效果如下:


6.换行

7.引用

虽然说这个标记是引用一些话,但也可以有其他的使用,比如在文档开始,用作一些说明,在文档末尾加上一些总结,这都是可以的,引用的标记就是一个大于号。

>创作你的创作 ——简书

样式效果如下:

创作你的创作 ——简书


c. 代码

程序员在写文档中,经常有贴代码的需求,Markdown 中有可以语法高亮的代码标记,行内的代码用一对反引号(键盘上ESC下面的)包围,代码块用一对三个的反引号包围,并且还可以加上代码所属的语言。

这是一个Html段落标签 `<p></p>`

```java
System.out.println("Hello, world!");
```

排版效果如下:

这是一个Html段落标签 <p></p>

console.log("Hello World!");

d. 列表

1.无序列表

列表使我们的文档更有层次,比如文档的目录,只需要 使用一个短分割杠即可产生无序列表,并且可以多级嵌套,产生多级列表,注意每一级的缩进。

- C语言
- C++
- Java

- 编程语言
- C语言
- 入门
- 进阶
- C++
- Java

排版效果如下:

  • C语言
  • C++
  • Java
  • 编程语言
    • C语言
      • 入门
      • 进阶
    • C++
    • Java

2.有序列表

有序列表直接使用数字,数字之间可以不按顺序,但产生的确实按序排列的列表,同时和无序列表一样,也可以产生多级列表。

  1. HTML
  2. CSS
  3. JavaScript

排版效果如下:

  1. HTML
  2. CSS
  3. JavaScript

3.表格

表格在 Markdown 中是用竖线和短横线拼成的,如下所示:

| 表格示例
|:-

排版效果如下:

表格示例

| 表格示例
|:-:

文字居中排版效果如下:

表格示例

| 表格示例
|-:

文字居右排版效果如下:

表格示例

完整表格示例
| 水果 | 单价 | 数量
|:- |:-: |-:
| 苹果 | 4元/斤 | 10
| 香蕉 | 3元/斤 | 10
| 桃子 | 2.5元/斤 | 10

排版效果如下:

水果 单价 数量
苹果 4元/斤 10
香蕉 3元/斤 10
桃子 2.5元/斤 10

e.链接和图片

1.链接

把链接放在一对尖括号中,就可以使链接变成网址链接,简书的Markdown好像直接可以贴链接。
http://www.jianshu.com/
http://www.jianshu.com/

样式效果如下:

http://www.jianshu.com/

把文字放在一对中括号中,后面紧跟一对小括号,括号里面放链接,标记符号一定要是英文半角的。

[简书](http://www.jianshu.com/)

样式效果如下:

简书

鼠标放上去后,会有对这个链接的说明,只需要在链接后面加上说明文字即可。

[简书](http://www.jianshu.com/ "创作你的创作")

样式效果如下:

简书

2.图片

图片的标记和链接的很像,只需要在文字链接的前面加一个感叹号,中括号里面写图片的名称,后面的括号内写上图片的链接地址或者路径,在简书里面可以直接在编辑区粘贴一张图片,即可自动上传,生成图片标记。

![单身狗](https://img.haomeiwen.com/i2985807/fee476feb07ff189.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

样式效果如下:


单身狗

f.其他

1.转义标记

如果你不想让 Markdown 的标记生效,可以在标记字符前加上一个反斜杠,即可将标记字符转义为普通字符,两个反斜扛使反斜扛也变成普通字符,类似与编程语言中的转义字符。

\### 无效的三级标题

2.公式

Markdown 还可以编写复杂的公式,不过在简书上是不支持的,有兴趣的可以上网搜索相关资料。

上一篇下一篇

猜你喜欢

热点阅读