您的位置 首页 php

写了三天,Markdown全网最全入门和进阶教程,这次你肯定能学会

Markdown 是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档。

有什么用或者你为什么需要学习Markdown,这些我不再赘述,今天只为让你快速入门

快速入门

  • 首先你需要知道Markdown能做很多事
  • 支持的软件有很多,在线编辑也不少,只选择一款好用的,适合你的
  • 快速掌握书写基本语法
  • 书写技巧技能扩展提升
  • 通过实例快速掌握
a86d03658bdb4666ba78147d976e7b94

作品展示

下面两张图片能够看出Markdown能做的事情有很多

b2877fff908044e58ae8a21806214969

423a461a2016444cacfea6abe3062bf4

Markdown能做什么

ff2ec5dee4cf474881553aa1ac4b6770

如何找到书写Markdown的平台

在线平台:StackEdit最好用的:#

软件客户端:Typora:兼容Windows 和MAC平台

下载链接:

以下所有的操作均在Typora软件中操作。

Markdown基本语法:

1、添加标题

通过添加#号来添加标题,一个#号表示增加一级,最多支持6级标题

# 这是一级标题## 这是二级标题### 这是三级标题#### 这是四级标题##### 这是五级标题###### 这是六级标题 
f2757de13eb6426da2edb84f5ae22673

2、字体

这是加粗的文字

**这是加粗的文字**

*这是倾斜的文字*`

***这是斜体加粗的文字***

~~这是加删除线的文字~~

5493ab469dad46189c71c29d47dd54c4

3、列表:

无序列表:

无序列表用 – + * 任何一种都可以,注意:- + * 跟内容之间都要有一个空格

- 列表内容+ 列表内容* 列表内容 
6422e88daa094f7d883215fe2e3fdf90

有序列表:

数字加点,个人觉得这个最好记忆,和平时做列表没有区别

516dd31a07dd488a8e3c569f240009c5

列表嵌套:

上一级和下一级之间敲三个空格即可,你可以混合使用,有序列表和无序列表的方法

 一级无序列表内容 - 二级无序列表内容 - 二级无序列表内容 - 二级无序列表内容- 一级无序列表内容 1. 二级有序列表内容 2. 二级有序列表内容 3. 二级有序列表内容1. 一级有序列表内容 - 二级无序列表内容 - 二级无序列表内容 - 二级无序列表内容2. 一级有序列表内容 1. 二级有序列表内容 2. 二级有序列表内容 3. 二级有序列表内容 
2b4de09820f04a7eb4dede38ca4f312e

5、表格:

Markdown 制作表格使用 | 来分隔不同的单元格,使用 – 来分隔表头和其他行。

对齐方式

  • -: 设置内容和标题栏居右对齐。
  • :- 设置内容和标题栏居左对齐。
  • :-: 设置内容和标题栏居中对齐。

注意:

– 有一个就行,多写几个是为了对齐

原生语法要求两边都要带 | ,但我们可以省略,采取便捷的书写方法:

| 表头 | 表头 || ---- | ---- || 单元格 | 单元格 || 单元格 | 单元格 |表头|表头|表头-|--|---内容|内容|内容内容|内容|内容表头|表头|表头:-:|:--:|---:内容|内容|内容内容|内容|内容 
02cdbf892521444aacd5ea2a613d92de

6、段落

如何区分不同的段落,最简单的就是隔开一个空行,也可以是使用两个以上空格加上回车。

e6f7f105b34040b1adffcf98453acd1c

7、分割线:

你可以在一行中用三个以上的星号、 减号 、底线来建立一个分隔线,行内不能有其他东西。你也可以在星号或是减号中间插入空格。下面每种写法都可以建立:

**** * *- - ----------- 
a7a57a64aecb438a9d1fabeb30cc158a

8、删除线:

如果段落上的文字要添加删除线,只需要在文字的两端加上两个波浪线 ~~ 即可

这是一串文字~~这是一串文字~~ 
45d21d11960c448ab397bc35270bbbf6

9、下划线

下划线可以通过 HTML 的 <u> 标签来实现:

<u>下划线</u>

b55d55f690204722a5b26ea13bd62ee9

10、脚注

语法:[^要注明的文本]

创建脚注格式类似这样 [^RUNOOB]

97109380bf7c46cea7ecf3e650262bb3

11、链接

语法:1:[链接名称](链接地址) 2:<链接地址>

百度网址链接:[百度](百度网址链接< 
c0e626b9435749a9ab1ce8af1ab2aff3

链接也可以用变量来代替,文档末尾附带变量地址:

百度网址链接:[百度][baidu][baidu]: 
228e54edb3d74292b9b2366d39e33bd4

12、 区块 和引用

Markdown 区块引用是在段落开头使用 > 符号 ,然后后面紧跟一个 空格 符号:

> 最外层> > 第一层嵌套> > >第二层嵌套> > > >第三层嵌套 
1ac1a6611d4e40459c93ad2f53b10fae

和列表嵌套引用:

> 最外层> * sdfa> + asf> > 第一层嵌套> > 1.asdf> > 2.sdfgrag> > >第二层嵌套> > >1.gghfsth> > >2.hsdfhth> > >* dsgadrgar> > >>第三层嵌套 
6106534ae792425493023d1a03c4fbe3

13、插入代码

4中方法:

  1. 如果只有一行的代码:代码之间分别用一个反 引号 包起来
  2. 如果是多行,可以用4个空格
  3. 如果是多行可以用一个 制表符(Tab 键)
  4. 如果是多行代码,代码之间分别用三个反引号包起来,且两边的反引号单独占一行
`printf()` 函数``` function fun(){ echo "这是一句非常牛逼的代码"; } fun();``` function fun(){ echo "这是一句非常牛逼的代码"; } fun(); 
4b00ecec54f94096acc5903c266f346a

14、插入图片:

语法:

  • 开头一个感叹号 !
  • 接着一个方括号,里面放上图片的替代文字
  • 接着一个普通括号,里面放上图片的网址,最后还可以用引号包住并加上选择性的 ‘title’ 属性的文字。

![alt 属性文本](图片地址)

![alt 属性文本](图片地址 “可选标题”)

![RUNOOB 图标]("中秋佳节") 
50d2073cc6da4b14b9a09a7a98cebcfc

注意如果你写完后发现源代码链接仍然看得见,需要在代码和图片之间插入一个空行

26ae7067609f4616b6b3f91024a16cf8

和插入链接一样,你也可以使用变量来代替图片链接:

然后在文档的结尾位变量赋值(网址)

这个链接用 1 作为网址变量 [RUNOOB][1].[1]:  

进阶技巧:

Markdown兼容HTML语法,所以我们可以使用HTML标签来设置

1、高亮显示

在“(两个反引号)之间的文字会被高亮显示

`GitHub`现在成了主流,不仅提供`Git`代码托管(取代SVN)、`Issue`追踪(取代JIRA) 
e6d9c28b63f24d86aab3a7fc0f8098da

2、字体-字号-颜色-背景色

  • face 表示字体;
  • color 表示颜色,可取十六进制的值;
  • size 表示字号,但是要注意取值范围是 1 – 7,浏览器的默认值是 3;
  • bgcolor 表示背景颜色,需借助 table, tr, td 等表格标签来使用;
<font face=" 微软雅黑 ">我是微软雅黑</font>颜色是<font color=red>红色</font>字号为<font color=#0099ff size=7>7号</font><table><tr><td bgcolor=orange>背景色是:orange</td></tr></table> 
6852e308cf244c03bddc23b898ce2fcb

3、调整图片大小:

图片居中可以使用 <div> 标签加 align 属性来控制,图片宽高则用 width 和 height 来控制。

<div align="center"><img width="60" height="80" src=""/></div> 
70c7dda4ab8e44159d47b27beca74f36

4、 表格单元格 里换行

在表格单元格里换行用 HTML 里的 <br /> 实现。

| Header1 | Header2 || ------- | ------------------------------------- || item 1 | 1\. one<br /> 2\. two<br /> 3\. three | 
a919523d37944cfe8b9e6d718b7eedbf

5、插入数学公式:

详细教程:

在线编辑器:

  1. 行内公式 用 $ 开头结尾:$x – y$ 展示为 x y
  2. $x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}$$ 展示为
8f0bebd0192b4e898e41614f8959a075

3. 除法 用 \frac

$\frac ab$ 展示为

214aacee4c9a40f0bfe1e31e208fa7b3

6、转义

Markdown 支持以下这些符号前面加上反斜杠来帮助插入普通的符号:

\ 反斜线` 反引号* 星号_ 下划线{} 花括号[] 方括号() 小括号# 井字号+ 加号- 减号. 英文句点! 感叹号 

