滁州市网站建设_网站建设公司_响应式网站_seo优化
2025/12/19 11:09:04 网站建设 项目流程

📖 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)

需要专业的网站建设服务?

联系我们获取免费的网站建设咨询和方案报价,让我们帮助您实现业务目标

立即咨询