MarkDown语法
不同的工具对markdown语法的支持不同
而minnersun习惯于使用typora作为笔记工具,这与博客园所支持的略有不同
学习资料地址
相关资料
https://github.com/wangding/courses/tree/master/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/
整理