# Markdown笔记

# 1. Markdown简介

Markdown 是一种纯文本格式的轻量级标记语言。通过简单的标记语法,它可以使普通文本内容具有一定的格式。

# 特点

  • 纯文本编辑,只要是支持Markdown编辑的都能获得同样的结果,摆脱排版苦恼
  • 编写的文档可以导出 HTML 、Word、图像、PDF、Epub 等多种格式的文档。
  • 学习成本低,常用的语法很少,简单易学快速上手
  • 支持跨平台同步数据
  • 支持插入图片、视频等
  • 随时修改,不必担心word等工具出现排版错误
  • 编写的文档后缀为 .md, .markdown。

# 2. Markdown语法

# 2.1 标题

在想要设置为标题的文字前面加#来表示 一个#是一级标题,二个#是二级标题,以此类推。支持六级标题。

注:标准语法一般在#后跟个空格再写文字,貌似简书不加空格也行。

代码:

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

效果:

# 这是一级标题

## 这是二级标题

### 这是三级标题

#### 这是四级标题

##### 这是五级标题

###### 这是六级标题

# 2.2 字体

星号与下划线都可以,单是斜体,双是粗体,三是粗斜体

  • # 加粗

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

  • # 斜体

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

  • # 斜体加粗

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

  • # 删除线

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

  • 下划线

<u>这行文字已被添加下划线</u>

代码 效果
*这是斜体* 这是斜体
_这是斜体_ 这是斜体
**这是粗体** 这是粗体
__这是粗体__ 这是粗体
***这是粗斜体*** 这是粗斜体
___这是粗斜体___ 这是粗斜体
~~这是加删除线的文字~~ 这是加删除线的文字
<u>这行文字已被添加下划线</u> 这行文字已被添加下划线

# 2.3 换行

Markdown换行的方式有多种:

  • 直接在一句话后敲两个空格
  • 两句话之间加一个空行
  • 如果你在编辑的时候,想让一行文字在显示的时候换行,就在中间加<br/>

貌似typora中编辑时,enter键仍然可以正常换行。


# 2.4 引用

在引用的文字前加>即可。引用也可以嵌套,如加两个>>,三个>>>, n个... 貌似可以一直加下去,但没神马卵用 > 符号后的空格,可有可无。 在引用的区块内,允许换行存在,换行并不会终止引用的区块。如果要结束引用,需要一行空白行,来结束引用的区块。

示例:

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

效果:

这是引用的内容

这是引用的内容

这是引用的内容

# 2.5 分割线(分隔线)

三个或者三个以上的 - 或者 * 都可以。

示例:

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

效果:





# 2.6 图片

语法:

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

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

示例:

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

效果:

img

上传本地图片直接点击导航栏的图片标志,选择图片即可

markdown格式追求的是简单、多平台统一。那么图片的存储就是一个问题,需要用图床,提供统一的外链,这样就不用在不同的平台去处理图片的问题了。才能做到书写一次,各处使用。 关于图床的选择我写了一篇文章,对网上存在的各种方法做了总结,需要的朋友可以看看。markdown图床 (opens new window)

# 2.7 超链接

语法:

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

或者 <链接地址>

示例:

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

效果:

我是简书 (opens new window)

我是百度 (opens new window)

注:Markdown本身语法不支持链接在新页面中打开,貌似简书做了处理,是可以的。别的平台可能就不行了,如果想要在新页面中打开的话可以用html语言的a标签代替。

语法:
<a href="超链接地址" target="_blank">超链接名</a>
示例:
<a href="https://www.jianshu.com/u/1f5ac0cf6a8b" target="_blank">简书</a>

# 2.8 列表

# 无序列表

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

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

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

效果如下:

  • 列表内容
  • 列表内容
  • 列表内容
# 有序列表

语法: 数字加点

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

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

效果如下:

  1. 列表内容
  2. 列表内容
  3. 列表内容
