CSDN-markdown编辑器简洁的语法与呈现效果对照

简介: 标题在文字写书写不同数量的#可以完成不同的标题,如下:# 一级标题## 二级标题### 三级标题#### 四级标题##### 五级标题###### 六级标题呈现效果:一级标题二级标题三级标题四级标题五级标题...

标题


在文字写书写不同数量的#可以完成不同的标题,如下:

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

呈现效果:

一级标题

二级标题

三级标题

四级标题

五级标题
六级标题

等号及减号也可以进行标题的书写,不过只能书写二级标题,并且需要写在文字的下面,减号及等号的数量不会影响标题的基数,如下:

二级标题
=========

二级标题
---------

呈现效果:

二级标题

二级标题

列表


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

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

呈现效果:
- 无序列表1
- 无序列表2
- 无序列表3
如果要控制列表的层级,则需要在符号“-”前使用空格。如下:

- 无序列表1
- 无序列表2
  - 无序列表2.1
     - 列表内容
     - 列表内容

呈现效果:
- 无序列表1
- 无序列表2
- 无序列表2.1
- 列表内容
- 列表内容
有序列表的使用,在数字及符号“.”后加空格几个,如下:

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

呈现效果:
1. 有序列表1
2. 有序列表2
3. 有序列表3

有序列表如果要区分层级,也可以在数字前加空格。

引用


引用的格式是使用符号“>”后面书写文字,及可以使用引用。如下:

>这个是引用
> 是不是和电子邮件中的
> 引用格式很像

呈现效果:

这个是引用
是不是和电子邮件中的
引用格式很像

粗体与斜体


粗体的使用是在需要加粗的文字前后各加两个“”,而斜体的使用则是在需要斜体的文字前后各加一个“”,如果要使用粗体和斜体,那么就是在需要操作的文字前后各加三个“*”。如下:

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

呈现效果:
这个是粗体
这个是斜体
这个是粗体加斜体

链接与图片


在文中直接加链接,中括号中是需要添加链接的文字,圆括号中是需要添加的链接,如下:

[link text](http://example.com/ "optional title")

呈现效果:
link text

在引用中加链接,第一个中括号添加需要添加的文字,第二个中括号中是引用链接的id,之后在引用中,使用id加链接:如下:

[link text][id]
[id]: http://example.com/ "optional title here"

呈现效果:
link text
在文中直接引用链接,直接使用尖括号,把链接加入到尖括号中就可以实现,如下:

<http://example.com/> or <address@example.com>

呈现效果:
http://example.com/ or address@example.com

插入互联网上图片,格式如下:

![这里写图片描述](http://img3.douban.com/mpic/s1108264.jpg)
![这里写图片描述][jane-eyre-douban]
[jane-eyre-douban]: http://img3.douban.com/mpic/s1108264.jpg

呈现效果:
这里写图片描述
这里写图片描述

markdown段落中如何产生缩进?

半方大的空白&ensp;或&#8194;
全方大的空白&emsp;或&#8195;
不断行的空白格&nbsp;或&#160;
呈现效果:
半方大的空白 或 
全方大的空白 或 
不断行的空白格 或 

&符号怎么表示

上面我想显示出&和后面的组合时,应该怎么办呢?
这时需要使用:&amp;

未完,待续……

目录
相关文章
|
6月前
|
前端开发 Docker 容器
写作利器,一款极简的Markdown 编辑器
WeChat Markdown Editor 是一款高度简洁的微信 Markdown 编辑器:支持 Markdown 语法、色盘取色、多图上传、一键下载文档、自定义 CSS 样式、一键重置等特性。
310 70
写作利器,一款极简的Markdown 编辑器
|
5月前
|
JSON 人工智能 前端开发
用markdown语法制作一个好看的网址导航页面(markdown-web-nav)
这是一篇关于创建网址导航页面的工具分享文章。作者介绍了从手动编写HTML代码到开发可视化工具 *markdown-web-nav* 的历程,旨在简化网址管理与导航页面生成的过程。该工具支持新增、编辑和删除网址数据,通过导入/导出JSON文件、实时预览Markdown效果以及一键复制等功能,让用户轻松制作美观的网站导航页面。文章还提供了详细的操作步骤及常见问题解答,如还原数据、获取网站图标链接等,适合不同技术水平的用户使用。
233 28
|
11月前
|
Ubuntu Linux 测试技术
Linux系统之部署轻量级Markdown文本编辑器
【10月更文挑战第6天】Linux系统之部署轻量级Markdown文本编辑器
490 1
Linux系统之部署轻量级Markdown文本编辑器
|
存储 安全 数据安全/隐私保护
Django 后端架构开发:富文本编辑器权限管理与 UEditor 、Wiki接入,实现 Markdown 文本编辑器
Django 后端架构开发:富文本编辑器权限管理与 UEditor 、Wiki接入,实现 Markdown 文本编辑器
532 0
|
存储 移动开发 编解码
基于HTML5开发的Markdown在线编辑器
Markdown是一种轻量级标记语言,以其简洁易读的格式而备受程序员和作者们的青睐。随着互联网的发展,越来越多的在线Markdown编辑器应运而生,为用户提供了更加便捷、高效的写作和编辑环境。本文将探讨基于HTML5开发的Markdown在线编辑器的设计原理、功能特点以及技术优势。
303 4
|
10月前
|
人工智能 移动开发 前端开发
Markdown-to-Image:开源的在线 Markdown 转海报编辑器
Markdown-to-Image 是一款开源的在线 Markdown 转海报编辑器,能够将 Markdown 文本内容转换为图像,适用于创建社交媒体帖子、海报和其他视觉内容。该工具支持多种输出格式,并允许用户自定义样式,适用于多种应用场景。
663 4
Markdown-to-Image:开源的在线 Markdown 转海报编辑器
|
12月前
|
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 )的使用
|
12月前
【LaTex、markdown】常用语法写出漂亮的blog
【9月更文挑战第9天】本文介绍了使用LaTeX和Markdown编写美观博客的方法。LaTeX方面,需定义文档类型、设置标题与作者,并利用特定命令处理文本格式、列表、数学公式、图片和超链接。Markdown则通过井号表示标题级别,使用星号或下划线标记文本,简化列表和公式的编写,并以直观方式插入图片和链接。两者均可通过合理布局提升博客的可读性和视觉效果。
257 8
|
前端开发 Python
60行Python代码开发在线markdown编辑器
60行Python代码开发在线markdown编辑器
195 2
Markdown使用HTML语法实现复杂表格
Markdown使用HTML语法实现复杂表格
437 1

热门文章

最新文章