Markdown基本语法,5分钟上手Discuz!Q3.0图文混排

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

Discuz!Q3.0的图文编辑器,支持Markdown编辑模式,实现图文混排,就需要了解一下Markdown语法!

一、标题

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

注:标准语法一般在#后跟个空格再写文字,否则会被Discuz!Q3.0判断为话题。

示例:

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

效果如下:

图片[1]-Markdown基本语法,5分钟上手Discuz!Q3.0图文混排-微看VCAN

二、字体

  • 加粗:左右分别用两个*号包起来
  • 斜体:左右分别用一个*号包起来
  • 斜体加粗:左右分别用三个*号包起来
  • 删除线:左右分别用两个~~号包起来

示例:

**这是加粗的文字**
*这是倾斜的文字*
***这是斜体加粗的文字***
~~这是加删除线的文字~~

效果如下:

这是加粗的文字
这是倾斜的文字
这是斜体加粗的文字
这是加删除线的文字

三、引用

在引用的文字前加>即可。

引用也可以嵌套,如加两个>>、三个>>>、n个…可以无限嵌套

示例:

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

效果如下:

图片[2]-Markdown基本语法,5分钟上手Discuz!Q3.0图文混排-微看VCAN

四、分割线

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

示例:

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

效果预览:(略)

五、图片

语法:

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

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

示例:

![微看VCAN网](https://www-vcan-1255523153.cos.ap-guangzhou.myqcloud.com/2021/06/20210629034736393.png "微看VCAN.TOP")

效果预览:可以动手复制到Discuz!Q3.0站点试试看。

微看VCAN网

目前的Discuz!Q3.0还不支持图片本地化,所以需要用到图床统一域名,或是手动上传到COS获取图片链接。如果要上架小程序,记得要给图床域名加入白名单。

六、超链接

语法:

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

title可加可不加

示例:

[微看VCAN](https://www.dzq3.com)
[百度](https://www.baidu.com "百度一下")

效果预览:可以动手复制到Discuz!Q3.0站点试试看。

微看VCAN

百度

注:暂不支持新页面打开。

七、列表

无序列表

语法:用 – + * 任何一种都可以

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

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

效果如下:

  • 列表内容
  • 列表内容
  • 列表内容

有序列表

语法:数字加点空格

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

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

效果如下:

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

列表嵌套

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

效果如下:

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

八、表格

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

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

示例:

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

效果如下:

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

九、代码

单行代码

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

`代码内容`

代码块

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

(```)
  代码...
  代码...
  代码...
(```)

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

示例:

单行代码

`create database hero;`

代码块

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

效果如下:

单行代码

create database hero;

代码块

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

十、流程图

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

效果如下:

图片[4]-Markdown基本语法,5分钟上手Discuz!Q3.0图文混排-微看VCAN

原文地址:https://www.dzq3.com/243.html


👋 感谢您的观看!

© 版权声明
THE END
整理不易,点赞支持一下
点赞10 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容