markdown语言语法学习

博主: Simon Lin 创建于: Jun 30, 2018 更新于: Jul 3, 2018
分类: tech
标签: tech

MarkDown语法

markdown是个好东西,为什么?因为不用学习html,可以在文本中方便的控制段落,文字格式,控制插入图片,链接等等。网上找了点资料记录一下。

标题

语法:

1
2
3
4
5
6
# 这是一级标题
## 这是二级标题
### 这是三级标题
#### 这是四级标题
##### 这是五级标题
###### 这是六级标题

注意点:格式符号后面一般都要加空格哦,整行完成一般要加回车

效果:

这是一级标题

这是二级标题

这是三级标题

这是四级标题

这是五级标题
这是六级标题

字体

语法:

1
2
3
4
**这是加粗的文字**
*这是倾斜的文字*`
***这是斜体加粗的文字***
~~这是加删除线的文字~~

效果:
这是加粗的文字
这是倾斜的文字`
这是斜体加粗的文字
这是加删除线的文字

引用

语法:

1
2
3
>这是引用的内容
>>这是引用的内容
>>>>>>>>>>这是引用的内容

效果:

这是引用的内容

这是引用的内容

这是引用的内容

分割线

语法:

1
2
3
4
---
----
***
*****

效果:


a


a


a

图片

语法1:

1
2
3
4
![图片alt](图片地址 "图片title")

图片alt就是显示在图片下面的文字,相当于对图片内容的解释。
图片title是图片的标题,当鼠标移到图片上时显示的内容。title可加可不加

注意点:markdown语法插入的图片样式不太方便调整,建议用html方式插入

效果:
simon

语法2:

1
2
当然就是直接插入html啦,html语法不详细介绍了
<img src="http://www.35coder.com/img/simon.jpg" width="200" align=center />

效果:

超链接

语法:

1
2
[超链接名](超链接地址 "超链接title")
title可加可不加

效果:
百度
新浪

列表

无序列表

语法:

1
2
3
- 列表内容
+ 列表内容
* 列表内容

注意点: - + * 跟内容之间都要有一个空格

效果:

  • 列表内容
  • 列表内容
  • 列表内容

有序列表

语法:

1
2
3
1. 列表内容
2. 列表内容
3. 列表内容

注意点: 序号跟内容之间要有空格

效果:

  1. 列表内容
  2. 列表内容
  3. 列表内容

表格

语法:

1
2
我感觉这辈子我也不会用markdown语法来画表格的,哈哈
语法好复杂,自己百度

效果:

代码

语法:

1
2
3
4
单行代码/行内标记    `代码内容`
多行代码/多行饮用 三个`
代码内容
三个`

效果:

hexo服务器启动:hexo server

1
2
3
function fun(){
console.log("hello world!");
}

注意点: 与上行距离一空行

目录

语法:

1
[TOC]

效果:
[TOC]

😄:有兼容性问题

任务列表

注意点: 有兼容性问题
语法:

1
2
3
4
5
这是文字……

- [x] 选项一
- [ ] 选项二
- [ ] [选项3]

效果:
这是文字……

  • 选项一
  • 选项二
  • [选项3]

内嵌CSS样式

语法:

1
<span style="color: #AD5D0F;font-size: 30px; font-family: '宋体';">内联样式</span>

效果:
样式显示内联样式效果


打赏 支付宝打赏 微信打赏

如果文章对你有帮助,欢迎点击上方按钮打赏作者