所有符号均为英文符号。

1. 标题

语法:# 后面加一个空格,如:

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

2. 分隔符

语法:数个 + ,或数个 -,需要注意与上下段落之间留有空行,如:

这是空行
----------
这是空行

示例如下:


3. 脚注

语法:分为两部分,放在正文中的 [^编号] 和放在文末的 [^]:,如:

正文部分:需要注释说明的文字[^1]
[^1]:解释说明

示例如下:

正文部分:需要注释说明的文字 1

4. 图片

语法:![图片名称](图片链接)

![图片名称](图片链接)

示例如下:

图片名称
图片名称

5. 链接

语法:

[需要链接的文字](https://sssin.cn/)

示例如下:

需要链接的文字

或者将某段文本以链接的形式显示:

<https://sssin.cn/>

https://sssin.cn/

大多数主题支持直接让网页链接可点击:

需要链接的文字:https://sssin.cn/

需要链接的文字:https://sssin.cn/

6. 序列

有序序列语法:数字 + 句点 + 空格 + 文字

1. 一个苹果
2. 两个苹果
3. 三个苹果

示例如下:

  1. 一个苹果
  2. 两个苹果
  3. 三个苹果

无序序列语法:- 号或 + 号 + 空格 + 文字

- 一个苹果
- 两个苹果
- 三个苹果

+ 一个苹果
+ 两个苹果
+ 三个苹果

示例如下:

  • 一个苹果
  • 两个苹果
  • 三个苹果
  • 一个苹果
  • 两个苹果
  • 三个苹果

嵌套序列语法:

- 此处为1个“-”号+空格+文字
  1. 此处为2个空格+数字+文字
  2. 此处为2个空格+数字+文字
  3. 此处为2个空格+数字+文字

示例如下:

  • 此处为1个“-”号+空格+文字

    1. 此处为2个空格+数字+文字
    2. 此处为2个空格+数字+文字
    3. 此处为2个空格+数字+文字

嵌套无序序列语法:

- 此处为1个“-”号+空格+文字
  - 此处为2个空格+“-”号+文字
   - 此处为3个空格+“-”号+文字
    - 此处为4个空格+“-”号+文字
     - 此处为5个空格+“-”号+文字
      - 此处为6个空格+“-”号+文字

示例如下:

  • 此处为1个“-”号+空格+文字

    • 此处为2个空格+“-”号+文字

      • 此处为3个空格+“-”号+文字
      • 此处为4个空格+“-”号+文字

        • 此处为5个空格+“-”号+文字
        • 此处为6个空格+“-”号+文字

7. 代码

语法

    
 ```
 代码
 ```

或者用这个:code

在段落中使用这个玩意,比如`code`

效果如下

在段落中使用这个玩意,比如`code`

代码高亮


在头部的 " ``` " 
加上: "json" 例如

  ` ` `json
{
  "firstName": "John",
  "lastName": "Smith",
  "age": 25
}
 ` ` `

呈现如下所示:

{
  "firstName": "John",
  "lastName": "Smith",
  "age": 25
}

表格

要添加表格,请使用三个或更多连字符 (---) 创建每个列的标题,并使用竖线 (|) 分隔每个列。为了兼容性,您还应该在行的两端添加一个竖线。

|  语法   |  说明 |
| ----  | ---- |
| 标题   | 标题  |
| 段落   | 段落  |

呈现如下所示:

语法说明
标题标题
段落段落

对齐
可以通过在标题行的连字符左侧、右侧或两侧添加冒号 (:) 将列中的文本左对齐、右对齐或居中对齐。

| 语法      |      说明    |     测试文本     |
| :---      |    :----:   |          ---:   |
| 标题      |      标题    |       这是      |
| 段落      |      文本    |       更多      |

呈现如下所示:

语法说明测试文本
标题标题这是
段落文本更多

嵌入

页面或其他:三个英文感叹号包裹 !!!

!!!
<div style="padding-bottom: 100%;width: 100%;position: relative;"><iframe src="https://blog.hzyo.cn/tool/clock.html" frameborder="0"  style="position: absolute;width: 100%;height: 100%;"></iframe></div>
!!!

嵌入效果:

插入视频
第一种:嵌入

    !!!
    <video src="视频地址" width="100%" height="480" controls="controls"></video>
    !!!

示例:

第二种:插入js需要自行安装ckplayer

<link type="text/css" rel="stylesheet" href="https://sssin.cn/ckplayer/ckplayer/css/ckplayer.css" />
<script type="text/javascript" src="https://sssin.cn/ckplayer/ckplayer/js/ckplayer.js" charset="UTF-8"></script>
<div class="video" style="width: 100%;height: 400px;">播放器容器</div>
<script type="text/javascript">
    //定义一个变量:videoObject,用来做为视频初始化配置
    var videoObject = {
        container: '.video', //“#”代表容器的ID,“.”或“”代表容器的class
        video: 'url'//视频地址
    };
    var player = new ckplayer(videoObject);//初始化播放器
</script>

示例:

播放器容器

ckplayer官网: https://www.ckplayer.com/

VOID 主题中的附加用法

1. 拼音

语法

用一对大括号包起来,由于会被主题直接转义,所以我加了个#,注意去掉
{#{魈:xiāo}#}

示例:
(xiāo)

2. 删除线

~~删除~~

VOID 会将删除线显示为黑幕,如:删除

3. 图集

语法

这里与文字要空两行
[photos]
![]()
![]()
[/photos]

示例:

图片名称1
图片名称1
图片名称2
图片名称2

想了解更多 Markdown语法?


  1. 解释说明