找回密码
 立即注册
首页 业界区 安全 Markdown是什么?Markdown语法大全-Markdown从入门到精 ...

Markdown是什么?Markdown语法大全-Markdown从入门到精通

靛尊 前天 16:20
Markdown是什么意思?

Markdown是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档,然后转换成结构化的HTML(或者其他格式)。Markdown的语法包括标题、段落、列表、链接、图片、代码等元素的简单标记。
对比我们日常使用的Word文档,Markdown的优势在于,兼容性更强,编辑时无需特定的软件就能打开,与此同时,基于Markdown编辑排版的文档,经过渲染就能一键转为标准的富文本文档,格式不易错乱,整体使用体验更佳。
1.png

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内容,并将左尖括号 引用文本>  最外层> > 第一层嵌套> > > 第二层嵌套[/code]效果:
引用文本
最外层
第一层嵌套
第二层嵌套
  1. # 一级标题
  2. ## 二级标题
  3. ### 三级标题
  4. #### 四级标题
  5. ##### 五级标题
  6. ###### 六级标题
复制代码
效果:
斜体文本
斜体文本
粗体文本
粗体文本
粗斜体文本
粗斜体文本
标记文本
删除文本
HTML元素

目前支持的HTML元素有: <b> <i> <em>   
  1. > 引用文本
  2. >  最外层
  3. > > 第一层嵌套
  4. > > > 第二层嵌套
复制代码
代码片```
链接

markdown
https://https://www.markdownlang.com/
图片
  1. *斜体文本*
  2. _斜体文本_
  3. **粗体文本**
  4. __粗体文本__
  5. ***粗斜体文本***
  6. ___粗斜体文本___
  7. ==标记文本==
  8. ~~删除文本~~
复制代码
图片:
2.jpg

带尺寸的图片:
3.jpg

宽度确定高度等比例的图片:
4.jpg

高度确定宽度等比例的图片:
5.jpg

居中的图片:
6.jpg

居中并且带尺寸的图片:
7.jpg

居右的图片:
8.jpg

列表
  1. 使用 <kbd>Ctrl</kbd>+<kbd>Alt</kbd>+<kbd>Del</kbd> 重启电脑
复制代码

  • 无序列表

    • 项目

      • 项目



  • 有序列表
  • 项目2
  • 项目3


  • 计划任务
  • 完成任务
表格
  1. 图片: ![Alt](https://www.markdownlang.com/static/images/logo.svg)
  2. 带尺寸的图片: ![Alt](https://www.markdownlang.com/static/images/logo.svg =60x60)
  3. 宽度确定高度等比例的图片: ![Alt](https://www.markdownlang.com/static/images/logo.svg =60x)
  4. 高度确定宽度等比例的图片: ![Alt](https://www.markdownlang.com/static/images/logo.svg =x60)
  5. 居中的图片: ![Alt](https://www.markdownlang.com/static/images/logo.svg#pic_center)
  6. 居中并且带尺寸的图片: ![Alt](https://www.markdownlang.com/static/images/logo.svg#pic_center =60x60)
  7. 居右的图片: ![Alt](https://www.markdownlang.com/static/images/logo.svgg#pic_right)
复制代码
学生成绩张三80李四90王二95Column 1Column 2Column 2文本居左文本居中文本居右注脚和注释
  1. - 无序列表
  2.   * 项目
  3.     + 项目
  4. 1. 有序列表
  5. 2. 项目2
  6. 3. 项目3
  7. - [ ] 计划任务
  8. - [x] 完成任务
复制代码
9.png

插入UML图
  1. 学生 | 成绩
  2. -- | --
  3. 张三  | 80
  4. 李四  | 90
  5. 王二  | 95
  6. | Column 1 | Column 2 | Column 2  
  7. |:--|:--:| --:|
  8. |  文本居左 |  文本居中 |  文本居右 |
复制代码
sequenceDiagram        张三 ->> 李四: 你好!李四, 最近怎么样?        李四-->>王五: 你最近怎么样,王五?        李四--x 张三: 我很好,谢谢!        李四-x 王五: 我很好,谢谢!        Note right of 王五: 李四想了很长时间, 文字太长了
不适合放在一行.        李四-->>张三: 打量着王五...        张三->>王五: 很好... 王五, 你怎么样?插入甘特图
  1. 一个具有注脚的文本。[^1]
  2. [^1]: 注脚的解释
复制代码
gantt                dateFormat  YYYY-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流程图
  1.         ```mermaid
  2.         sequenceDiagram
  3.         张三 ->> 李四: 你好!李四, 最近怎么样?
  4.         李四-->>王五: 你最近怎么样,王五?
  5.         李四--x 张三: 我很好,谢谢!
  6.         李四-x 王五: 我很好,谢谢!
  7.         Note right of 王五: 李四想了很长时间, 文字太长了<br/>不适合放在一行.
  8.         李四-->>张三: 打量着王五...
  9.         张三->>王五: 很好... 王五, 你怎么样?
  10.         ```
复制代码
graph LR        A[长方形] -- 链接 --> B((圆))        A --> C(圆角长方形)        B --> D{菱形}        C --> D插入Flowchart流程图
  1.         ```mermaid
  2.         gantt
  3.                 dateFormat  YYYY-MM-DD
  4.                 title Adding GANTT diagram functionality to mermaid
  5.                 section 现有任务
  6.                 已完成               :done,    des1, 2014-01-06,2014-01-08
  7.                 进行中               :active,  des2, 2014-01-09, 3d
  8.          计划中               :des3, after des2, 5d
  9.         ```
复制代码
10.png

插入classDiagram类图
  1.         ```mermaid
  2.         graph LR
  3.         A[长方形] -- 链接 --> B((圆))
  4.         A --> C(圆角长方形)
  5.         B --> D{菱形}
  6.         C --> D
  7.         ```
复制代码
11.png

转义
  1.         ```mermaid
  2.         flowchat
  3.         st=>start: 开始
  4.         e=>end: 结束
  5.         op=>operation: 我的操作
  6.         cond=>condition: 确认?
  7.         st->op->cond
  8.         cond(yes)->e
  9.         cond(no)->op
  10.         ```
复制代码
文本加粗

** 正常显示星号 **
Markdown 支持以下这些符号前面加上反斜杠来帮助插入普通的符号:
  1.         ```mermaid
  2.         classDiagram
  3.             Class01 <|-- AveryLongClass : Cool
  4.             <<interface>> Class01
  5.             Class09 --> C2 : Where am i?
  6.                     Class09 --* C3
  7.             Class09 --|> Class07
  8.             Class07 : equals()
  9.             Class07 : Object[] elementData
  10.             Class01 : size()
  11.             Class01 : int chimp
  12.             Class01 : int gorilla
  13.             class Class10 {
  14.                 >>service>>
  15.                 int id
  16.                 size()
  17.             }
  18.         ```
复制代码
数学公式(高级)

数学公式都用 $ $ 来表示, $$ $$ 表示独行并且居中。
$x+y$ : x + y x+yx+y
$$x+y$$ :
以下都用单个的 $ 进行举例。
12.png

数学符号
13.png

占位符
14.png

四则运算
15.png

逻辑运算
16.png

集合运算
17.png

高级运算
18.png

大写希腊字母
19.png

小写希腊字母
20.png

最后,如何你在使用markdown时,可以结合markdown在线编辑器 https://www.markdownlang.com/editor/
这样学下来比较快。

来源:程序园用户自行投稿发布,如果侵权,请联系站长删除
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!

相关推荐

您需要登录后才可以回帖 登录 | 立即注册