Markdown的基本使用

Markdown 基本语法

标题

#  我是一级标题

## 我是二级标题

### 我是三级标题

#### 我是四级标题

##### 我是五级标题

###### 我是六级标题

段落

要创建我们的段落请使用分隔一行或多行的文本

我是一个段落

我很喜欢使用MarkDown

换行符

要创建换行符或换行符(<br>),请以两个或多个空格结束一行,然后键入return

这是第一行
这是第二行

强调(加粗)

您可以通过将文本设置为粗体或斜体来增加重点

我喜欢粗体

表示 强调 _

斜体

要使文本变为斜体,请在单词或短语前后添加一个星号或下划线

这是变为斜体的文字

块引用

要创建块引用,请 > 在段落前添加一个。


> 我是一个块引用

渲染的输出如下所示:

带多个段落的块引用

块引用可以包含多个段落。>在段落之间的空白行上添加一个。


> 我是Sakura
>
> 一名普通的在校大学生^_^

渲染的输出如下所示:

我是Sakura

一名普通的在校大学生_

嵌套块引用

块引用可以嵌套。>>要在嵌套的段落前面添加一个。

> 我是sakura
>
>> 是一名普通的在校大学生

渲染的输出如下所示:

我是sakura

是一名普通的在校大学生

带有其他元素的块引用

Blockquotes 可以包含其他 markdown 格式的元素。
所有元素都可以使用,您需要尝试看看哪些元素有效。

> #### Markdown的语法学习
> - 什么是markdown?
> - 支持markdown语法的工具
> - markdown的工作原理
> - markdown基本语法
>
> 真的真的是**太好用了**,我今天开始吧markdown**用起来!**

渲染的输出如下所示:

Markdown的语法学习
  • 什么是markdown?
  • 支持markdown语法的工具
  • markdown的工作原理
  • markdown基本语法

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

有序列表

创建有序列表

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

无序列表

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

  • 第一项
  • 第二项
    • 缩进项目一
    • 缩进项目二
  • 第三项

以数字开头的无序列表项

如果您需要使用以数字后跟句点开头的无序列表项,可以使用反斜杠( \)转义句点。

  • 1968. A greate year!
  • I think 1969 was second best.

块引用

  • 我是第一个列表项
  • 我是第二个列表项

块引用在第二个列表项下方看起来很棒

  • 我是第三个列表项

图片

盈洪金属

代码

要将单词或短语表示为代码,请将其括号在反引号(`)中

语义元素示例:<form><header> 有明确定义其内容

转移反引号

如果要表示为代码的的单词或短语包含一个或多个反引号,则可以通过将单词或短语括在双反引号(``)中来对其进行行转义。

Use `code` in your Markdown file.

代码块

<html>
    <header></header>
</html>
<html>
    <header></header>
</html>

代码块的高亮

<html lang="en"><head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>a标签,学习使用a标签</title>
</head>
<body><br>
    <h1>超链接 a 标签</h1>
    <h2>给img加超链接</h2>
</body></html>

水平线

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

***
---

渲染的输出如下所示:


链接

要创建链接,请将链接文本括在括号中( 例如,[Duck Duck Go]),然后紧跟在括号中的 URL

我最喜欢的浏览器是:[百度](https://baidu.com)

渲染的输出如下所示:

我最喜欢的浏览器是:百度

URL 和电子邮件地址

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

<https://baidu.com>
<1747280186@qq.com>

渲染的输出如下所示:
https://baidu.com

1747280186@qq.com

图片

要添加图片,请添加感叹号( !),后跟括号中的替代文本,以及括号中的图像资源的路径或URL。您可以选择在路径或URL后添加引号中的标题。


![sakura](./img/banner_1.png"找的banner图片")

渲染的输出如下所示:

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-JyiDlAls-1665668238272)(./img/banner_1.png “找的banner图片”)]

链接图片

要添加指向图像的链接,请将图像的Markdown 括在括号中,然后将链接添加到括号中

[![sakura](img/banner_2.png "banner2图片来自百度")](https://baidu.com)

渲染的输出如下所示:

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Xx1jol8C-1665668238272)(img/banner_2.png “banner2图片来自百度”)]

转义字符

要显示原本用于在Markdown文档中格式化文本的文字字符,\请在字符面前提添加反斜杠( )。

/* 如果没有反斜杠,这将是列表项目的符号
/- 无序列表
/# 标题一

渲染的输出如下所示:

/* 如果没有反斜杠,这将是列表项目的符号
/- 无序列表
/# 标题一

HTML

markdown格式的文本中使用 HTNL 标签。如果您更喜欢某些 HTML 标记而不是Markdown 语法,这将很有帮助。

This word is bold.This word is italic.

HTMML 最佳实战

您不能在块级 HTML 标记中使用
Markdown 语法。例如,<p>italic and **bold**</p>不会工作。

表格

要添加表格,请使用三个或更多连字符( —)来创建每一列的标题,并使用竖线( |)分隔每一列,为了兼容性,您还应该在任一端添加一个管道。

| 句法 | 描述 |
| ---- | ---- |
| 标题 | 标题 |
| 段落 | 段落 |

渲染的输出如下所示:

句法描述
标题标题
段落段落

表格内容的对齐方式

您可以通过在标题行内连字符的左侧。右侧或两侧添加冒号( )来得到文本向左、向右或居中对齐。

| 句法 | 描述 | 测试文本 |
| :---- | :----: |----:|
| 标题 | 标题 | 测试1 |
| 段落 | 段落 | 测试2 |

渲染的输出如下所示:

句法描述测试文本
标题标题测试1
段落段落测试2

格式化表格中的文本

您可以格式化表格中的文本。例如,您可以添加链接、代码(仅在反引号( `)中的单词或短语,而不是代码块)和强调。
您不能使用标题、引用快、列表、水平线、图像或大多数 HTML 标签。

