Loading

Markdown语法

前言:使用markdown来记录东西还是不错的,但是记性不好,记录一下markdown的一些基本用法

一、什么是MarkDown?

  • Markdown 是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档。

  • Markdown 语言在 2004 由约翰·格鲁伯(英语:John Gruber)创建。

  • Markdown 编写的文档可以导出 HTML 、Word、图像、PDF、Epub 等多种格式的文档。

  • Markdown 编写的文档后缀为 .md .markdown

二、两种标题格式

1.使用=和-来标记一级标题和二级标题

格式如下:

 一级标题
 ====================
 二级标题
 --------------------

显示效果如下:
一级标题

二级标题

2.使用#号标记

格式如下:

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

显示效果如下:

一级标题

二级标题

三级标题

四级标题

五级标题
六级标题

三、段落

1.字体

格式如下:

*斜体文本*
_斜体文本_
**粗体文本**
__粗体文本__
***粗斜体文本***
___粗斜体文本___

显示效果如下:
斜体文本
斜体文本
粗体文本
粗体文本
粗斜体文本
粗斜体文本

2.分割线

格式如下:

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

显示效果如下:






3.删除线

格式如下:

~~我从小就想敲代码~~

显示效果如下:
我从小就想敲代码

4.下划线

格式如下:

<u>加班使我快乐</u>

显示效果如下:
加班使我快乐

5.脚注

格式如下:

这里有一个脚注[^脚注ID1]。
这里有一个脚注[^脚注ID2]。
[^脚注ID1]: 此处是 **脚注** 的 *文本内容*。
[^脚注ID2]: 此处是 **脚注** 的 *文本内容*。

显示效果如下:
这里有一个脚注[1]
这里有一个脚注[2]

四、列表

1.有序列表和无序列表

* 第一项
* 第二项
* 第三项
***
+ 第一项
+ 第二项
+ 第三项
***
- 第一项
- 第二项
- 第三项
***
1.第一项
2.第二项
3.第三项

显示效果如下:

  • 第一项
  • 第二项
  • 第三项

  • 第一项
  • 第二项
  • 第三项

  • 第一项
  • 第二项
  • 第三项

1.第一项
2.第二项
3.第三项

2.列表嵌套

格式如下:

1. 第一项:
    - 第一项嵌套的第一个元素
    - 第一项嵌套的第二个元素
2. 第二项:
    - 第二项嵌套的第一个元素
    - 第二项嵌套的第二个元素

显示效果如下:

  1. 第一项:
    • 第一项嵌套的第一个元素
    • 第一项嵌套的第二个元素
  2. 第二项:
    • 第二项嵌套的第一个元素
    • 第二项嵌套的第二个元素

五、区块

1.单行代码

`Print()`函数

显示效果如下:
Print()函数

2.代码区块

格式如下:

```C#
class Money{
   Print();
}
```

显示效果如下:

class Money{
    Print();
}

六、链接

1.基本使用

格式如下:

[链接名称](链接地址)
或者
<链接地址>

显示效果如下:
更多精彩福利视频
https://www.bilibili.com/

2.高级用法

格式如下:

链接也可以用变量来代替,文档末尾附带变量地址:
这个链接用 1 作为网址变量 [Google][1]
这个链接用 runoob 作为网址变量 [Runoob][runoob]
然后在文档的结尾为变量赋值(网址)
  [Bilibili]: https://www.bilibili.com/
  [a]: https://www.bilibili.com/

显示效果如下:
链接也可以用变量来代替,文档末尾附带变量地址:
这个链接用 1 作为网址变量 [Bilibili][1]
这个链接用 a 作为网址变量 [a][runoob]
然后在文档的结尾为变量赋值(网址)
[Bilibili]: https://www.bilibili.com/
[a]: https://www.bilibili.com/

七、图片

1.方法1

格式如下:

![alt 属性文本](图片地址)
![alt 属性文本](图片地址 "可选标题")

