总结markdown基本使用,踏出写文第一步🐾🥳

什么是markdown

markdown是一种轻量级标记语言,允许使用易读易写的纯文本格式编写文档,然后转换成结构化的HTML页面,它的语法简单直观,易于学习和使用

标题

markdown语法:几个#就表示几级标题

shell 复制代码
# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题

实现效果

一级标题

二级标题

三级标题

四级标题

五级标题
六级标题

标题【备用语法】

markdown语法:标题下方添加任意数量的==字符、--字符

shell 复制代码
一级标题
===========
二级标题
----------

实现效果

一级标题

二级标题

段落

markdown语法:创建段落,使用空白行分割一行或多行文本【敲空行就行,没啥太要说的🧐】

实现效果

一段文字

二段文字

换行

markdown语法:使用两个以上空格结束这一行然后回车

一段文字【两个以上空格】  
换行后文字

实现效果

一段文字【两个以上空格】

换行后文字

加粗/斜体

markdown语法 :粗体在单词或短语前后添加两个或_,斜体在单词或短语前后添加一个或_,加粗和斜体同时强调在单词或短语和前后添加三个***或___

markdown 复制代码
**加粗**
__加粗__
*斜体*
_斜体_
***加粗加斜体***
___加粗加斜体___

实现效果

加粗 加粗

斜体 斜体

加粗加斜体 加粗加斜体

块应用

markdown语法:创建块,在文字前添加一个>,多个段落的块,在空白行前也添加>;嵌套块,在想嵌套的段落前增加一个>;其他markdown格式的语法【例如:加粗/斜体...】也可以加到块应用中使用,但是并非全部生效

shell 复制代码
>一段文字
>上段文字
>
>下段文字
>>嵌套一层
>>>嵌套两层
>**加粗** 
>*斜体*

实现效果

一段文字 上段文字

下段文字

嵌套一层

嵌套两层

加粗 斜体

列表

排序列表

markdown语法:添加带有数字跟句点【1.】的行项目,数字不必按数字顺序排列;缩进行,行前敲三个空格

markdown 复制代码
1. 第一行
2. 第二行
   1. 第二-一行
   2. 第二-二行
3. 第三行

实现效果

  1. 第一行
  2. 第二行
  3. 第二-一行
  4. 第二-二行
  5. 第三行

无序列表

markdown语法:添加带-、*、+的行项目;缩进行,行前敲三个空格

markdown 复制代码
- 第一行
* 第二行
   - 缩进2-1
   * 缩进2-2
   + 缩进2-3
+ 第三行

实现效果

  • 第一行
  • 第二行

    • 缩进2-1
    • 缩进2-2
    • 缩进2-3
  • 第三行

在列表中添加元素

markdown语法:要在列表中添加另一段文字,同时保持列表的连续性,缩进四个空格

markdown 复制代码
- 第一行

    >块段落

* 第二行

    第二行段落  

+ 第三行

    ```
     <html>
       <head>
         <title>代码块</title>
       </head>
    ```

+ 第四行

实现效果

  • 第一行

    块段落

  • 第二行

    第二行段落

  • 第三行

    xml 复制代码
     <html>
       <head>
         <title>代码块</title>
       </head>
  • 第四行

代码

将单词或短语表示为代码

