关于CSDN的markdown编辑器的使用方法简介

一、常用的功能快捷键

  • 撤销:Ctrl/Command + Z

  • 重做:Ctrl/Command + Y

  • 查找:Ctrl/Command + F

  • 替换:Ctrl/Command + G

  • 标题:Ctrl/Command + Shift + H

    直接输入1次#,并按下space后,输入的内容将生成1级标题。
    输入##,并按下space后,输入的内容将生成2级标题。以此类推……

  • 无序列表:Ctrl/Command + Shift + U

  • 有序列表:Ctrl/Command + Shift + O

  • 检查列表:Ctrl/Command + Shift + C

  • 插入代码:Ctrl/Command + Shift + K

  • 插入链接:Ctrl/Command + Shift + L

  • 插入图片:Ctrl/Command + Shift + G

  • 字体颜色:<font color="red"> 内容 </font>;效果: 内容

  • 字体类型:<font face="楷体"> 内容 </font>效果: 内容

  • 字体大小:<font size=48> 内容 </font>效果: 内容

  • 标记文本: ==希望标记的文本内容 ==效果:希望标记的文本内容

  • 删除文本:~~删除文本~~效果:删除文本

  • 加粗:Ctrl/Command + B

  • 斜体:Ctrl/Command + I

  • 引用文本:> 引用文本
      效果:

    引用文本

  • 下标 H~2~O效果:H2O

  • 上标 2^10^效果:210

  • 文本的缩进:&emsp;;一个&emsp;代表1/2汉字的缩进量;段落之间的空格也可在空白的一行中输入&emsp;,因为只是单纯的输入空格断开段落是不能形成更多的空白区的;
    示例:
    在这里插入图片描述


二、插入链接与图片

  • 链接: [link](https://www.csdn.net/).
    效果:链接: link.
  • 图片:
    在这里插入图片描述
    然后:
    在这里插入图片描述
    接着可以选择图片的位置:
    在这里插入图片描述
    最后选择需要上传的图片,点击确定即可。

三、插入代码片

1、可以输入两个反引号(就是tab键上面的那个键)
2、也可是直接点击代码块来实现:在这里插入图片描述
当谈如果不喜欢当前默认的代码高亮样式,也可以去博客设置页面,选择一款自己喜欢的代码高亮样式:
在这里插入图片描述

四、列表的多样性

- 项目
  - 项目
    - 项目

1. 项目
2. 项目
3. 项目

- [ ] 计划任务
- [x] 完成任务

效果:

  • 项目
    • 项目
      • 项目
  1. 项目1
  2. 项目2
  3. 项目3
  • 计划任务
  • 完成任务


五、创建自定义列表

自定义列表
:  自定义列表1
:  自定义列表2
:  自定义列表3
:  自定义列表4

效果:

自定义列表
自定义列表1
自定义列表2
自定义列表3
自定义列表4


六、创建表格

商品     | 价格
-------- | -----
笔记本  | $ 6999
手机  | $2499

效果:

商品 价格
笔记本 $ 6999
手机 $2499

1、设定表格文本的居左对齐、居中对齐、居右对齐

使用:----------居左
使用:---------:居中
使用----------:居右

示例:

文本居左 文本居中 文本居右
文本居左 文本居中 文本居右


七、创建一个注脚

一段有注脚的段落或文本。[^1]

[^1]: 注脚的解释内容

效果:

一段有注脚的段落或文本。1


八、创建内容注释

// 需要注释的内容后面一定要有空格
Markdown 是一种强大的标记语言。

*[Markdown]:   Markdown是一种可以使用普通文本编辑器编写的标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式

效果:

Markdown 是一种强大的标记语言。

九、总结

当然:
在这里插入图片描述
如上图所示我们可以在创作文章上面的工具栏中找到很多markdown编辑器的使用方法,文章中只是展示的了一下markdown编辑器的简单使用,还有着能使我们的文章更具有观赏性的方法等着大伙的发掘及使用。




  好的,以上就是本文的所有内容,如后续还有关于CSDN的markdown编辑器的使用方法的内容,会持续更新分享给大家,谢谢!


  1. 注脚的解释内容会在文章的最底下展示 ↩︎

猜你喜欢

转载自blog.csdn.net/Zhuangvi/article/details/106388841
今日推荐