高级技能:流程图:

官方学习网址:#/

sequenceDiagram participant Alice participant Bob Alice->>John: Hello John, how are you? loop Healthcheck John->>John: Fight against hypochondria end Note right of John: Rational thoughts <br/>prevail! John-->>Alice: Great! John->>Bob: How about you? Bob-->>John: Jolly good! 
b0019a34c3ae4d39895e243ec4e4dde8

总结:

MarkDown是什么?

MarkDown是一种轻量级标记语言,创始人为约翰·格鲁伯(John Gruber)。它允许人们“使用易读易写的纯文本格式编写文档。MarkDown从推出至今已吸引了大量的粉丝,如大家经常用的为知笔记、简书、和开发者爱好的GitHub以及国内的CSDN等,都对MarkDown提供了支持。

PS.因为它的优点很多,目前也被越来越多的写作爱好者,撰稿者广泛使用。看到这里大家不要被「标记」、「语言」所迷惑。其实,Markdown 的语法十分简单。常用的标记符号也不超过十个,这种相对于更为复杂的HTML 标记语言来说,Markdown 可谓是十分轻量的,学习成本也不需要太多,且一旦熟悉这种语法规则,会有一劳永逸的效果。

为什么选择MarkDown ?

Markdown 用简洁的语法代替排版,而不像一般我们用的文字处理软件 Word 或 Pages 有大量的排版、字体设置。它使我们专心于码字,用「标记」语法,来代替常见的排版格式。

PS.在刚才的导语里提到Markdown可以让你专注写作内容:不再纠结字体、标题大小、行间距等等版式问题,而是专注于文章内容本身的编写。这种让写作人专注于文章的内容而不是其华丽的外表的特点,也是我喜欢用MarkDown的原因。

使用 Markdown 的优点

  • 专注你的文字内容而不是排版样式。
  • 轻松的导出 HTML、PDF 和本身的 .md 文件。
  • 纯文本内容,兼容所有的文本编辑器与文字处理软件。
  • 可读,直观。是个适合所有人的写作语言。

文章来源:智云一二三科技

文章标题:写了三天,Markdown全网最全入门和进阶教程,这次你肯定能学会

文章地址:https://www.zhihuclub.com/44091.shtml

关于作者: 智云科技

热门文章

网站地图