1 Markdown简介

Markdown是一种轻量级标记语言,排版语法简洁,让人们更多地关注内容本身而非排版。它使用易读易写的纯文本格式编写文档,可与HTML混编,可导出 HTML、PDF 以及本身的 .md 格式的文件。因简洁、高效、易读、易写,Markdown被大量使用,如Github、Wikipedia、简书等。

2 Markdown语法教程

2.1 标题

不同数量的#可以完成不同的标题,如下:

# 一级标题

## 二级标题

### 三级标题

一级标题

二级标题

三级标题

2.2 字体

粗体、斜体、粗体和斜体,删除线,需要在文字前后加不同的标记符号。如下:

**这个是粗体**

*这个是斜体*

***这个是粗体加斜体***

~~这里想用删除线~~

这个是粗体

这个是斜体

这个是粗体加斜体

这里想用删除线

注:如果想给字体换颜色、字体或者居中显示,需要使用内嵌HTML来实现。

2.3 无序列表

无序列表的使用,在符号-后加空格使用。如下:

- 无序列表 1
- 无序列表 2
- 无序列表 3
  • 无序列表 1
  • 无序列表 2
  • 无序列表 3

如果要控制列表的层级,则需要在符号-前使用空格。如下:

- 无序列表 1
- 无序列表 2
  - 无序列表 2.1
  - 无序列表 2.2
  • 无序列表 1
  • 无序列表 2

    • 无序列表 2.1
    • 无序列表 2.2

2.4 有序列表

有序列表的使用,在数字及符号.后加空格后输入内容,如下:


1. 有序列表 1
2. 有序列表 2
3. 有序列表 3
  1. 有序列表 1
  2. 有序列表 2
  3. 有序列表 3

2.5 引用

引用的格式是在符号>后面书写文字。如下:

> 天生我材必有用,千金散尽还复来。 ——李白

> 长风破浪会有时,直挂云帆济沧海。  ——李白

天生我材必有用,千金散尽还复来。 ——李白

长风破浪会有时,直挂云帆济沧海。 ——李白

2.7 链接

使用方法如下所示:

[万物之时的个人博客](http://wwzs.e-hai.one)

万物之时的个人博客

2.8 图片

插入图片,格式如下:

![这里写图片描述](图片链接)
![万物之时的个人博客](https://cdn.jsdelivr.net/gh/wanwuzhishi/picx-images-hosting@master/Clip_2024-10-08_13-18-26.969q3nu2xy.png)

万物之时的个人博客

支持 jpg、png、gif、svg 等图片格式,其中 svg 文件仅可在微信公众平台中使用

2.9 分割线

可以在一行中用三个以上的减号来建立一个分隔线,同时需要在分隔线的上面空一行。如下

---

2.10 表格

可以使用冒号来定义表格的对齐方式,如下:

| 姓名   | 年龄 |     爱好 |
| :----- | :--: | -------: |
| 万物之时 |  18  | 读书 |
| 万物之时1 |  19  | 看番 |
| 万物之时2 |  20  | 玩游戏 |
姓名年龄爱好
万物之时18读书
万物之时119看番
万物之时220玩游戏

3. 特殊语法

3.1 代码块

如果在一个行内需要引用代码,只要用反引号引起来就好,如下:

1234 5 6789

在需要高亮的代码块的前一行及后一行使用三个反引号,同时第一行反引号后面表示代码块所使用的语言,如下:

// FileName: HelloWorld.java
public class HelloWorld {
  // Java 入口程序,程序从此入口
  public static void main(String[] args) {
    System.out.println("Hello,World!"); // 向控制台打印一条语句
  }
}

支持以下语言种类:

bash
clojure,cpp,cs,css
dart,dockerfile, diff
erlang
go,gradle,groovy
haskell
java,javascript,json,julia
kotlin
lisp,lua
makefile,markdown,matlab
objectivec
perl,php,python
r,ruby,rust
scala,shell,sql,swift
tex,typescript
verilog,vhdl
xml
yaml

4 其他语法

4.1 HTML

支持原生 HTML 语法,请写内联样式,如下:

<span style="display:block;text-align:right;color:orangered;">橙色居右</span>
<span style="display:block;text-align:center;color:orangered;">橙色居中</span>

橙色居右
橙色居中