Markdown常用语法笔记（一）

发表于 更新于 分类于 本文字数： 1.8k 阅读时长 ≈ 2 分钟

一、标题的使用

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

二、注释的使用

1
2
[//]: 注释
<!-- 注释 -->

三、表格

要点：

  • 不管是哪种方式，第一行为表头，第二行为分割表头和主体部分，第三行开始每一行为一个表格行

  • 列与列之间用管道符号 | 隔开

  • 左对齐 :|
    右对齐 |:
    中对齐 :|:

案例：

1
2
3
4
|商品|数量|单价|
|-|:-------:|:------:|
|苹果|10|\$1|
|电脑|1|\$1000|
商品 数量 单价
苹果 10 $1
电脑 1 $1000

四、字体形态，如斜体、粗体、高亮等

（1）斜体

1
*斜体*

（2）加粗

1
**加粗**

（3）高亮

1
==高亮==

（4）删除

1
~~删除~~

（5）利用HTML的font标签-改字体、字体颜色、字体大小

1
2
3
4
5
6
7
8
9
<font face="仿宋">这是宋体</font>
<font face="仿宋">这是宋体</font>
<font face="楷体">这是楷体</font>
<font face="courier New" >This is courier New</font>
<font face="仿宋" color=red>这是红色宋体</font>
<font face="楷体" color="blue">这是蓝色楷体</font>
<font face=" courier New" color= #20B2AA>This is LightSeaGreen courier New</font>
这是默认字体
<font face="仿宋" color=red size=4>这是红色4号宋体</font>

案例：

这是宋体
这是宋体
这是楷体
This is courier New
这是红色宋体
这是蓝色楷体
This is LightSeaGreen courier New
这是默认字体
这是红色4号宋体

五、链接和图片嵌入

（1）链接

1
<https://www.baidu.com>

案例：
https://www.baidu.com

(2)行内链接

1
[百度](https://www.baidu.com)

案例：
百度

（3）图片

  • 方法1：使用路径，类似网址。
    1
    ![图片](http://baidu.com/hellotest.png)
  • 方法2：先利用用base64转码工具把图片转成一段字符串，然后把字符串填到基础格式中链接的那个位置。
    1
    ![avatar](data:image/png;base64,iVBORw0......)

（4）

六、分割线

1
可以通过输入三个或更多的「减号 -」、「星号 *」、「下划线 -」的方式创建一条相当于HTML 语法中 <hr/> 一样的分隔线。这三个符号之间可以包含空格，每种类型的分隔线，可以表现为如下形式： * * *, ***, *****, - - -, ---------。

(1)常见分割线表示

  • 表示形式1
    1
    ---
  • 表示形式2
    1
    ***
  • 表示形式3
    1
    ___
  • 表示形式4
    1
    <hr/>

（2）设定分割线样式，采用网页样式

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<!-- 设置分隔线样式 -->
<style>
hr {
  border-style: none !important;
  border-top-width: 0px !important;
  border-top-style: dashed !important;
  border-color: #D3D3D3 !important;
}
</style>
<!-- 结束 设置分隔线样式 -->


___
___
------ 本文结束------