MarkDown语法

 

不同的工具对markdown语法的支持不同

而minnersun习惯于使用typora作为笔记工具,这与博客园所支持的略有不同

 

学习资料地址

相关资料

https://github.com/wangding/courses/tree/master/markdown

支持MarkDown的部分编辑工具

Typora,HBuilder

 

该笔记中所有MarkDown语法使用HBuilder作为编辑工具

去官网下载:

https://www.dcloud.io/

Hbuilder设置

自动换行设置

视图 -> 自动换行

如果不勾选,段落过长会出现滚动条

安装插件

工具 -> 插件安装

 

MarkDown语法

笔记基于HBuilder进行学习,在typor中部分语法可能不适用

标题

# 一级标题

## 二级标题

### 三级标题

#### 四级标题

##### 五级标题

###### 六级标题

 

段落

不加 # 即表示是文本内容

换行问题解决

Hbuilder不可以直接回车换行

如果需要回车换行,需要在文本末尾后加两个 空格 再回车即可

 

强调

粗体

**粗体**

*斜体*

***加粗倾斜***

 

删除线

~~删除线~~

 

列表

无序列表

* 一级列表1

*二级列表1 --前面多了一个空格

* 一级列表2

等价于

- 一级列表1

-二级列表1

- 一级列表2

有序列表

1. 一级列表1

2. 二级列表1

 

链接

内嵌式链接
外部链接

[百度](http://www,baidu.com)

内部链接

链接目录中的其他文件

[demo2](demo1.md)

本文件名为demo2,链接的文件为demo1

链接本文档的其他部分

[链接](2.github课程之markdown语法.md#链接)

跳转到本文档的MarkDown语法标题

引用式链接

[百度]

[百度]:www.baidu.com

[百度]引用[百度]:www.baidu.com中链接的地址

[demo2]

[demo2]:demo1.md

[链接]

[链接]:2.github课程之markdown语法.md#链接

 

图片

![alt](url text)

alt:图片替换文字,图片无法正常显示的提示文字

url:图片的地址

text:鼠标放在图片上的提示文字

内嵌式图片
外部图片

案例

![百度图片](https://www.baidu.com/img/pc_cc75653cd975aea6d4ba1f59b3697455.png "百度网站")

内部图片

![百度图片](img/pc_cc75653cd975aea6d4ba1f59b3697455.png "百度网站")

img目录下的图片

引用式图片

![百度图片][baidu_log]

[baidu_log]:https://www.baidu.com/img/pc_cc75653cd975aea6d4ba1f59b3697455.png

![百度图片][baidu.png]

[baidu.png]:img/pc_cc75653cd975aea6d4ba1f59b3697455.png

 

块代码

行内代码

``

行内代码不能显示高亮

块式代码

```javascript

var i=0

```

 

水平分割线

第一种方式

---

第二种方式

***

第三种方式

___

三个下划线

 

HTML代码

<p align="center">HelloWorld</p>

 

表格

| 这|是|表|头|

|---|:---:|---|---| 格式由:决定 ,放左边左对齐,右边右对齐,两边为水平居中

|cel|cel|cel|cel|

 

GFM

Github Flvored MarkDown

Github实现的具有自身特色的MarkDown语法

Task List:复选框效果

- [X] item1 -X为勾选效果

- [ ] item2

-[ ] item3

emoji:表情符号

语法

:emoji code:

官方

https://www.webfx.com/tools/emoji-cheat-sheet/

整理

https://github.com/guodongxiaren/README/blob/master/emoji.md

posted @ 2020-08-20 16:07  minnersun  阅读(202)  评论(0编辑  收藏  举报