Markdown怎么用?

Markdown语法,在普通的文本编辑时插入特定符号即可解析为有一定样式的页面,使用起来非常方便。下面介绍一下这些符号:

标题#

为减少解析难度Markdown语法的特殊符号一般都在行首生效
# 文本 在行首以#空格加文本 会被解析为标题 一个#会被解析为1号标题,如下:

文本

两个#空格加文本会被解析为2号标题,# 文本如下:

文本

最多可有6个#,因为标题就是1-6号

列表 -/*

无序列表

- 文本 -号空格文本 该文本会被解析为无序列表中的一项,多个项就构成一个无序列表,如下:

  • 文本
  • 文本
  • 文本

有序列表

1. 文本 数字加文本会被解析为有序列表的一项,多个项构成一个有序列表,如下:

  1. 文本
  2. 文本
  3. 文本

超链接

[超链接文本](超链接地址)[百度](http://www.baidu.com),效果如下:
百度

图片

[图片下载失败时显示的字符]![百度](https://upload-images.jianshu.io/upload_images/18116797-53632fc3861595d6.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
效果如下

  1. 成功加载


    18116797-9bb1df445e323552.png
  2. 图片下载失败显示百度

斜体粗体

*文本* **号中间的文本 被解析为斜体,效果如下:
文本
**文本** ** **中间的文本被解析为粗体,效果如下:
文本
***文本***左右三个*中间的文本被解析为粗体和斜体,效果如下:
文本

注意,*可以在行内使用

引用

>文本 >号后面的文本会被解析为引用,效果如下:

鲁迅说:真正的猛士敢于直面惨淡的人生和淋漓的鲜血

代码块

1行内代码块

左右使用1个反引号`(英文状态的~键)包含的文本将被解析为代码,如 `javascript` 解析效果如下:
有人说:javascript编程人员是真正的猛士

2多行代码块

使用三个反引号包含文本 ``` 多行文本 ```即可,如:

```
  var canvas = document.getElementById("kycanvas");
  var inputText = document.getElementById("inputText");
  var ctx = canvas.getContext("2d");
```

解析效果如下:

  var canvas = document.getElementById("kycanvas");
  var inputText = document.getElementById("inputText");
  var ctx = canvas.getContext("2d");

表格

|线包裹的四个列被解析为普通的文本
|columna|columnb|columnc|columnd|
如果在该列下加对应的一行|---|---|---|---|,这样写:
|columna|columnb|columnc|columnd|
|---|---|---|---|
上面的文本会被解析为表格,效果如下:

columna columnb columnc columnd

添加一行数据
|columna|columnb|columnc|columnd|
|---|---|---|---|
|列1的值|列2的值|列3的值|列4的值|
效果如下:

columna columnb columnc columnd
列1的值 列2的值 列3的值 列4的值

另外在|---|中输入:可以调节表格中格子内容的居中,以上面表格中的列1示例

1左对齐

|columna|columnb|columnc|columnd|
|:---|---|---|---|
|列1的值|列2的值|列3的值|列4的值|
效果如下:

columna columnb columnc columnd
列1的值 列2的值 列3的值 列4的值

2居中对齐

|columna|columnb|columnc|columnd|
|:---:|---|---|---|
|列1的值|列2的值|列3的值|列4的值|
效果如下:

columna columnb columnc columnd
列1的值 列2的值 列3的值 列4的值

3右对齐

|columna|columnb|columnc|columnd|
|---:|---|---|---|
|列1的值|列2的值|列3的值|列4的值|
效果如下:

columna columnb columnc columnd
列1的值 列2的值 列3的值 列4的值

注意,如果想显示n个反引号` 那么左右使用n+1个反引号`包含即可

`` ` ``,则解析为 `

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1、标题:用1~6个#既可 标题 :# 标题 标题2 :## 标题2 小标题 :#### 小标题 标题6 ...
    Nulll阅读 2,924评论 0 0
  • ORA-00001: 违反唯一约束条件 (.) 错误说明:当在唯一索引所对应的列上键入重复值时,会触发此异常。 O...
    我想起个好名字阅读 10,792评论 0 9
  • 官网 中文版本 好的网站 Content-type: text/htmlBASH Section: User ...
    不排版阅读 9,947评论 0 5
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,683评论 1 92
  • HTML 5 HTML5概述 因特网上的信息是以网页的形式展示给用户的,因此网页是网络信息传递的载体。网页文件是用...
    阿啊阿吖丁阅读 9,671评论 0 0