Markdown基本语法_hugo markdown格式-优快云博客

本文详细介绍了Markdown的基本语法，包括标题、文字格式、代码区块、链接与图片的使用、列表、区块引用、表格以及一些实用小技巧。通过实例展示，帮助读者快速掌握Markdown的编辑方法，适用于笔记、博客写作等场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

hello，大家好，我是智能黑客谢佳宇，今天我们来讲讲Markdown的基本用法。

首先，从编辑器说起，Markdown同js、html、Python一样，都是任何编辑器可读写的语言格式，因此，你无需考虑兼容性问题。这里我比较推荐一款编辑器，想必他的大哥你们都知道，就是Microsoft VS，而今天这款就是它的小弟，Microsoft VS code，是一款轻量级的代码编辑器，免费，简洁，且好用，附上使用方法

现在，我们说说语法规范

首先是标题，标题有6种大小样式，用星号表示，星号后加一个空格才可以输入，下面是示范，左侧为显示效果，右侧为代码
一级标题 # 一级标题

二级标题 ## 二级标题

三级标题 ### 三级标题

四级标题 #### 四级标题

五级标题 ##### 五级标题

六级标题 ###### 六级标题
然后，再来说说文字的格式，正常文字输入即可，下面说一下一些特殊的格式
- 斜体文本:*斜体文本*或_斜体文本_
- 粗体文本:**粗体文本**或__粗体文本__
- 粗斜体文本:***粗斜体文本***或___粗斜体文本___
- 高亮文本:`高亮文本`
- ~~带有删除线的文本~~:~~带有删除线的文本~~
- 带有下划线的文本:带有下划线的文本
- 带有白框的文本:<kbd>带有白框的文本</kbd>
接着，是代码区块
使用"```"符号在代码上下作为呼应或空一行再用"Tab"键或四个空格然后写入代码，如下图
```
abc
```
之后，是段落格式
- 首先，换行需要使用两个空格+一个回车，或回车后再回车，代码如下。
```
abc  
abc
或:
abc

abc
```
效果如下:
abc
abc
- 说完了换行，接着说说文本列表的使用
  文本列表可用可用"*“或”+“或”-"和一个空格连接使用，但本人不建议用后两项，易与其他符号相关联，代码如下:
```
* abc
+ abc
- abc
```
效果如下:
abc

abc
- 然后，关于这个列表还有一种晋级用法，分列表，也就是在一项一级列表中的下一行空四个空格或按下"Tab"键，代码如下:
```
* abc
    *abcd
        * abcde
```
效果如下:

abc
- abcd
  - abcde
- 接着，说说区块引用的方法，用>和一个空格表示，有几行前缀就写几行，换行时在文字后加入2个空格，代码如下:
```
> abc  
> abc  
> abc  
```
效果如下:

abc
abc
abc
- 当然，区块引用也是支持嵌套的，一个>符号是最外层，两个>符号是第一层嵌套，中间加一个空格，以此类推，代码如下
```
> abc
> > abcd
> > > abcde
```
效果如下:

abc

abcd

abcde
接着，是链接和图片的使用
- 先说链接，第一种，直接使用链接，用"<>"中插入链接即可，这里不做演示。
- 第二种，文字中包含超链接，做个示范:
```
[百度](https://www.baidu.com)
```
效果如下:
百度
- 然后说说图片，格式为一个叹号+[文本，可不填]+(图片地址 “可选标题”)
 代码如下:
```
![百度图标](https://img-blog.csdnimg.cn/img_convert/3b55caa2ef63ae54464da26eca40754a.png)
```
效果如下:
- 最后，说说二者结合的方法，点击图片出现链接，结构为叹号+文本+图片地址+可选标题+链接地址
```
[[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-oWoWJxcE-1647770897967)(https://i-blog.csdnimg.cn/blog_migrate/2d788a185a09940527b409930e299e77.png "百度图标")]](https://www.baidu.com)
```
效果如下:(图片可点击)
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-pdXv3IAk-1647770897971)(https://i-blog.csdnimg.cn/blog_migrate/2d788a185a09940527b409930e299e77.png “百度图标”)]
- 其实如果编辑器比较新的话也可以使用html的<img>标签，还可以调整图片长度和宽度，十分可靠，代码如下:
```
<img src="https://i-blog.csdnimg.cn/blog_migrate/2d788a185a09940527b409930e299e77.png" width="200" height="65">
```
效果如下:
然后，是表格，表格这种东西较为有特色，不像html中tr来控制像素宽度，只需描述出轮廓即，使用|来分隔不同的单元格，使用-来分隔表头和其他行，使用-:设置内容和标题栏居右对齐；使用:-设置内容和标题栏居左对齐；使用:-:设置内容和标题栏居中对齐，示例如下:
```
|左对齐|右对齐|居中对齐|
|:-----|----:|:----:|
|文本内容|文本内容|文本内容|
|文本内容|文本内容|文本内容|
```
效果如下:

左对齐右对齐居中对齐
文本内容文本内容文本内容
文本内容文本内容文本内容
最后，说几个Markdown小技巧
- 分割线可用***或* * *或*****或- - -或----------表示，效果如下:
- 如果非要显示特殊符号的原是格式，可在特殊符号前加入反斜杠，即"\“，比如若要显示”<html>"，则代码应为\<html>
- 在博客生成器(如hexo、hugo、Jekyll)中可以在截断的地方加入，我的博客本身就是个很好的例子，这里不再多做示范
- Markdown也支持一些早期的html元素，如<img>、<kbd>、、、、、、 等
 本文原地址:Markdown基本语法 - 谢佳宇的个人主页，未经允许不得转载