Tech-wxq393

一、Markdown

1、定义:

一个简单的标记语言,通过一些转换库可以将markdown和html进行互相转换

2、作用:

用来在网页上展示文章,省去排版布局的很多烦恼


二、Markdown语法

1、作用

如在简书写博客,Markdown语法的字符串提交到简书服务器保存起来,当打开页面时,Markdown的字符串就被后端语言转换成html,然后放到博客页面。博客页面里引入一些 CSS,会把丑陋的 HTML 变的好看适合阅读

2、基本语法=写文章

(1)展示标题: #
效果:

一级标题 h1


## 效果: ##二级标题 h2


### 效果:

三级标题 h3


#### 效果:

四级标题 h4


##### 效果:

五级标题 h5

(2)展示段落(直接写): 这是段落 p (3)展示无序列表: -

  • 无序列表

-

  • 无序列表

-

  • 无序列表

(4)展示有序列表:

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

(5)展示代码

```
javascript var a = 1 var b = 2
```

 

(6)展示单行代码

`var a = 1`

 

效果: 

var a = 1

 

(7)展示链接 [markdown中文教程](http://www.markdown.cn/) 效果: markdown中文教程

(8)展示图片 ![](http://jirengu.com/imgs/a.png)

(9)展示引用

>

 

效果:

引用

(10)展示表格

表头 表头
内容 内容
内容 内容

左对齐:

| 表头 | 表头 |

|.. --- | --- |

| 内容 | 内容 |

| 内容 | 内容 |

右对齐:

| 表头 | 表头 |

| --- ..| --- | | 内容 | 内容 | | 内容 | 内容 |

居中:

| 表头 | 表头 |

|.. --- ..| --- |

| 内容 | 内容 |

| 内容 | 内容 |

 

(11)展示加粗

**加粗**

效果: 加粗

*斜体*

效果: 斜体

(12)展示加粗斜体

***斜体*** 效果: 斜体


三、用Markdown来写文章

注意:尽量空格明显,避免不同平台Markdown的展示效果不同 在github上的.md文件上的展示:

图片1图片2图片3

 


四、总结:

掌握Markdown语法,轻量级去写更多你喜欢的纯文字文章.

最后,附上Markdown中文教程链接: markdown中文教程

好好学习,天天向上!!!

 

分类:

技术点:

相关文章:

  • 2021-10-28
  • 2021-12-29
  • 2021-12-10
  • 2022-12-23
  • 2021-06-15
  • 2021-12-02
  • 2021-11-30
  • 2021-12-12
猜你喜欢
  • 2022-02-02
  • 2021-08-22
  • 2018-02-05
  • 2021-10-30
  • 2022-01-07
  • 2021-10-04
  • 2022-12-23
相关资源
相似解决方案