Markdown的使用

最新推荐文章于 2023-12-26 16:04:22 发布

Algorithm_Engineer_

最新推荐文章于 2023-12-26 16:04:22 发布

阅读量110

点赞数

文章标签：编辑器 vscode macos

本文链接：https://blog.csdn.net/qq_37977007/article/details/123198578

版权

本文是针对新手的Markdown教程，介绍了Markdown的基本语法，如标题、段落、列表、链接和图片等。此外，还提到了Markdown编辑器的增强功能，包括代码高亮、图片拖拽、数学公式、甘特图和UML图表支持，旨在帮助新手提升博客写作体验和质量。

摘要由CSDN通过智能技术生成

这是作为新手必须要看的一篇文章，虽然自己已经学习计算机近5年时间，但是很惭愧，并没有写过多少博客，多数使用语雀记录自己调试bug以及学习的心得，并未公开内容。秉承开源的思想，以后会尽量的多提供计算机的一些知识，供大家参考，有错误的地方和不足的地方，大家批评指正。一起学习，一起进步。我相信，或许曾经的你是一名菜鸟，但是只要不断坚持学习，就一定会成为高手。–未来可期

一.如何使用markdown文档

首先，对于新手来说，写一篇属于自己新颖的博客，是梦寐以求的事情，那么接下来，我们先了解一下，目前博客都是使用什么样的编译器，去编写自己的博客？

如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。
使用 Markdown 文档，你需要将单元格的类型设置为 Markdown。以下是使用 Markdown 的一些基本语法示例：

标题

使用 #表示一级标题
使用 ##表示二级标题
表示 ###表示三级标题

段落和换行 在 Markdown 中，段落之间需要用一个空行进行分隔，而不是通过连续的换行实现。

这是第一个段落。

这是第二个段落。

强调和斜体 可以使用 ** 或 _ 包围文本来添加强调或斜体效果。

这是强调文本。这是使用两个**\字体被包含在两个星号之间会被加粗\**
这是斜体文本。被包含在两个下划线会被变成斜体。

列表 无序列表可以使用 -、+ 或 * 开头。

项目 1
项目 2
项目 3

有序列表可以使用数字和 . 开头。

项目 1
项目 2
项目 3

链接和图片在 Markdown 中插入链接和图片的语法格式如下：[链接文本](链接地址)
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Bknb0Zf9-1689341023585)(图片链接地址)]

引用和代码块可以使用 > 进行引用。格式如下

这是一段引用的文字。

使用 ``````可以创建代码块。

print("Hello World!")
#二.Markdown文档的功能
我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：
 1. **全新的界面设计** ，将会带来全新的写作体验；
 2. 在创作中心设置你喜爱的代码高亮样式，Markdown **将代码片显示选择的高亮样式** 进行展示；
 3. 增加了 **图片拖拽** 功能，你可以将本地的图片直接拖拽到编辑区域直接展示；
 4. 全新的 **KaTeX数学公式** 语法；
 5. 增加了支持**甘特图的mermaid语法[^1]** 功能；
 6. 增加了 **多屏幕编辑** Markdown文章功能；
 7. 增加了 **焦点写作模式、预览模式、简洁写作模式、左右区域同步滚轮设置** 等功能，功能按钮位于编辑区域与预览区域中间；
 8. 增加了 **检查列表** 功能。
 [^1]: [mermaid语法说明](https://mermaidjs.github.io/)

## 功能快捷键

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

## 合理的创建标题，有助于目录的生成

直接输入1次<kbd>#</kbd>，并按下<kbd>space</kbd>后，将生成1级标题。
输入2次<kbd>#</kbd>，并按下<kbd>space</kbd>后，将生成2级标题。
以此类推，我们支持6级标题。有助于使用`TOC`语法后生成一个完美的目录。

## 如何改变文本的样式

*强调文本* _强调文本_

**加粗文本** __加粗文本__

==标记文本==

~~删除文本~~

> 引用文本

H~2~O is是液体。

2^10^ 运算结果是 1024.

## 插入链接与图片

链接: [link](https://www.csdn.net/).

图片: ![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw)

带尺寸的图片: ![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw =30x30)

居中的图片: ![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw#pic_center)

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

当然，我们为了让用户更加便捷，我们增加了图片拖拽功能。

## 如何插入一段漂亮的代码片

去[博客设置](https://mp.csdn.net/console/configBlog)页面，选择一款你喜欢的代码片高亮样式，下面展示同样高亮的 `代码片`.
```javascript
// An highlighted block
var foo = 'bar';