csdn的Markdown编辑器语法笔记

这只是一遍Markdown练习笔记,学习Markdown语法的同时随手做个笔记。

Markdown编辑器与普通富文本编辑器的优劣对比

  • 富文本编辑器:像word一样,所见即所得的编辑器
  • Markdown编辑器: 输入文本的同时输入标记字符,需要手动切换进预览模式查看处理效果,Markdown本身也是一种标记语言。
Markdown编辑器 富文本编辑器
1. 需要记住一些语法 1.修改文章内容格式比较麻烦,需要选中再点击格式
2.不是所见即所得,没有那么直观 2.所见即所得,可以看到直观的效果
3.有时候需要打更多的符号 3.不需要输入太多的符号
4.手机上格式更多,可以添加表格 4.没有表格
5.格式更加的丰富 5.格式不够丰富

功能快捷键

撤销:Ctrl/Command + Z
重做:Ctrl/Command + Y
加粗:Ctrl/Command + B
斜体:Ctrl/Command + I
标题:Ctrl/Command + Shift + H
无序列表:Ctrl/Command + Shift + U
有序列表:Ctrl/Command + Shift + O
检查列表:Ctrl/Command + Shift + C
插入代码:Ctrl/Command + Shift + K
插入链接:Ctrl/Command + Shift + L
插入图片:Ctrl/Command + Shift + G
查找:Command + F
替换:Command + G

标题

直接输入一次#,后面再跟个空格,将生成一级标题。
输入两次#,并按下一个空格后,将生成二级标题。
以此类推,Markdown支持6级标题,合理的创建标题,有助于目录的生成

文本样式

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

强调文本
加粗文本
标记文本
删除文本

引用文本

H2O is是液体。
210 运算结果是 1024。

代码片

博客设置页面,选择一款你喜欢的代码片高亮样式,下面展示同样高亮的 代码片.

// An highlighted block
var foo = 'bar';

列表

## 随便生成一个列表
- 项目
  * 项目
    + 项目

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

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

随便生成一个列表

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

表格

## 创建一个表格
姓名 | 性别
- | -
张三 | 男
李四 | 男
王五 | 男

### 设定内容居中、居左、居右
使用`:---------:`居中
使用`:----------`居左
使用`----------:`居右

| 第一列       | 第二列         | 第三列        |
|:-----------:| -------------:|:-------------|
| 第一列文本居中 | 第二列文本居右  | 第三列文本居左 | 

创建一个表格

姓名 性别
张三
李四
王五

设定内容居中、居左、居右

第一列 第二列 第三列
第一列文本居中 第二列文本居右 第三列文本居左

插入链接和图片

链接: [link](https://www.csdn.net/).
图片: ![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw)
居中的图片: ![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw#pic_center)
带尺寸的图片: ![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw =30x30)
居中并且带尺寸的图片: ![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw#pic_center =30x30)

链接: link.
图片: Alt
居中的图片: Alt
带尺寸的图片: Alt
居中并且带尺寸的图片: Alt
为了让用户更加便捷Markdown还增加了图片拖拽的功能。

发布了17 篇原创文章 · 获赞 19 · 访问量 514

猜你喜欢

转载自blog.csdn.net/qq_42745749/article/details/104474776