Markdown 笔记

想系统的了解一下markdown,以后巨鹿日常bug。

一、标题

# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题

Markdown 笔记_第1张图片

二、字体

*斜体文本*
_斜体文本_
**粗体文本**
__粗体文本__
***粗斜体文本***
___粗斜体文本___

三、分割线

***

* * *

*****

- - -

----------

 Markdown 笔记_第2张图片

四、删除线

~~我系渣渣辉~~
~我系渣渣辉~

五、下划线

我系渣渣辉

六、列表

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

+ 第一项
+ 第二项
	- 第一项
	- 第二项
	- 第三项
+ 第三项


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

Markdown 笔记_第3张图片

七、区块

>12
>>23
>>>5446	

Markdown 笔记_第4张图片

八、代码块

```javascript
	(function(docs, win) {
		htmlSize = function() {
			var value = document.documentElement.clientWidth
			var ua = navigator.userAgent
			var deviceWidth = Math.min(750, value)
	    if(value <= 750){
	      document.documentElement.style.fontSize = 100 * (deviceWidth / 750) + "px";
	    }else{
	      document.documentElement.style.fontSize = 75 * (deviceWidth / 750) + "px";
	    }
		};
		htmlSize();
		window.onresize = ()=> {
	    htmlSize();
	  }
	})(document, window);
```

Markdown 笔记_第5张图片

```css
	:root {
		--theme: #E36159;
		--text: #737b83;
		--titColor: #333;
		--deepBg: #333;
		--bgColor: #f2f2f2;
		--white: #ffffff;
	}

	body{
		margin: 0;
		font-size: 1rem;
	}

```

Markdown 笔记_第6张图片

代码块支持的语法有:

Markdown 笔记_第7张图片

九、链接

[链接名称](https://www.bilibili.com/)

十、图片



![图片](test_files/1.jpg "图片")

十一、表格

| 左对齐 | 右对齐 | 居中对齐 |
| :-----| ----: | :----: |
| 单元格 | 单元格 | 单元格 |
| 单元格 | 单元格 | 单元格 |

Markdown 笔记_第8张图片

十二、Markdown转html



	
		
		
		
		
		
	
	
	
	

Markdown 笔记_第9张图片

Markdown转html会有很多效果变了,不过html可以添加移动端适配。

Markdown 笔记_第10张图片

十三、字体大小、颜色

我系渣渣辉  
我系渣渣辉  
我系渣渣辉  
我系渣渣辉  
我系渣渣辉  
我系渣渣辉  
我系渣渣辉  
我系渣渣辉  
我系渣渣辉  
我系渣渣辉  
我系渣渣辉  
我系渣渣辉  
我系渣渣辉 

Markdown 笔记_第11张图片

字体大小有7个等级,颜色支持单词,rgb,十六进制格式。

参考:https://www.runoob.com/markdown/md-tutorial.html

你可能感兴趣的:(Markdown 笔记)