![cnblog 图标](https://www.cnblogs.com/images/logo_small.gif)
![RUNOOB 图标](http://static.runoob.com/images/runoob-logo.png "RUNOOB")

显示效果如下:

cnblog 图标

RUNOOB 图标

2.方法2

格式如下:

这个链接用 1 作为网址变量 [RUNOOB][1].
然后在文档的结尾位变量赋值(网址)

[1]: https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg.rcbqb.com%2Fdt%2Fgz2blihiwtp.jpg&refer=http%3A%2F%2Fimg.rcbqb.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1666399683&t=a4114b9d24b8c73224b858895973d4ab

显示效果如下:
这个链接用 1 作为网址变量 [img][1].
然后在文档的结尾位变量赋值(网址)
😄
[1]:https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg.rcbqb.com%2Fdt%2Fgz2blihiwtp.jpg&refer=http%3A%2F%2Fimg.rcbqb.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1666399683&t=a4114b9d24b8c73224b858895973d4ab

3.方法3

还可以使用Img标签
格式如下:

<img src="http://static.runoob.com/images/runoob-logo.png" width="50%">

显示效果如下:

八、表格

1、基本用法

格式如下:

|  表头   | 表头  |
|  ----  | ----  |
| 单元格  | 单元格 |
| 单元格  | 单元格 |

显示效果如下:

表头 表头
单元格 单元格
单元格 单元格

2、设置表格对齐方式

  • -: 设置内容和标题栏居右对齐
  • :- 设置内容和标题栏居左对齐
  • :-:设置内容和标题栏居中对齐
    实例如下:
| 左对齐 | 右对齐 | 居中对齐 |
| :-----| ----: | :----: |
| 单元格 | 单元格 | 单元格 |
| 单元格 | 单元格 | 单元格 |

显示效果如下:

左对齐 右对齐 居中对齐
设置内容和标题栏居左对齐 设置内容和标题栏居左对齐 设置内容和标题栏居右对齐
单元格 单元格 单元格

九、技巧

1、支持HTML元素

复制<kbd>Ctrl</kbd>+<kbd>C</kbd>
<font color="#35CD4B">我看刑</font>

效果如下:
复制Ctrl+C
我看刑

2、转义

可以使用反斜杠来转义特殊字符
格式如下:

 **文本加粗**
 \*\* 正常显示星号 \*\*

显示效果如下:
文本加粗
** 正常显示星号 **

3、公式

这个有兴趣的朋友可以研究研究,玩一下
markdown公式指导手册
格式如下:

$$ \frac{a-1}{b-1} \quad or \quad {a+1 \over b+1} $$

显示效果如下:

\[\frac{a-1}{b-1} \quad or \quad {a+1 \over b+1} \]

十、文字颜色、大小、字体、背景色、Emoji

文字颜色

格式如下:

<font color="#dd0000">文字颜色预览</font>

显示效果如下:
文字颜色预览

字体大小

格式如下:

size为1:<font size="1">size为1</font>
size为2:<font size="2">size为2</font>
size为3:<font size="3">size为3</font>
size为4:<font size="4">size为4</font>
size为6:<font size="6">size为6</font>

显示效果如下:
size为1:size为1
size为2:size为2
size为3:size为3
size为4:size为4
size为6:size为6

字体风格

格式如下:

<font face="黑体">我是黑体字</font>
<font face="宋体">我是宋体字</font>
<font face="楷体">我是楷体字</font>
<font face="微软雅黑">我是微软雅黑字</font>
<font face="fantasy">我是fantasy字</font>
<font face="Helvetica">我是Helvetica字</font>

显示效果如下:
我是黑体字
我是宋体字
我是楷体字
我是微软雅黑字
我是fantasy字
我是Helvetica字

背景色

<table><tr><td bgcolor=#F4A460>背景色的设置是按照十六进制颜色值:#F4A460</td></tr></table>
<table><tr><td bgcolor=#FF6347>背景色的设置是按照十六进制颜色值:#FF6347</td></tr></table>
<table><tr><td bgcolor=#D8BFD8>背景色的设置是按照十六进制颜色值:#D8BFD8</td></tr></table>
<table><tr><td bgcolor=#008080>背景色的设置是按照十六进制颜色值:#008080</td></tr></table>
<table><tr><td bgcolor=#FFD700>背景色的设置是按照十六进制颜色值:#FFD700</td></tr></table>

显示效果如下:

背景色的设置是按照十六进制颜色值:#F4A460
背景色的设置是按照十六进制颜色值:#FF6347
背景色的设置是按照十六进制颜色值:#D8BFD8
背景色的设置是按照十六进制颜色值:#008080
背景色的设置是按照十六进制颜色值:#FFD700
## Emoji

格式如下:

 微信转账300块:moneybag:

显示效果如下:
微信转账300块💰
更多表情请参考表情符号简码列表


更多关于Markdown的内容:Markdown教程
Markdown编辑工具:
Window:
Typora挺好用的,可惜收费了
MarkdownPad
Minidown
ios:
Byword
后续还会不断更新修改......


  1. 此处是 脚注文本内容↩︎

  2. 此处是 脚注文本内容↩︎

posted @ 2022-09-28 11:30  六弦汤姆  阅读(41)  评论(0编辑  收藏  举报