markdown语法:将单词或短语表示为代码,将其括在【`】中

go 复制代码
    `code`、`html`
    ``Use `code` in your Markdown file.``

实现效果

codehtml

Use `code` in your Markdown file.

代码块

markdown语法:将块的每行至少缩进四个空格或一个制表符

xml 复制代码
    ```
    <html>
        <head></head>
    </html>
    ```
    
    <html>
        <head></head>
    </html>
    

实现效果

xml 复制代码
   <html>
       <head></head>
   </html>

分割线

markdown语法:创建分割线在一行上使用三个或三个以上*、-、_

lua 复制代码
   ***
   ---
   ___

实现效果




删除线

markdown语法:要删除单词,在单词前后使用两个波浪号(~~)

~~删除这段文字~~

实现效果

删除这段文字

语法高亮

markdown语法 :要突出显示,可通过HTML标签<mark>实现

css 复制代码
<mark>高亮显示这段文字<mark>

实现效果

高亮显示这段文字

链接

链接文字

markdown语法:将链接文本括在中括号[],要跳转的链接写在括号中()

less 复制代码
   [markdown](https://www.markdownguide.org/basic-syntax/#adding-elements-in-lists)

实现效果

markdown

将url快速转为链接

markdown语法:将跳转的链接写在【<>】中

bash 复制代码
   <https://www.markdownguide.org/basic-syntax/#adding-elements-in-lists>

实现效果

www.markdownguide.org/basic-synta...

链接加粗/斜体/将单词或短语表示为代码

markdown语法:跳转链接及文本前后添加*

markdown 复制代码
**[加粗](https://www.markdownguide.org/basic-syntax/#adding-elements-in-lists)**
*[斜体](https://www.markdownguide.org/basic-syntax/#adding-elements-in-lists)*
***[加粗+斜体](https://www.markdownguide.org/basic-syntax/#adding-elements-in-lists)***
[`将单词或短语表示为代码`](https://www.markdownguide.org/basic-syntax/#adding-elements-in-lists)

实现效果

加粗

斜体

加粗+斜体

将单词或短语表示为代码

链接到标题ID

标题id

图像

markdown语法:图像链接及文本前添加感叹号【!】

ini 复制代码
![图像](https://mdg.imgix.net/assets/images/san-juan-mountains.jpg?auto=format&fit=clip&w=480)

实现效果

链接图像

markdown语法:将图像的markdown括在括号中,然后将链接添加到括号中

bash 复制代码
[![图像](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/7d64ca3683bb47278071becab2d2e71d~tplv-k3u1fbpfcp-jj-mark:0:0:0:0:q75.image#?w=480\&h=320\&s=54579\&e=jpg\&b=87783c)](https://www.markdownguide.org/basic-syntax/#adding-elements-in-lists)

实现效果

脚注

markdown语法 :创建脚注引用,在括号内添加插入符号和标识符【例如:^1^】,标识符可以是数字或单词

markdown 复制代码
数字脚注[^1],单词脚注[^one]

[^1]:这是一个数字的脚注
[^one]:这是一个单词的脚注

实现效果

数字脚注^1^,单词脚注^2^

表格

markdown语法:使用三个或更多连字符(---)创建每列的标题,并使用管道(|)分隔每列

lua 复制代码
|标题|描述|
|---|---|
|表格|表格标题|
|段落|文本|

实现效果

标题 描述
表格 表格标题
段落 文本

表格对齐

markdown语法:标题行中的左、右或连字符两侧添加冒号(:)来将列中的文本对齐到左、右或中间

ruby 复制代码
|标题|描述|测试文本|
|:---|:---:|---:|
|表格|表格标题|标题1|
|段落|文本|段落文字|

实现效果

标题 描述 测试文本
表格 表格标题 标题1
段落 文本 段落文字

Footnotes

  1. 这是一个数字的脚注 ↩^2^

  2. 这是一个单词的脚注

相关推荐
杨浦老苏4 天前
开源协作wiki和文档软件Docmost
docker·在线文档·markdown·群晖·wiki
blues_C5 天前
使用ChatGPT自动生成测试用例思维导图
软件测试·vscode·测试工具·chatgpt·测试用例·markdown·思维导图
SunFlower91411 天前
vue3中通过vditor插件实现自定义上传图片、录入echarts、脑图、markdown语法的编辑器
开发语言·javascript·echarts·markdown·vditor
sjg2001041420 天前
vscode作为markdown LaTeX编辑器
vscode·markdown·latex
winfredzhang1 个月前
使用 python 将 Markdown 文件转换为 ppt演示文稿
python·powerpoint·markdown
青阳流月1 个月前
在vue项目中使用markdown-it回显markdown文本
前端·javascript·vue.js·markdown
百里生长1 个月前
markdown语法保存
markdown
技术探险家1 个月前
Typora图床配置优化(PicGo-Core(command line) 插件 + gitee)
gitee·typora·markdown
今天有个Bug2 个月前
Typora配置PicGo图床,将图片文件上传到gitee厂库,获取图片链接显示在md文件中
笔记·markdown·typora图床