news 2026/4/18 1:00:44

Markdown教程 第二期 基本语法2

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
Markdown教程 第二期 基本语法2

📖 Markdown专栏
🔗 第一期:基本语法一
👀第二期:基本语法二

目录

    • 1. 外链接
      • 1.1 为链接添加标题
      • 1.2 URL 和 电子邮件地址
      • 1.3 格式化链接
    • 2. 插入图像
    • 3. 引用
      • 3.1 引用块
      • 3.2 :bulb:创建多级嵌套引用
      • 3.3 带有其他元素的引用
        • Markdown 语法的学习
    • 4. 列表
      • 4.1 有序列表
      • 4.2 无序列表
    • 5. 分割线
    • 6. 代码块
      • 6.1 单行代码块
      • 6.2 块级代码块(多行)

1. 外链接

1.1 为链接添加标题

链接语法为:[现实的标题](指向的链接)

📌[流年主页](https://lovexjy.blog.csdn.net/)渲染得到如下结果:

流年主页

1.2 URL 和 电子邮件地址

要将 URL 或 电子邮件地址快速转换为链接,请将其括在尖括号<>中。

流年主页:<https://lovexjy.blog.csdn.net/> 邮箱:<486365439@qq.com>

渲染结果:

流年主页:https://lovexjy.blog.csdn.net/
邮箱:486365439@qq.com

1.3 格式化链接

链接也可以渲染出粗体、斜体的效果,语法和文本一致

📌

Markdown语法渲染效果说明
**[流年主页](https://lovexjy.blog.csdn.net/)**流年主页粗体
*[流年主页](https://lovexjy.blog.csdn.net/)*流年主页斜体
***[流年主页](https://lovexjy.blog.csdn.net/)***流年主页粗斜体
<u>[流年主页](https://lovexjy.blog.csdn.net/)</u>流年主页下划线

2. 插入图像

💡 插入图像的语法![描述](图片链接),所有的符号都是英文符号

📌

![约翰·格鲁伯](https://i-blog.csdnimg.cn/img_convert/1c5890971d79b4f3906ac578ef585d48.jpeg)

渲染输出

📌也可以用HTML标签插入图片
<img src="图片地址" alt="图片描述">

3. 引用

3.1 引用块

要创建引用块,在断落前加一个>
>这是一个引用块渲染输出如下:

这是一个引用块

📌 如图,中间空一行>即可空行

3.2 💡创建多级嵌套引用

创建几级引用就用几个>

> 一级引用 > > 二级引用 > >>三级引用

一级引用

二级引用

三级引用

3.3 带有其他元素的引用

💡引用块可以包含其他 Markdown 格式的元素,并且绝大多数都支持

> #### Markdown 语法的学习 > > 1. 什么是 Markdown ? > - 为什么要用 Markdown ? > ``支持 Markdown 的应用程序和组件,工具`` >~~Markdown 文件的工作原理~~ > - Markdown 的基本语法 > > **真的真的** 是太好用了,我今天就开始**用起来 !**
Markdown 语法的学习
  1. 什么是 Markdown ?
  • 为什么要用 Markdown ?
    支持 Markdown 的应用程序和组件,工具
    Markdown 文件的工作原理
  • Markdown 的基本语法

真的真的是太好用了,我今天就开始用起来 !

4. 列表

4.1 有序列表

有序列表,在每一行的前面加上一个数字和一个点号(.),然后跟一个空格
缩进一项或多项以创建嵌套列表

📌

1. 第一项 2. 第二项 1. 缩进的项目一 2. 缩进的项目二 3. 第三项 4. 第四项 5. 第五项

渲染输出的是:

  1. 第一项
  2. 第二项
    1. 缩进的项目一
    2. 缩进的项目二
  3. 第三项
  4. 第四项
  5. 第五项

4.2 无序列表

无序列表,在行项目前添加破折号-星号*或 加号+
缩进一项或多项以创建嵌套列表

- 第一项 - 第二项 - 缩进项目一 - 缩进项目二 - 缩进缩进项目 1 - 缩进缩进项目 2 - 缩进项目三 - 第三项 - 第四项
  • 第一项
  • 第二项
    • 缩进项目一
    • 缩进项目二
      • 缩进缩进项目 1
      • 缩进缩进项目 2
    • 缩进项目三
  • 第三项
  • 第四项

📌官方文档如图:

5. 分割线

要创建水平线,请在一行上单独使用三个 或 更多星号***、破折号---或 下划线___

6. 代码块

💡 在 Markdown 中插入代码块有两种方式:行内式和块级式。

  • 行内式:使用单个反引号`将代码包裹起来。
  • 块级式:使用三个反引号```将代码块包裹起来,并可以在反引号后指定代码的语言(可选)。

6.1 单行代码块

使用单个反引号`将代码包裹起来

这是一个`行内式`代码块

渲染输出的是
这是一个行内式代码块

6.2 块级代码块(多行)

  • 使用三个反引号```将代码块包裹起来,并可以在反引号后指定代码的语言(可选)
  • 可支持多种编程语言类型:html、css、javascript、vue、java、python …
``编程语言类型 代码片段 代码片段 ```//结尾这里还要三个```

例如

#include<stdio.h>intmain(){printf("Hello C");return0;}![C语言代码块](https://i-blog.csdnimg.cn/direct/55c0fcb42dac4dde96d49e71bd38a76e.png)
版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/4/15 15:12:11

函数C++

函数用于创建C程序的模块。C函数分为两种&#xff1a;有返回值的和没有返回值的。一&#xff1a;有返回值的函数参数传递给函数&#xff0c;函数得到的返回值发送给调用函数。在使用函数之前&#xff0c;C编译器必须知道函数的参数类型和返回值类型。注意&#xff1a;C程序应当…

作者头像 李华
网站建设 2026/4/8 19:24:48

Vue大屏自适应终极解决方案:v-scale-screen组件深度解析

Vue大屏自适应终极解决方案&#xff1a;v-scale-screen组件深度解析 【免费下载链接】v-scale-screen Vue large screen adaptive component vue大屏自适应组件 项目地址: https://gitcode.com/gh_mirrors/vs/v-scale-screen 在大屏数据可视化项目开发中&#xff0c;你是…

作者头像 李华
网站建设 2026/4/18 2:43:47

蓝奏云直链解析:高效获取下载链接的完整解决方案

蓝奏云直链解析&#xff1a;高效获取下载链接的完整解决方案 【免费下载链接】LanzouAPI 蓝奏云直链&#xff0c;蓝奏api&#xff0c;蓝奏解析&#xff0c;蓝奏云解析API&#xff0c;蓝奏云带密码解析 项目地址: https://gitcode.com/gh_mirrors/la/LanzouAPI 在日常工作…

作者头像 李华
网站建设 2026/4/11 19:52:23

AKShare财经数据获取实战指南

从零开始&#xff1a;搭建你的专业数据环境 【免费下载链接】akshare 项目地址: https://gitcode.com/gh_mirrors/aks/akshare 在数据驱动的投资时代&#xff0c;拥有一个可靠的数据获取工具就像拥有了一把打开财富大门的钥匙。AKShare正是这样一把钥匙&#xff0c;它能…

作者头像 李华
网站建设 2026/4/16 22:31:51

手机摄影测量革命:Meshroom带你从2D到3D的魔法之旅

你是否曾经想过&#xff0c;用手机随手拍的照片就能变成精致的3D模型&#xff1f;&#x1f4f8; 当普通照片在Meshroom中完成神奇蜕变&#xff0c;你会发现三维世界从未如此触手可及。今天&#xff0c;就让我们一同探索这个开源摄影测量软件的无限可能&#xff01; 【免费下载链…

作者头像 李华
网站建设 2026/4/3 7:58:27

Ice:重新定义Mac菜单栏的终极整理方案

Ice&#xff1a;重新定义Mac菜单栏的终极整理方案 【免费下载链接】Ice Powerful menu bar manager for macOS 项目地址: https://gitcode.com/GitHub_Trending/ice/Ice 你是否曾经面对过Mac菜单栏上拥挤不堪的图标海洋&#xff1f;那些不断累积的应用图标不仅占据了宝贵…

作者头像 李华