开发者社区> 乌龟哥哥> 正文

markdown语法图文介绍

简介: markdown的排版格式固定且比较美观,大部分博主都会使用markdown进行博客文章的编辑,今天给大家介绍一下markdown语法的使用
+关注继续查看

Markdown是什么

Markdown是一种轻量级标记语言,它以纯文本形式(易读、易写、易更改)编写文档,并最终以HTML格式发布。
Markdown也可以理解为将以MARKDOWN语法编写的语言转换成HTML内容的工具。

Overview

它由Aaron Swartz和John Gruber共同设计,Aaron Swartz于2013年1月11日自杀,有着开挂一般人生经历的程序员。维基百科对他的介绍是:软件工程师作家政治组织者互联网活动家维基百科人
他有着足以让你跪拜的人生经历:

  • 14岁参与RSS 1.0规格标准的制订。
  • 2004年入读斯坦福,之后退学。
  • 2005年创建Infogami,之后与Reddit合并成为其合伙人。
  • 2010年创立求进会(Demand Progress),积极参与禁止网络盗版法案(SOPA)活动, 最终该提案被撤回。
  • 2011年7月19日,因被控从MIT和JSTOR下载480万篇学术论文并以免费形式上传于网络被捕。
  • 2013年1月自杀身亡。

在这里插入图片描述

基本构成

分段和换行

段落就是一个或多个连续的文本行。在markdown源代码中,段落由两个或多个空行分隔。你只需要一个空行(按“Enter”一次)来创建一个新的段落。

标题

