内容介绍

最近在使用csdn的markdown编辑器写东西时发现了一些有趣的东西，下面简单列举一下，希望对看到的小伙伴有所帮助(本文目的为演示编辑效果，目录显示较乱)。

一、基础编辑

1、目录

各级标题完整目录显示的位置。

@[TOC](目录显示位置)

目录显示位置

内容介绍一、基础编辑1、目录2、标题一级标题二级标题三级标题四级标题五级标题六级标题3、快捷键4、文本样式5、列表5.1 无序列表5.2 有序列表5.3 待办事项TodoList6、链接7、图片7.1 图片7.2 带尺寸的图片7.3 居中的图片7.4居中且带尺寸的图片8、分割线9、段落9.1 缩进9.2 换行和段落10、代码片高亮显示11、表格11.1 markdown表格11.2 html表格12、注脚13、注释14、自定义列表二、小技巧1、空格：2、换行：3、锚点跳转：4、设置文本样式：5、特殊符号使用实体编号代替：6、添加表情符号：6.1、People6.2、Nature(部分)6.3、Objects(部分)6.4、Place(部分)6.5、Symbols(部分)

2、标题

1-6级，一级一个"#“，六级六个”#"。

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

一级标题

二级标题

三级标题

四级标题

五级标题

六级标题

3、快捷键

4、文本样式

*敲掉文本* _强调文本_**加粗文本** __加粗文本__==标记文本==~~删除文本~~H~2~O is是液体2^10^ 运算结果是 1024> 引用文本

敲掉文本强调文本

加粗文本加粗文本

标记文本

删除文本

H2O is是液体。

210 运算结果是 1024。

引用文本

5、列表

5.1 无序列表

5.2 有序列表

5.3 待办事项TodoList

6、链接

[链接包含描述文本和地址链接两部分](/)

链接包含描述文本和地址链接两部分

7、图片

7.1 图片

![测试图片](https://img-/0419174516559.jpg)

7.2 带尺寸的图片

![测试图片](https://img-/0419174516559.jpg =100x100)

7.3 居中的图片

![测试图片](https://img-/0419174516559.jpg#pic_center)

7.4居中且带尺寸的图片

![测试图片](https://img-/0419174516559.jpg#pic_center =100x100)

8、分割线

使用星号"*“、减号”-“或下划线”_"，连续三个或三个以上

***_____-----

9、段落

9.1 缩进

  缩进文本

缩进文本

9.2 换行和段落

一次Enter为换行，两次Enter为段落

10、代码片高亮显示

```后可设置语言，如html,css,javascript等

```code```

function handle(){// todo...}

11、表格

11.1 markdown表格

冒号":"表示对齐方式

项目| Value-------- | -----电脑 | $1600手机 | $12导管 | $1| Column 1 | Column 2||:--------| -------------:|| centered 文本居中 | right-aligned 文本居右 |

11.2 html表格

<table id="htmltable"><tr><td width=20% rowspan=3>单元格-合并-指定宽度</td><td bgcolor="#FF9797">单元格-背景色</td><td><font face="华文楷体">单元格-华文楷体</font></td></tr><tr><td><font color=blue size=5>单元格-字体颜色-5号字</font></td><td align="left"><font>单元格-文本左对齐</font></td></tr><tr><td><font face="华文彩云" size=5>单元格 - 华文彩云 - 5号字</font></td><td>单元格第一行<br>单元格第二行<br>单元格第三行</td></tr></table>

12、注脚

**注脚1**:^[这是注脚1]**注脚2**:[^2][^2]:这是注脚2

注脚1:<sup>1</sup>

注脚2:<sup>2</sup>

13、注释

> [^_^]: <> (注释内容1——符号左右加空格)> [//]: # (注释内容2——符号左右加空格)> <!-- 我是注释内容3 -->

14、自定义列表

markdown: this is a markdownauthors: author is 人间小美味695

markdownthis is a markdown

authorsauthor is 人间小美味695

二、小技巧

1、空格：

 

2、换行：

<br>

3、锚点跳转：

目标元素添加id属性，点击链接使用"#"加对应的id值。

[测试锚点——跳转至10.2html表格](#htmltable)

测试锚点——跳转至11.2html表格

4、设置文本样式：

<font color="#FF8C0" size=3 face="华文楷体">文本内容使用font标签包裹，可通过face设置字体，size设置字号，color设置颜色</font>

文本内容使用font标签包裹，可通过face设置字体，size设置字号，color设置颜色

5、特殊符号使用实体编号代替：

X Y Z [ \ ] ^ _ ` a b c

X Y Z [ \ ] ^ _ ` a b c

ASCII字符集——参考文档：/tags/html-ascii.html

6、添加表情符号：

6.1、People

6.2、Nature(部分)

6.3、Objects(部分)

6.4、Place(部分)

6.5、Symbols(部分)

注：

为方便区分代码和样式，所有样式均使用引用方式包裹，实际显示可复制代码自行试验。

流程图、甘特图等作者平时使用较少，暂不列入文中，需要的可查看帮助文档，也可留言或私聊沟通。

标签：csdn，markdown，编辑器，排版样式

更多演示案例，查看案例演示

欢迎评论留言!

这是注脚1 ↩︎

这是注脚2 ↩︎