教你如何在两小时内学会使用Markdown

最新推荐文章于 2024-09-09 23:43:17 发布

gusansheng

最新推荐文章于 2024-09-09 23:43:17 发布

阅读量180

点赞数 1

文章标签： markdown

本文链接：https://blog.csdn.net/gusansheng/article/details/103896601

版权

目标：学习使用Markdown

书写：文本，word，html(超文本标记语言)，ps……

说明：MD-MarkDown是一种非常轻量级的标记语言，它允许人们使用易读易写的纯文本格式编写文档。编写后的文档可以导出为html,word,图像,pdf,epub等多种格式的文档。

应用：电子书，笔记，博客，专业的技术文档等

编辑器：cutemarked/typora(http://typora.io)

测试是否支持：  
#你好  
（若支持则会自动变大）

#一. MarkDown标题
1、使用=和-标记一级和二级标题  
我是一级标题  
==========
我是二级标题  
------------

2、使用#号进行标题标记  
#一级
##二级
###三级
######六级（一般是最小）

在这里插入图片描述

#二. MarkDown段落
##1、回车
在任意文字的最后，加上两个空格及以上的空格，表标回车。  
今天你不错哟，明天希望  
你更优秀。

##2、段落
今天你不错哟，  

明天希望你更优秀。

##3、字体格式
*斜体文本*  
_斜体文本_  
**粗体文本**  
__粗体文本__  
***粗斜体文本***  
___粗斜体文本___

在这里插入图片描述

##4、分隔线
可以在一行中用三个以上的星号，减号，底线（下划线）来建立一个分隔线  
***  
内容  
* * *  
内容  
******  
内容
- - -

在这里插入图片描述

##5、删除线
--删除文本--（减号没作用就换波浪线）  ~~删除文本~~  

##6、下划线
<u>下划线</u>

在这里插入图片描述

##7、脚注
是对文本的一种补充说明内容  
我是知了堂[^zhiliaotang]    
[^zhiliaotang]:知了堂是一家互联网+教育科技公司  

我是大学生[^大学生]  
[^大学生]:是一种非常恐怖的新物种  

#三. markdown列表
markdown支持两种列表：有序（数字加点）和无序（星号加空格）  
##1、有序列表
1. 第一项（注意加空格和不加空格的区别）  
2. 第二项  
3. 第三项  

##2、无序列表
通过（星号），（加号），（减号）加一个空格，实现无序列表  

* 第一项  
* 第二项  
* 第三项  

###如何在有序中嵌套一个无序列表？
（当相互嵌套时，需在内容前面加四个空格）

1. 第一项 
    - 第一个元素
    - 第二个元素
2. 第二项

在这里插入图片描述

#四. markdown区块
在段落开头，使用>符号，然后紧跟一个空格符号  

> 我是区块  
我是区块  
我是区块  

>第一层  
>>第二层  
>>>第三层  

##1、在区块中使用列表
>区块中的列表  
>>1. 第一项
>>2. 第二项
>

##2、在列表中使用区块
1. 第一项
> 块
2. 第二项

在这里插入图片描述

#五.Markdown代码
如果段落上需要对一个或一段内容进行代码化处理，则需要用一下的方法：  

`printf()`函数  

代码块：采用4个空格或一个制表符-Tab  
	<%System.out.printf("")%>  

```javascript
function(){
  console.log(this);
}

在这里插入图片描述

#六.链接
><链接地址>
[连接名称](链接地址)  

我是[知了堂官网](http://www.zhiliaotang.com):
<http://www.zhiliaotang.com>  

##高级链接
我是[知了堂官网][url1]，我的访问地址是：
[www.zhiliaotang.com][url2]

[url1]:http://www.zhiliaotang.com
[url2]:http://www.zhiliaotang.com

在这里插入图片描述

#七.图片
![alt 文本属性]（图片地址）
如：
![alt 图片](https://imgconvert.csdnimg.cn/aHR0cDovL3Q3LmJhaWR1LmNvbS9pdC91PTM2MTYyNDI3ODksMTA5ODY3MDc0NyZmbT03OSZhcHA9ODYmZj1KUEVH?x-oss-process=image/format,png)
![alt 图片](https://imgconvert.csdnimg.cn/aHR0cDovL3Q4LmJhaWR1LmNvbS9pdC91PTE5Mjk2NjI4MjEsMjk1NjY0NzcyNCZmbT03OSZhcHA9ODYmZj1KUEVH?x-oss-process=image/format,png)

#八.表格
|表头|表头|表头|  
|----|----|----|  
|单元格|单元格|单元格|
|单元格|单元格|单元格|
|单元格|单元格|单元格|
|单元格|单元格|单元格|  

|表头|表头|表头|
|:----|:----|:----|
|单元格单元格|单元格|单元格|
|单元格单元格|单元格|单元格|
|单元格单元格|单元格|单元格|
|单元格单元格|单元格|单元格|  

（左对齐左边加冒号，右对齐右边加冒号，居中对齐两边加冒号）  

###在表格中能否使用区块，列表，链接，图片？
|表头|表头|表头|
|----|----|----|
|> 你好|单元格|单元格|
（只能使用链接，图片，不能使用区块和列表）

在这里插入图片描述

#九.高级应用
公式? 流程图? 结合HTML，pdf
##1、html代码
<div>aaa</div>
<a>aaa</a>
<video scr="" />

##2、公式
1、行内：
$
\Gamma(x)
$  
（若显示不出来，可能为系统不支持）
2、行间：
$$\sumA*B$$
$$\sum^A_B$$
(^为上标，_为下标)   

##3、流程图
```mermaid
graph LR
A[方式] --> B(圆角)
 B --> C{条件a}
 C --> |a=1| D[结果1]
 C --> |a=2| E[结果2]

在这里插入图片描述