在标题名称前面输入#号,可以创建标题
标题使用 1-6 级 (#) ,例如:

>
># 这是标题1
>##  这是标题2
>### 这是标题3
>####  这是标题4
>#####  这是标题5
>######  这是标题6

在这里插入图片描述

引用

Markdown使用电子邮件风格的>字符进行块引号。它们表现为:

> This is a blockquote with two paragraphs. This is first paragraph.
> This is second pragraph. Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.
> This is another blockquote with one paragraph. There is three empty line to seperate two blockquote.

在这里插入图片描述

在引号内容后面输入' > '将生成一个引号块

列表

输入 * list item 1 will create an unordered list - the * symbol can be replace with + or -.

Input 1. list item 1 will create an ordered list - their markdown source code is as follows:

## un-ordered list
*   Red
*   Green
*   Blue

## ordered list
1.  Red
2.     Green
3.    Blue

在这里插入图片描述

任务列表

任务列表是标记为 - [ ] 或 -[x] (不完整或已完成)的列表。例如:

- [ ] incomplete
- [x] completed

在这里插入图片描述

您可以通过单击项目前的复选框来更改完整/不完整状态。

代码高亮

输入 \`\`\` ,在 \`\`\` 后面添加语言名称:

样例:

inlcude<stdio.h>

int main()
{

printf("getup");

}

![在这里插入图片描述](https://img-blog.csdnimg.cn/20210129143250598.png)



### 数学公式

您可以使用**MathJax**渲染*LaTeX*数学表达式。

要添加一个数学表达式,输入' $$ '。这将触发一个接受*Tex/LaTex*源的输入字段。例如:

$$
\mathbf{V}_1 \times \mathbf{V}_2 =  \begin{vmatrix}
\mathbf{i} & \mathbf{j} & \mathbf{k} \\
\frac{\partial X}{\partial u} &  \frac{\partial Y}{\partial u} & 0 \\
\frac{\partial X}{\partial v} &  \frac{\partial Y}{\partial v} & 0 \\
\end{vmatrix}
$$


In the markdown source file, the math block is a *LaTeX* expression wrapped by a pair of ‘$$’ marks:

$$ \mathbf{V}_1 \times \mathbf{V}_2 = \begin{vmatrix} \mathbf{i} & \mathbf{j} & \mathbf{k} \\ \frac{\partial X}{\partial u} & \frac{\partial Y}{\partial u} & 0 \\ \frac{\partial X}{\partial v} & \frac{\partial Y}{\partial v} & 0 \\ \end{vmatrix} $$

![在这里插入图片描述](https://img-blog.csdnimg.cn/20210129143428734.png)

获取更多关于latex的信息 [点击此处](https://support.typora.io/Math/).

### 表格

输入 `|一级标题  | 二级标题 |` 创建表格

创建表之后,将焦点放在该表上将打开该表的工具栏,您可以在其中调整该表的大小、对齐或删除该表。您还可以使用上下文菜单复制和添加/删除单独的列/行。



In markdown source code, they look like:
First HeaderSecond Header
Content CellContent Cell
Content CellContent Cell
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210129143730173.png)

还可以在表中包括链接、粗体、斜体或删除线等内联标记。

最后,通过在标题行中包含冒号(':'),你可以定义该列中的文本为左对齐、右对齐或居中对齐:
Left-AlignedCenter AlignedRight Aligned
col 3 issome wordy text$1600
col 2 iscentered$12
zebra stripesare neat$1
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210129143923722.png)
最左边的冒号表示左对齐的列;最右边的冒号表示右对齐的列;两边的冒号表示列居中。

### 脚注

你可以在这里创建一个脚注1.

![在这里插入图片描述](https://img-blog.csdnimg.cn/20210129144254546.png)

### 划线

在空行中输入' *** '或'——'并按下' return '将绘制一条水平线。

------
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210129144519879.png)

### 前页眉

在文章顶部输入`---`,生成页眉

### 目录 (TOC)

输入`@[toc]`。这将创建一个“目录”部分。TOC从文档中提取所有的标题,当您向文档添加内容时,它的内容会自动更新。

## 行内元素
Span元素将在输入后立即解析和呈现。将光标移动到这些span元素的中间将把这些元素扩展为markdown源。下面是对每个span元素的语法解释。

### 链接

Markdown支持两种样式的链接:内联链接和引用链接。
在这两种样式中,链接文本都由[方括号]分隔。
要创建内联链接,请在链接文本的右方括号后紧接一组常规圆括号。在括号内,将URL放在你想要链接指向的地方,以及一个可选的链接标题,用引号括起来。例如:

This is an example inline link.

This link has no title attribute.

![在这里插入图片描述](https://img-blog.csdnimg.cn/20210129145247245.png)

这是 [样例](https://blog.csdn.net/qq_43475285 "Title") 超链接

[链接][(https://blog.csdn.net/qq_43475285](https://blog.csdn.net/qq_43475285)) 没有文本.
#### 网络连接

**Yo**你可以设置href为头文件**,这将创建一个书签,允许你在点击后跳转到该区域。例如:

`Ctrl` + Click [This link](https://blog.csdn.net/qq_43475285) 将会跳转到`Block Elements`.
#### 文献链接

引用样式的链接使用第二组方括号,你可以在其中放置一个你选择的标签来识别链接:

这是一个 样例 .

点击这里会跳转到下面写的网址中

![在这里插入图片描述](https://img-blog.csdnimg.cn/20210129145818139.png)



### 图片

图片和链接有相似的语法,但是它们需要额外的' !' char在链接开始前。插入图像的语法如下所示:

Alt text

Alt text

![在这里插入图片描述](https://img-blog.csdnimg.cn/20210129150201312.png)


### 强调

Markdown treats asterisks (`*`) and underscores (`_`) as indicators of emphasis. Text wrapped with one `*` or `_` will be wrapped with an HTML `<em>` tag. E.g:
Markdown把星号(“*”)和下划线(“_”)当作强调的标志。用' * '或' _ '包装的文本将被HTML`<em>`标签包装。例句:

强调

强调

![在这里插入图片描述](https://img-blog.csdnimg.cn/20210129152020530.png)

### 加粗
A double `*` or `_` will cause its enclosed contents to be wrapped with an HTML `<strong>` tag, e.g:

加粗

加粗


output:

**加粗**

__加粗__

### 删除线
GFM添加了创建删除线文本的语法,这在标准的Markdown中是缺失的。

`~~删除.~~` becomes ~~删除.~~
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210129152433125.png)

### 下划线


`<u>下划线</u>` 变成 <u>下划线</u>.
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210129152436105.png)

### Emoji 表情:smile:
`:smile:`

:smile:




### 高亮

使用' == '来换行突出显示内容。例如:“= =高亮= =”。

==高亮==

## HTML
您可以使用HTML来样式化纯Markdown不支持的内容。例如,使用`<span style="color:red">this text is red</span> `来添加带有红色的文本。

![在这里插入图片描述](https://img-blog.csdnimg.cn/2021012915330616.png)



### 视频

你可以使用 `<video>` 标签.例如:



[video(video-aqe6XB5W-1611905726753)(type-bilibili)(url-https://player.bilibili.com/player.html?aid=798325732)(image-https://ss.csdn.net/p?http://i0.hdslb.com/bfs/archive/49f4debee7e1c16ac119c9feaaf77e3bcc97b2fd.jpg)(title-)]


---

  1. 这段话自动生成 footnote. ?

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
阿里云服务器如何登录?阿里云服务器的三种登录方法
购买阿里云ECS云服务器后如何登录?场景不同,大概有三种登录方式:
9055 0
开发工具总结(5)之Markdown语法图文全面详解及其工具介绍
版权声明:本文为博主原创文章(少量文字参考他人博文,已加上引用说明),未经博主允许不得转载。https://www.jianshu.com/p/c0a2897ad4eb 转载请标明出处:https://www.jianshu.com/p/c0a2897ad4eb 本文出自 AWeiLoveAndroid的博客 【前言】写过博客或者github上面的文档的,应该知道Markdown语法的重要性,不知道的朋友们也别着急,一篇博客轻松搞定Markdown语法。
1516 0
阿里云ECS云服务器初始化设置教程方法
阿里云ECS云服务器初始化是指将云服务器系统恢复到最初状态的过程,阿里云的服务器初始化是通过更换系统盘来实现的,是免费的,阿里云百科网分享服务器初始化教程: 服务器初始化教程方法 本文的服务器初始化是指将ECS云服务器系统恢复到最初状态,服务器中的数据也会被清空,所以初始化之前一定要先备份好。
13758 0
阿里云服务器怎么设置密码?怎么停机?怎么重启服务器?
如果在创建实例时没有设置密码,或者密码丢失,您可以在控制台上重新设置实例的登录密码。本文仅描述如何在 ECS 管理控制台上修改实例登录密码。
19691 0
阿里云服务器如何登录?阿里云服务器的三种登录方法
购买阿里云ECS云服务器后如何登录?场景不同,云吞铺子总结大概有三种登录方式: 登录到ECS云服务器控制台 在ECS云服务器控制台用户可以更改密码、更换系统盘、创建快照、配置安全组等操作如何登录ECS云服务器控制台? 1、先登录到阿里云ECS服务器控制台 2、点击顶部的“控制台” 3、通过左侧栏,切换到“云服务器ECS”即可,如下图所示 通过ECS控制台的远程连接来登录到云服务器 阿里云ECS云服务器自带远程连接功能,使用该功能可以登录到云服务器,简单且方便,如下图:点击“远程连接”,第一次连接会自动生成6位数字密码,输入密码即可登录到云服务器上。
32718 0
阿里云服务器端口号设置
阿里云服务器初级使用者可能面临的问题之一. 使用tomcat或者其他服务器软件设置端口号后,比如 一些不是默认的,?mysql的 3306,?mssql的1433,有时候打不开网页, 原因是没有在ecs安全组去设置这个端口号. 解决: 点击ecs下网络和安全下的安全组 在弹出的安全组中,如果没有就新建安全组,然后点击配置规则 最后如上图点击添加...或快速创建. ? have?fun! ?将编程看作是一门艺术,而不单单是个技术。
17986 0
markdown的常用指令介绍
标题能显示出文章的结构;行首插入1-6个 # ,每增加一个 # 表示更深入层次的内容,对应到标题的深度由 1-6 阶。 # Header 1 : H1 - `# Header 1` ## Header 2 :H2 - `## Header 2` ### Header 3 :H3 - `##
1825 0
markdown的介绍学习
可读性,无论如何,都是最重要的;一份使用Markdown格式撰写的文件应该可以直接以纯文本发布,并且看起来不会像是由许多标签或是格式指令所构成;Markdown语法受到一些既有text-to-HTML格式的影响,包括Setext、atx、Textile、reStructuredText、Grutatext 和EtText,而最大灵感来源其实是纯文本电子邮件的格式。
2035 0
+关注
62
文章
1
问答
文章排行榜
最热
最新
相关电子书
更多
OceanBase 入门到实战教程
立即下载
阿里云图数据库GDB,加速开启“图智”未来.ppt
立即下载
实时数仓Hologres技术实战一本通2.0版(下)
立即下载
http://www.vxiaotou.com