Markdown编辑器语法指南

简介: E文好的同学请查看英文原文: Markdown syntax guide目录您可以使用[TOC]在文章的任何位置插入目录,甚至插入多个目录。呈现效果:目录呈现效果标题呈现效果这是一级标题相当于HTML中的H1标签Th...

E文好的同学请查看英文原文: Markdown syntax guide

目录


您可以使用[TOC]在文章的任何位置插入目录,甚至插入多个目录。

呈现效果:


标题


# 这是一级标题,相当于HTML中的H1标签
## This is an H2
###### This is an H6

呈现效果:


这是一级标题,相当于HTML中的H1标签

This is an H2

This is an H6

段落


每个段落从一个新行开始,段落前最好有一个空行。只需按下回车键<Enter>开始一个新行。

例如,
像下面这样。

你需要在段落和任何以下的内容之间保留一个空行
如有序或无序的列表,像下面这样:

* 项目 1 
* 项目 2

呈现效果:


每个段落从一个新行开始,段落前最好有一个空行。只需按下回车键<Enter>开始一个新行。

例如,
像下面这样。

你需要在段落和任何以下的内容之间保留一个空行
如有序或无序的列表,像下面这样:

  • 项目 1
  • 项目 2

字符样式


*&nbsp;&nbsp;斜体字符*
**粗体字符**
~~删除线的文字~~

注意:*号与内容之间不要有空格,如果确实需要使用空格,请使用&nbsp;

呈现效果:


  斜体字符
粗体字符
删除线的文字

无序的列表


* Item 1
* Item 2
* Item 3
    * Item 3a
    * Item 3b
    * Item 3c

注意:*号与内容之间需要有空格

呈现效果:


  • Item 1
  • Item 2
  • Item 3
    • Item 3a
    • Item 3b
    • Item 3c

排序的列表


1. Step 1
2. Step 2
3. Step 3
    a. Step 3a
    b. Step 3b
    c. Step 3c

注意:.号与内容之间需要有空格

呈现效果:


  1. Step 1
  2. Step 2
  3. Step 3
    a. Step 3a
    b. Step 3b
    c. Step 3c

在列表中的列表


1. Step 1
2. Step 2
3. Step 3
    * Item 3a
    * Item 3b
    * Item 3c

呈现效果:


  1. Step 1
  2. Step 2
  3. Step 3
    • Item 3a
    • Item 3b
    • Item 3c

引号或引文


这是一段引用的内容

>引用的内容
>引用的内容
>引用的内容

呈现效果:


这是一段引用的内容

引用的内容
引用的内容
引用的内容

内联代码字符


使用反撇号 `function()` 是指。

这里有一个字符 `` 引号 (`)``

呈现效果:


使用反撇号 function() 是指。

这里有一个字符 引号 (`)

行内代码及代码块


缩进每一行由至少 4 个空格或 1 个制表符Tab。

这是一个正常的段落:

    这是一个代码块。
    包含多行。

或者,您可以使用 3 个反引号在代码块之前和之后,像这样:

 ```
这是一个代码块
 ```

若要使添加的代码块高亮,将代码语言的名称添加到紧随反引号之后:

 ```javascript
var oldUnload = window.onbeforeunload;
window.onbeforeunload = function() {
    saveCoverage();
    if (oldUnload) {
        return oldUnload.apply(this, arguments);
    }
};
 ```        

注意:在代码块中插入代码块的Markdown格式时,需要在反引号之前添加空格,否则呈现的布局会超出你的预期。

支持所有常见的编码语言,包括 C、 c++、 Java、 Scala,Python 和 JavaScript。

呈现效果:


缩进每一行由至少 4 个空格或 1 个制表符Tab。

这是一个正常的段落:

这是一个代码块。
包含多行。

或者,您可以使用 3 个反引号在代码块之前和之后,像这样:

这是一个代码块

若要使添加的代码块高亮,将代码语言的名称添加到紧随反引号之后:

var oldUnload = window.onbeforeunload;
window.onbeforeunload = function() {
    saveCoverage();
    if (oldUnload) {
        return oldUnload.apply(this, arguments);
    }
};

外部网站链接


