admin

Markdown学习笔记
  Markdown 是一个 Web 上使用的文本到HTML的转换工具,可以通过简单、易读易写...
扫描右侧二维码阅读全文
13
2018/10

Markdown学习笔记

  Markdown 是一个 Web 上使用的文本到HTML的转换工具,可以通过简单、易读易写的文本格式生成结构化的HTML文档。目前 github、Stackoverflow 等网站均支持这种格式。

基础语法

名称语法效果备注
标题文字前加1~6个#--注1
引用> 引用的文字--#引用
加粗** 加粗 **加粗--
加粗__ 加粗 __加粗--
斜体* 斜体 *斜体--
斜体_ 斜体 _斜体--
粗斜*** 粗斜 ***粗斜--
删除线~~ 删除线 ~~删除线--
代码块 `type=1` type=1注2
分割线-------
分割线***同上--

换行
自然段换行:自然段后面跟一行空行
换行:文字后面跟两个空格

首行缩进的三种方法
【1】    //半角
【2】    //全角
【3】   

#引用效果如下

这是引用的文本

注1:1~6个#分别对应H1~H6标签,标题#后面最好跟一个空格,由于H1、H2用的比较多,所以产生了比较简便的写法,H1为=== H2为---通常写在文字下方

 标题文字
 ===

 标题文字
 ---

注2:`是键盘左上角,数字键1左边的按键


添加链接

#方法一
[链接描述][1]
[1]: https://www.agit.cn

#方法二
[链接描述](www.agit.cn)

#方法三
<https://www.agit.cn>

效果

方法一方法二方法三
链接描述链接描述https://www.agit.cn

添加图片

##方法一
![图片描述][2]
[2]: http://cdn.agit.cn/touxiang.jpg

##方法二
![图片描述](http://cdn.agit.cn/touxiang.jpg)

##方法三[带链接]
[![图片描述](http://cdn.agit.cn/touxiang.jpg)](https://www.agit.cn)

效果

方法一方法二方法三[带链接]
图片描述图片描述图片描述

有序列表

## 方式一 ##
1. 第一个有序列表
2. 第二个有序列表
3. 第三个有序列表

## 方式二 ##
1. 第一个有序列表
0. 第二个有序列表
0. 第三个有序列表

效果:

  1. 第一个有序列表
  2. 第二个有序列表
  3. 第三个有序列表

无序列表

#方式一
- 第一个无序列表
 - 第二个无序列表
- 第三个无序列表

#方式二
* 第一个无序列表
 * 第二个无序列表
* 第三个无序列表

#方式三
+ 第一个无序列表
 + 第二个无序列表
+ 第三个无序列表

效果:

  • 第一个无序列表

    • 第二个无序列表
  • 第三个无序列表

表格

//方法一[标准]
头标题一 | 头标题二
---     |---
一行一列 | 一行二列
二行一列 | 二行二列

//方法二[对齐]
左对齐   | 居中      | 右对齐
:---    | :---:    | --:
一行一列 | 一行二列  | 一行三列
二行     | 二行     | 二行
三行一列 | 三行二列  | 三行三列

效果
方法一:

头标题一头标题二
一行一列一行二列
二行一列二行二列

方法二:

左对齐居中右对齐
一行一列一行二列一行三列
二行二行二行
三行一列三行二列三行三列

代码

 #方法一
 #四个空格 function add(x,y){
 #四个空格  x+y;
 #四个空格 }

 #方法二
 ` ` ` javascript
 function add(x,y){
   x+y;
 }
 ` ` `

效果:
 方法一:

 function add(x,y){
   x+y;
 }

 方法二:

function add(x,y){  
  x+y; 
} 

提示框

!>(空格)文字 表示黄色警告框
i>(空格)文字 表示蓝色信息框
@>(空格)文字 表示银色引用框
x>(空格)文字 表示红色错误框
√>(空格)文字 表示绿色成功框

文字 表示黄色警告框

文字 表示蓝色信息框

文字 表示红色错误框

文字 表示绿色成功框

总结

Markdown最终的呈现是HTML语言,所以以HTML的思想来理解Markdown会比较容易,Markdown简化了HTML的语法规则,让创作者能够高效的完成书写和排版。


参考

小马视频

最后修改:2018 年 10 月 16 日 12 : 28 PM
如果觉得我的文章对你有用,请随意赞赏

发表评论

1 条评论

  1. Patrick

    评论试试