CSDN-Markdown编辑器语法详解

柔情只为你懂 2022-05-25 13:59 221阅读 0赞

*   *  简介
     *  1、使用标题
     *  2、对文本使用加粗、斜体、删除线
        
         *   *   *  2.1 对指定文本进行加粗：
                 *  2.2 对指定文本使用斜体：
                 *  2.3 对文本加粗并且斜置：
                 *  2.4 删除线
     *  3、分割线的使用
     *  4、列表的使用
        
         *   *   *  4.1 有序列表
                 *  4.2 无序列表
     *  5、引用
     *  6、代码块
     *  7、首行缩进
     *  8、字体和颜色
     *  9、图片相关

## 简介 ##

Markdown使我们可以完全使用文本来编辑博客，不使用鼠标。比如，我们设置标题，在古老的CSDN博客编辑器中只能用鼠标去点标题，现在不用了，只需要遵循下Markdown的简单语法就可以做到这一点了。

注意：该语法与HTML是兼容的，也可以写HTML代码，在MarkDown文件中，所有html标签都可以直接使用，无需任何特殊处理，唯一限制是，html块元素前后要空出一行。

本文介绍使用Markdown写博客的基本语法。

## 1、使用标题 ##

Markdown可以使用\#来标示标题。一个\#后面跟的内容是一级标题，一般一级标题是文章的大标题。两个\#后面跟的内容是二级标题，依次类推。如下列所示：

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

## 2、对文本使用加粗、斜体、删除线 ##

##### 2.1 对指定文本进行加粗： #####

**文本加粗**

文本加粗结果显示：  
**文本加粗**

--------------------

##### 2.2 对指定文本使用斜体： #####

*文本斜置*

斜置文本结果显示：

*文本斜体*

--------------------

##### 2.3 对文本加粗并且斜置： #####

***文本加粗、斜置***

结果显示：  
***文本加粗并且斜置***

##### 2.4 删除线 #####

~~文本删除~~

结果显示：  
文本删除

## 3、分割线的使用 ##

使用分割线的语法为：

空一行后，使用三个以上的短线、星号、或者下划线。如下所示：

--- 
    ***
    
    ___

得到的结果为：

--------------------

## 4、列表的使用 ##

列表有两种，一种是无序列表，使用一些图标标记，没有序号；一种是有序列表，使用数字标记。

##### 4.1 有序列表 #####

有序列表语法：

在数字和“.”号之后加一个空格，再跟列表项的内容。例如：
    1. 今天吃什么
    2. 你吃早饭了吗
    3. 他吃中饭了吗

得到的结果为：  
1. 今天吃什么  
2. 你吃早饭了吗  
3. 他吃中饭了吗

也可以使用分级，使用方法与无序列表类似：在低层列表前再加一个空格。

1. 蔬菜
    2. 水果
     1. 苹果
     2. 香蕉
    3. 肉类
     1. 羊肉
     2. 牛肉

得到的结果为：

1.  蔬菜
2.  水果
    
    1.  苹果
    2.  香蕉
3.  肉类
    
    1.  羊肉
    2.  牛肉

##### 4.2 无序列表 #####

无序列表语法：

* 蔬菜 
    + 水果
    - 肉食

其中使用（\*、+、-）其中一种符号均可，内容和标签符号之间有一个空格，显示结果如下：

*  蔬菜
 *  水果
 *  肉食

如果列表项中要包含引用，则引用的>必须被缩进，如下：

* 一个包含引用的列表项
      >列表项目里的引用

结果显示为：  
\* 一个包含引用的列表项

> 列表项目里的引用

如果要在列表项里包含代码块，则引用的>必须以8个空格或两个Tab开始：

* 一个包含代码块的列表项
     > 代码块

结果显示为：  
\* 一个包含代码块的列表项

> 代码块

## 5、引用 ##

语法如下：

> 一级引用
    > > >第二级引用
    > > 一级引用

显示结果：

> 一级引用
> 
> > 二级引用
> 
> 一级引用

## 6、代码块 ##

这个功能是为程序员特别设计的，用于在文章中嵌入程序源码。格式也很简单，以至少4个空格或1个Tab开头的文本就被认为是代码了。如下：

代码块

int main()
    {
      printf("Hello World!");
    }

在需要高亮的代码块的前一行及后一行使用三个反引号“\`”（Esc下面那个键），同时第一行反引号后面表面代码块所使用的语言，如下:

```HTML
 <!DOCTYPE HTML>
 <head>
 <charset="UTF-8">
 <title>Example</title>
 <head>
 <body>
 </body>
 ``

结果显示

<!DOCTYPE HTML>
 <head>
 <charset="UTF-8">
 <title>Example</title>
 </head>
 <body>
 </body>

当然如果在一个行内需要引用代码，只要用反引号\`引起来就好，如下：

This is a inline code `printf()` function.

结果为：  
This is a inline code `printf()` function.

## 7、首行缩进 ##

MarkDown上首行缩进没什么好的办法，就是加 或者 
    或者

效果：  
 这是&nbsp的效果  
 这是&ensp的效果  
 这是&emsp的效果

## 8、字体和颜色 ##

我是1号黑体字
 我是2号微软雅黑
 我是3号华文彩云
 我是4号黑体
 我是5号color=#00ffff
 我是6号color=gray
 我是7号color=Blue

显示效果：  
我是1号黑体字  
我是2号微软雅黑  
我是3号华文彩云  
我是四号黑体  
我是5号color=\#00ffff  
我是6号color=gray  
我是7号color=blue

## 9、图片相关 ##

MarkDown提供的插图片的方式:

![唯美之花](/images/20220525/5d495e7223974baaa6209d705eacd8e4.png)

![唯美之花][70]  
由于这种插入图片的方式没有办法改变图片的位置和大小，很是不方便，MarkDown既然支持Html，所以html语句当然也是可以的，固定图片显示大小：

![70][]  
可以给图片加个标注：

![70][]  
图1.唯美之花  
  
链接形式2：

[欢迎访问我的CSDN主页](https://blog.csdn.net/qq_36595013)

[欢迎访问我的CSDN主页][CSDN]

本文就到此为止了，下篇文章将继续完善markdown语法的介绍。若有需要可以访问[markdown进阶语法介绍][markdown]

[70]: /images/20220525/5d495e7223974baaa6209d705eacd8e4.png
[CSDN]: https://blog.csdn.net/qq_36595013
[markdown]: https://mp.csdn.net/mdeditor

CSDN-Markdown编辑器语法详解

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关 Linux VI编辑器详解

相关 Markdown 编辑器语法指南

相关 CSDN-markdown编辑器语法

相关 markdown编辑器语法

相关 CSDN-Markdown编辑器语法详解

相关 Markdown编辑器基本语法

相关 01 CSDN新Markdown编辑器语法

相关 markdown编辑器语法

相关 CSDN-markdown编辑器基础语法

相关 JavaScript语法详解