# 列表嵌套

上一级和下一级之间敲三个空格即可

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

# 2.9 表格

语法:

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

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

示例:

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

效果如下:

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

# 2.10 代码

语法: 单行代码:代码之间分别用一个反引号包起来

    `代码内容`

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

    (```代码使用的语言)
      我是代码...
      我是代码...
      我是代码...
    (```)

注:为了防止转译,前后三个反引号处加了小括号,实际是没有的。这里只是用来演示,实际中去掉两边小括号即可。

示例:

单行代码

`create database hero;`

代码块

(```javascript)
    function fun(){
         echo "这是一句非常牛逼的代码";
    }
    fun();
(```)

效果:

单行代码

create database hero;

代码块

function fun(){
  echo "这是一句非常牛逼的代码";
}
fun();

# 2.11 流程图

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

效果:

简书不支持流程图,所以截了个图

img

# 2.12 图标

语法:💡

彩虹 &#x1F308; 草莓 &#x1F353;电话 &#x1F4DE; 枫叶 &#x1F341;脚印 &#x1F463; 喇叭 &#x1F4E3;拇指 &#x1F44D; ok &#x1F44C;
红苹果 &#x1F34E; 青苹果 &#x1F34F;日期 &#x1F4C6; 日期 &#x1F4C5;时间 &#x1F554; 手指 &#x1F449;统计 &#x1F4CA; 问号 ❓ &#x2753;
文件夹 &#x1F4C2; 西瓜 &#x1F349;邮箱 &#x1F4E7; 直播 &#x1F3A6;火箭 &#x1F680; 可 &#x1F251;雪人 ⛄ &#x26C4; 冠军 &#x1F3C6;
爱心 &#x1F493; 伤心 &#x1F494;爱心 &#x1F496; 主意 &#x1F4A1;

效果:

彩虹 🌈 草莓 🍓电话 📞 枫叶 🍁脚印 👣 喇叭 📣拇指 👍 ok 👌红苹果 🍎 青苹果 🍏日期 📆 日期 📅时间 🕔 手指 👉

统计 📊 问号 ❓ ❓文件夹 📂 西瓜 🍉邮箱 📧 直播 🎦火箭 🚀 可 🉑雪人 ⛄ ⛄ 冠军 🏆爱心 💓 伤心 💔爱心 💖 主意

# 2.13 Html引用

直接在Markdown里面写HTML即可

# CSS 样式相关

# 样式标签

<b>加粗</b>
<strong>加粗</strong>
<i>倾斜</i>
<em>倾斜</em>
<u>下划线</u>
<ins>下划线</ins>
<s>删除线</s>
<del>删除线</del>
<sub>下标</sub>
<sup>上标</sup>

# 内联样式

<b style=“font-size:80px; color:red”>加粗</b>

# <style>标签

<style>
h1{
font-size:80px;
color:#7ecef4;
text-intent:10px;
}
</style>
<link href="main.css" rel="stylesheet">

这种方式,某些Markdown渲染器可以,obsidian是不行

# 2.14 反斜杠转义

由于Markdown的语法基本都是用的符号表示,所以当需要直接输出某些特定的符号的时候,就必须使用反斜杠的转义作用了,使用方法很简单,跟大部分的编程语言的用法一样,只需要在特定的符号前面加上一个反斜杠就可以了,例如输出\本身,就需要使用\\来表示了。

# 2.15 Todo List(待办事项)

-/+/*+空格+[+空格/x+] +空格+文字内容

- [ ] 待办事项
- [x] 已完成的待办事项
  • [ ] 待办事项
  • [x] 已完成的待办事项

# 2.16 脚注

在文档末尾写上[+^+数字+]:+文字内容 声明一个脚注 然后就跟文献引用一样,在要引用该脚注的文字后插入[+^+数字+]即可

该方法根据实验证明有效[^1]
[^1]:文章链接