句法描述测试文本
标题标题测试1
段落段落测试2

围栏代码块

<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>   

脚标

这是一个简单的脚注,1,这是一个更长的脚注。2

标题 ID

许多 Markdown 处理器支持标题的自定义ID——一些 Markdown 处理器会添加它们。添加自定义 ID 允许您直接链接到标题并使用 CSS 修改它们。要添加自定义标题 ID,请将自定义 ID 括在与标题相同行上的花括号中。

### 我是标题标签{#h-id}

HTML 如下所示:

<h3 id="custom-id">My Great Heading</h3>

链接到标题ID

标题

删除线

您可以通过在单词中心放置一条水平线来删除单词。结果看起来像这样。此功能允许您指出某些单词是错误的,不应包含在文档中。~~要删除单词。请在单词前后使用两个波浪号()。

~~sakura同学喜欢樱花~~,不,她更喜欢学习

渲染的输出如下所示:

sakura同学喜欢樱花,不,她更喜欢学习

表情符号

将表情符号添加到 Markdown 文件有两种方法:将表情符号复制粘贴到Markdown 格式的文本中,或键入emoji段代码。

真不戳😃

使用表情符号简码

去露营了! ⛺️ 快回来

太开心了 😂

强调

学习商业项目研发解决方案
,跟着Sakura

徽章

徽章是一种小巧精美的小图标,一般配有相关文字进行辅助说明,可对数据进行监控,链接跳转等,富有表现力。

常见与github项目主页,但其不仅出现与github项目主页,凡能够表现图片的地方都可以出现徽章。
,不,她更喜欢学习

**渲染的输出如下所示:**

~~sakura同学喜欢樱花~~,不,她更喜欢学习

## 表情符号

> 将表情符号添加到 Markdown 文件有两种方法:将表情符号复制粘贴到Markdown 格式的文本中,或键入emoji段代码。

> 真不戳😃

## 使用表情符号简码

去露营了! :tent: 快回来 <br>
太开心了  :joy:

## 强调

<mark>学习商业项目研发解决方案
<mark>,跟着Sakura

## 徽章

> 徽章是一种小巧精美的小图标,一般配有相关文字进行辅助说明,可对数据进行监控,链接跳转等,富有表现力。

> 常见与`github`项目主页,但其不仅出现与`github`项目主页,凡能够表现图片的地方都可以出现徽章。

  1. 秦时明月 ↩︎

  2. Sakura同学很棒 ↩︎

  • 3
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值