Markdown是什么?Markdown语法大全-Markdown从入门到精通
Markdown是什么意思?Markdown是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档,然后转换成结构化的HTML(或者其他格式)。Markdown的语法包括标题、段落、列表、链接、图片、代码等元素的简单标记。
对比我们日常使用的Word文档,Markdown的优势在于,兼容性更强,编辑时无需特定的软件就能打开,与此同时,基于Markdown编辑排版的文档,经过渲染就能一键转为标准的富文本文档,格式不易错乱,整体使用体验更佳。
Markdown的优势
由于Markdown的轻量化、易读易写特性,并且对于图片,图表、数学式都有支持,许多网站都广泛使用 Markdown 来撰写帮助文档或是用于论坛上发表消息。如 GitHub、Reddit、Diaspora、Stack Exchange、OpenStreetMap 、SourceForge、简书、CSDN、知乎等,甚至还能被使用来撰写电子书。
[*]世界上最流行的博客平台WordPress和大型CMS如Joomla、Drupal都能很好的支持Markdown。完全采用Markdown编辑器的博客平台有Ghost和Typecho等。
[*]用于编写说明文档,以“README.md”的文件名保存在软件的目录下面。
[*]Markdown可以快速转化为演讲PPT、Word产品文档甚至是用非常少量的代码完成最小可用原型。
Markdown学习
Markdown标记语言其实很简单的,基本5分钟就能够入门,当你掌握了markdown来写文档后,你会发现你的文档格式统一了,而且相当的快,不用再担心格式问题,还能转换成不同的类似。
Markdown文档地址:https://www.markdownlang.com
Markdown发展历史
Markdown诞生的时间非常早,约翰·格鲁伯在2004年创造了Markdown语言,在语法上有很大一部分是跟亚伦·斯沃茨共同合作的。Markdown语言的目的是希望大家使用“易于阅读、易于撰写的纯文字格式,并选择性地转换成有效的XHTML(或是HTML)”。
其中最重要的设计是可读性,也就是说这个语言应该要能直接在字面上阅读,而不用记忆格式化指令标记(像是RTF与HTML)。
因此,Markdown是现行电子邮件标记格式的惯例,虽然它也借鉴了几个早期的标记语言,如:Setext、Textile (markup language)、reStructuredText。格鲁伯也编写了的Perl脚本:Markdown.pl,用于把Markdown语法编写的内容转换成有效的、结构良好的XHTML或HTML内容,并将左尖括号 引用文本>最外层> > 第一层嵌套> > > 第二层嵌套效果:
引用文本
最外层
第一层嵌套
第二层嵌套
# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题效果:
斜体文本
斜体文本
粗体文本
粗体文本
粗斜体文本
粗斜体文本
标记文本
删除文本
HTML元素
目前支持的HTML元素有: <b> <i> <em>
等
> 引用文本
>最外层
> > 第一层嵌套
> > > 第二层嵌套代码片```
链接
markdown
https://https://www.markdownlang.com/
图片
*斜体文本*
_斜体文本_
**粗体文本**
__粗体文本__
***粗斜体文本***
___粗斜体文本___
==标记文本==
~~删除文本~~图片:
带尺寸的图片:
宽度确定高度等比例的图片:
高度确定宽度等比例的图片:
居中的图片:
居中并且带尺寸的图片:
居右的图片:
列表
使用 <kbd>Ctrl</kbd>+<kbd>Alt</kbd>+<kbd>Del</kbd> 重启电脑
[*]无序列表
[*]项目
[*]项目
[*]有序列表
[*]项目2
[*]项目3
[*] 计划任务
[*] 完成任务
表格
图片: !(https://www.markdownlang.com/static/images/logo.svg)
带尺寸的图片: !(https://www.markdownlang.com/static/images/logo.svg =60x60)
宽度确定高度等比例的图片: !(https://www.markdownlang.com/static/images/logo.svg =60x)
高度确定宽度等比例的图片: !(https://www.markdownlang.com/static/images/logo.svg =x60)
居中的图片: !(https://www.markdownlang.com/static/images/logo.svg#pic_center)
居中并且带尺寸的图片: !(https://www.markdownlang.com/static/images/logo.svg#pic_center =60x60)
居右的图片: !(https://www.markdownlang.com/static/images/logo.svgg#pic_right)学生成绩张三80李四90王二95Column 1Column 2Column 2文本居左文本居中文本居右注脚和注释
- 无序列表
* 项目
+ 项目
1. 有序列表
2. 项目2
3. 项目3
- [ ] 计划任务
- 完成任务
插入UML图
学生 | 成绩
-- | --
张三| 80
李四| 90
王二| 95
| Column 1 | Column 2 | Column 2
|:--|:--:| --:|
|文本居左 |文本居中 |文本居右 | sequenceDiagram 张三 ->> 李四: 你好!李四, 最近怎么样? 李四-->>王五: 你最近怎么样,王五? 李四--x 张三: 我很好,谢谢! 李四-x 王五: 我很好,谢谢! Note right of 王五: 李四想了很长时间, 文字太长了
不适合放在一行. 李四-->>张三: 打量着王五... 张三->>王五: 很好... 王五, 你怎么样?插入甘特图
一个具有注脚的文本。[^1]
[^1]: 注脚的解释 gantt dateFormatYYYY-MM-DD title Adding GANTT diagram functionality to mermaid section 现有任务 已完成 :done, des1, 2014-01-06,2014-01-08 进行中 :active,des2, 2014-01-09, 3d 计划中 :des3, after des2, 5d插入Mermaid流程图
```mermaid
sequenceDiagram
张三 ->> 李四: 你好!李四, 最近怎么样?
李四-->>王五: 你最近怎么样,王五?
李四--x 张三: 我很好,谢谢!
李四-x 王五: 我很好,谢谢!
Note right of 王五: 李四想了很长时间, 文字太长了<br/>不适合放在一行.
李四-->>张三: 打量着王五...
张三->>王五: 很好... 王五, 你怎么样?
``` graph LR A[长方形] -- 链接 --> B((圆)) A --> C(圆角长方形) B --> D{菱形} C --> D插入Flowchart流程图
```mermaid
gantt
dateFormatYYYY-MM-DD
title Adding GANTT diagram functionality to mermaid
section 现有任务
已完成 :done, des1, 2014-01-06,2014-01-08
进行中 :active,des2, 2014-01-09, 3d
计划中 :des3, after des2, 5d
```
插入classDiagram类图
```mermaid
graph LR
A[长方形] -- 链接 --> B((圆))
A --> C(圆角长方形)
B --> D{菱形}
C --> D
```
转义
```mermaid
flowchat
st=>start: 开始
e=>end: 结束
op=>operation: 我的操作
cond=>condition: 确认?
st->op->cond
cond(yes)->e
cond(no)->op
```文本加粗
** 正常显示星号 **
Markdown 支持以下这些符号前面加上反斜杠来帮助插入普通的符号:
```mermaid
classDiagram
Class01 <|-- AveryLongClass : Cool
<<interface>> Class01
Class09 --> C2 : Where am i?
Class09 --* C3
Class09 --|> Class07
Class07 : equals()
Class07 : Object[] elementData
Class01 : size()
Class01 : int chimp
Class01 : int gorilla
class Class10 {
>>service>>
int id
size()
}
```数学公式(高级)
数学公式都用 $ $ 来表示, $$ $$ 表示独行并且居中。
$x+y$ : x + y x+yx+y
$$x+y$$ :
以下都用单个的 $ 进行举例。
数学符号
占位符
四则运算
逻辑运算
集合运算
高级运算
大写希腊字母
小写希腊字母
最后,如何你在使用markdown时,可以结合markdown在线编辑器 https://www.markdownlang.com/editor/
这样学下来比较快。
来源:程序园用户自行投稿发布,如果侵权,请联系站长删除
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作! 谢谢分享,辛苦了
页:
[1]