news 2026/4/3 0:15:50

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/1 22:13:47

原神圣遗物智能识别管理工具:告别手动录入的终极解决方案

原神圣遗物智能识别管理工具&#xff1a;告别手动录入的终极解决方案 【免费下载链接】cocogoat-client A toolbox for Genshin Impact to export artifacts automatically. 支持圣遗物全自动导出的原神工具箱&#xff0c;保证每一行代码都是熬夜加班打造。 项目地址: https:…

作者头像 李华
网站建设 2026/4/1 23:10:01

Apk Pure评论摘要提取:LLama-Factory训练信息抽取模型

Apk Pure评论摘要提取&#xff1a;LLama-Factory训练信息抽取模型 在移动应用竞争日益激烈的今天&#xff0c;用户评论成了产品迭代最直接的“风向标”。但面对成千上万条表达随意、情绪混杂的评论&#xff0c;人工阅读不仅效率低下&#xff0c;还容易遗漏关键问题。如何让机器…

作者头像 李华
网站建设 2026/4/2 1:07:42

Tiny11Builder完整指南:轻松打造精简Windows 11系统

Tiny11Builder完整指南&#xff1a;轻松打造精简Windows 11系统 【免费下载链接】tiny11builder Scripts to build a trimmed-down Windows 11 image. 项目地址: https://gitcode.com/GitHub_Trending/ti/tiny11builder 在当今数字化时代&#xff0c;Windows 11系统虽然…

作者头像 李华
网站建设 2026/3/30 19:26:28

Twinkle Tray:Windows多显示器亮度管理终极指南

Twinkle Tray&#xff1a;Windows多显示器亮度管理终极指南 【免费下载链接】twinkle-tray Easily manage the brightness of your monitors in Windows from the system tray 项目地址: https://gitcode.com/gh_mirrors/tw/twinkle-tray Windows系统自带的显示器亮度控…

作者头像 李华
网站建设 2026/3/27 22:07:12

deepagentscli和deepagents比较

deepagents-cli 相比 deepagents 的额外功能 1. 交互式 CLI 界面 终端交互界面&#xff08;使用 prompt_toolkit&#xff09;实时显示工具调用和结果彩色输出和格式化&#xff08;使用 rich&#xff09;斜杠命令系统&#xff08;/help, /tokens, /exit 等&#xff09; 2. 自定义…

作者头像 李华