这是 [一个例子](http://blog.csdn.net/column/details/markdown.html "标题") 的内联链接。

[这个链接](http://blog.csdn.net/testcs_dn) 没有标题属性。

注意:括号必需要是英文半角的。

呈现效果:


这是 一个例子 的内联链接。

这个链接 没有标题属性。

图像


图像及图像链接语法如下所示:

![我的头像](http://avatar.csdn.net/D/1/B/1_testcs_dn.jpg)
![专家图标](http://c.csdnimg.cn/jifen/images/xunzhang/xunzhang/bokezhuanjiamiddle.png "专家图标")
[![专栏图标](http://avatar.csdn.net/blogpic/20150309232245583.jpg)](http://blog.csdn.net/column/details/markdown.html "CSDN-Markdown专栏")

呈现效果:


我的头像
专家图标
专栏图标

表格


|每天 |主食 |价格 |
|--------|---------|-------|
|周一 |面<br>食 |$6 |
|周二 |鸡 |$8 |

呈现效果:


每天 主食 价格
周一
$6
周二 $8

注意:表格中的“面<br>食”,如果想指定某个位置换行的话,需要使用“<br>”标签,直接使用<Enter>回车键是不行的。

反斜杠转义符


Markdown 可以利用反斜杠来插入一些在语法中有其它意义的符号,例如:如果你想要用星号加在文字旁边的方式来做出强调效果(但不用 <em> 标签),你可以在星号的前面加上反斜杠:

\* 字符星号 \*

Markdown 支持以下这些符号前面加上反斜杠来帮助插入普通的符号:

\   反斜线
`   反引号
*   星号
_   底线
{}  花括号
[]  方括号
()  括弧
#   井字号
+   加号
-   减号
.   英文句点
!   惊叹号

这里再插入一个目录:

目录
相关文章
|
16天前
|
Linux UED C++
MarkEdit:相信做技术的同学都会喜欢这个编辑器的,MarkEdit编辑器,让Markdown编辑变得简单而强大,超赞~~~
嗨,大家好,我是小华同学。MarkEdit是一款跨平台的Markdown编辑器,支持Windows、macOS和Linux,提供实时预览、快捷键、自定义主题和插件系统等核心功能。它适用于日常笔记、技术文档、博客写作、学术论文和电子书制作等多种场景。
109 31
|
3月前
|
人工智能 移动开发 前端开发
Markdown-to-Image:开源的在线 Markdown 转海报编辑器
Markdown-to-Image 是一款开源的在线 Markdown 转海报编辑器,能够将 Markdown 文本内容转换为图像,适用于创建社交媒体帖子、海报和其他视觉内容。该工具支持多种输出格式,并允许用户自定义样式,适用于多种应用场景。
173 4
Markdown-to-Image:开源的在线 Markdown 转海报编辑器
|
4月前
|
Ubuntu Linux 测试技术
Linux系统之部署轻量级Markdown文本编辑器
【10月更文挑战第6天】Linux系统之部署轻量级Markdown文本编辑器
214 1
Linux系统之部署轻量级Markdown文本编辑器
|
5月前
|
JavaScript 前端开发 API
vue3 v-md-editor markdown编辑器(VMdEditor)和预览组件(VMdPreview )的使用
本文介绍了如何在Vue 3项目中使用v-md-editor组件库来创建markdown编辑器和预览组件。文章提供了安装步骤、如何在main.js中进行全局配置、以及如何在页面中使用VMdEditor和VMdPreview组件的示例代码。此外,还提供了一个完整示例的链接,包括编辑器和预览组件的使用效果和代码。
vue3 v-md-editor markdown编辑器(VMdEditor)和预览组件(VMdPreview )的使用
|
5月前
【LaTex、markdown】常用语法写出漂亮的blog
【9月更文挑战第9天】本文介绍了使用LaTeX和Markdown编写美观博客的方法。LaTeX方面,需定义文档类型、设置标题与作者,并利用特定命令处理文本格式、列表、数学公式、图片和超链接。Markdown则通过井号表示标题级别,使用星号或下划线标记文本,简化列表和公式的编写,并以直观方式插入图片和链接。两者均可通过合理布局提升博客的可读性和视觉效果。
122 8
|
6月前
|
前端开发 Python
60行Python代码开发在线markdown编辑器
60行Python代码开发在线markdown编辑器
88 2
|
6月前
|
存储 安全 数据安全/隐私保护
Django 后端架构开发:富文本编辑器权限管理与 UEditor 、Wiki接入,实现 Markdown 文本编辑器
Django 后端架构开发:富文本编辑器权限管理与 UEditor 、Wiki接入,实现 Markdown 文本编辑器
233 0
|
6月前
Markdown使用HTML语法实现复杂表格
Markdown使用HTML语法实现复杂表格
233 1
|
6月前
|
资源调度
机器人学 markdown数学公式常用语法
本文提供了Markdown中数学公式的常用语法,包括行内公式、行间公式、基本运算、矩阵、微积分、大小比较、开根号、表格、角标、头顶标、空格、括号、特殊字符、分式、文字、希腊字母以及分类括号的详细使用方法和示例。
122 1
|
7月前
|
自然语言处理 开发者 Python
Markdown 是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档,然后转换成格式丰富的 HTML 内容。Markdown 的语法简洁明了、学习容易,而且功能比纯文本更强。
Markdown 是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档,然后转换成格式丰富的 HTML 内容。Markdown 的语法简洁明了、学习容易,而且功能比纯文本更强。

热门文章

最新文章