Markdown介绍 - SunSeekerX

/ 0评 / 0
内容纲要

Markdown介绍

简介

Markdown是一种轻量级标记语言,创始人为约翰·格鲁伯(英语:John Gruber)。它允许人们“使用易读易写的纯文本格式编写文档,然后转换成有效的XHTML(或者HTML)文档”。这种语言吸收了很多在电子邮件中已有的纯文本标记的特性。——维基百科

个人感觉:很舒服,很美观,很简单

vs word:很轻,适合程序员,代码识别高亮, 没那么多花里胡哨的格式

使用场景

Typora

用它进行Markdown文件的阅读和写作可以用“美”字来形容,具体体现在三大体验感中:

喜欢它,因为它简约又强大。

官网:https://typora.io/

语法:

一、标题

号加一个空格

一个#是一级标题,二个#是二级标题,以此类推。支持六级标题。

示例:

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

效果如下:

这是一级标题

这是二级标题

这是三级标题

这是四级标题

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

二、字体

要加粗的文字左右分别用两个*号包起来

要倾斜的文字左右分别用一个*号包起来

要倾斜和加粗的文字左右分别用三个*号包起来

要加删除线的文字左右分别用两个~~号包起来

示例:

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

效果如下:

这是加粗的文字
这是倾斜的文字
这是斜体加粗的文字
这是加删除线的文字


三、引用

>后面+空格 引用也可以嵌套,如加两个>>三个>>>
 n个...

示例:

> 这是引用的内容
>> 这是引用的内容
>>>>>>>>>> 这是引用的内容

效果如下:

这是引用的内容

这是引用的内容

这是引用的内容

四、分割线

三个或者三个以上的 - 或者 * +回车。

示例:

---
----
***
*****

效果如下:
可以看到,显示效果是一样的。





五、图片

语法:

![图片alt](图片地址 ''图片title'')

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

示例:

![blockchain](https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/
u=702257389,1274025419&fm=27&gp=0.jpg "区块链")

效果如下:

img

六、超链接

语法:

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

示例:

[简书](http://jianshu.com)
[百度](http://baidu.com)

效果如下:

简书
百度

七、列表

语法:
无序列表用 - + * 任何一种都可以

- 列表内容
+ 列表内容
* 列表内容

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

效果如下:

语法:
数字加点+空格

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

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

效果如下:

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

上一级和下一级之间敲三个空格即可或者按下tap

  1. 一级有序列表内容
    • 二级无序列表内容
    • 二级无序列表内容
    • 二级无序列表内容
  2. 一级有序列表内容
    1. 二级有序列表内容
    2. 二级有序列表内容
    3. 二级有序列表内容

八、表格

语法:

表头|表头|表头
---|:--:|---:
内容|内容|内容
内容|内容|内容

第二行分割表头和内容。
- 有一个就行,为了对齐,多加了几个
文字默认居左
-两边加:表示文字居中
-右边加:表示文字居右
注:原生的语法两边都要用 | 包起来。此处省略

示例:

姓名|技能|排行
--|:--:|--:
刘备|哭|大哥
关羽|打|二哥
张飞|骂|三弟

效果如下:

姓名 技能 排行
刘备 大哥
关羽 二哥
张飞 三弟

九、代码

代码块:代码之间分别用三个反引号包起来,且两边的反引号单独占一行

​```
  代码...
  代码...
  代码...
​```

效果如下:

const foo = '这是一句非常牛逼的代码'
function fun(){
  console.log(foo)
}

fun()

十、流程图

​```flow
st=>start: 开始
op=>operation: My Operation
cond=>condition: Yes or No?
e=>end
st->op->cond
cond(yes)->e
cond(no)->op
&```

效果如下:

st=>start: 开始
op=>operation: My Operation
cond=>condition: Yes or No?
e=>end
st->op->cond
cond(yes)->e
cond(no)->op
&```

Typora

快捷键

导入导出

注意

图片设置:菜单>文件>偏好设置

勾选对本地位置的图片应用上述规则

勾选对网络位置的图片应用上述规则

勾选优先使用相对路径

相对路径在Github可以直接应用,也方便拷贝文档

Github示例

地址:https://github.com/SunSeekerX/browser-storage-apis

发表评论

电子邮件地址不会被公开。 必填项已用*标注