Markdown语法
Mon Jul 01 2024 Pin
1845 words · 12 minutes

Markdown语法


Table of Contents

以下是一些基本的 Markdown 语法示例,可以在 Astro 中编写 Markdown 内容时使用。

标题 Link to 标题

以下 HTML <h1><h6> 元素表示六个级别的标题。<h1> 是最高级别的标题,而 <h6> 是最低级别的标题。

H1 Link to H1

H2 Link to H2

H3 Link to H3

H4 Link to H4

H5 Link to H5
H6 Link to H6

段落 Link to 段落

在设计领域中,占位文本的作用不可忽视。它能够帮助设计师更好地展示布局和排版效果,同时避免因真实内容分散注意力。无论是网页设计、印刷品还是应用程序界面,占位文本都能为用户提供一个直观的视觉参考,从而更高效地完成设计工作。此外,占位文本还可以用于测试不同字体、字号和行间距的组合效果,确保最终的设计既美观又实用。通过模拟真实内容的长度和结构,设计师可以更准确地评估页面的整体平衡感,避免在实际内容填充后出现意外的排版问题。占位文本不仅是设计过程中的重要工具,也是提升用户体验的关键因素之一。

占位文本的另一个重要用途是测试字体的可读性和美观性。通过使用与实际内容相似的文本长度和结构,设计师可以评估不同字体在不同场景下的表现。

图片 Link to 图片

语法 Link to 语法

MARKDOWN
1
![替代文本](./完整或相对路径/图片)

输出 Link to 输出

博客占位图

引用 Link to 引用

引用元素表示从其他来源引用的内容,可以选择包含引用来源,引用来源必须放在 footercite 元素中,并且可以选择包含注释和缩写等内联更改。

无来源的引用 Link to 无来源的引用

语法 Link to 语法

MARKDOWN
1
2
3
> Tiam, ad mint andaepu dandae nostion secatur sequo quae.
> **注意**,你可以在引用中使用 _Markdown 语法_

输出 Link to 输出

Tiam, ad mint andaepu dandae nostion secatur sequo quae. 注意,你可以在引用中使用 Markdown 语法

带来源的引用 Link to 带来源的引用

语法 Link to 语法

MARKDOWN
1
2
3
> 不要通过共享内存来通信,而要通过通信来共享内存。<br>
> — <cite>Rob Pike[^1]</cite>

输出 Link to 输出

不要通过共享内存来通信,而要通过通信来共享内存。
Rob Pike1

表格 Link to 表格

语法 Link to 语法

MARKDOWN
1
2
3
4
| 斜体   | 粗体     | 代码   |
| ------ | -------- | ------ |
| _斜体_ | **粗体** | `代码` |

输出 Link to 输出

斜体粗体代码
斜体粗体代码

代码块 Link to 代码块

语法 Link to 语法

我们可以使用三个反引号 ``` 在新的一行中编写代码片段,并在新的一行中用三个反引号结束。为了高亮显示特定语言的语法,可以在开头的三个反引号后写上语言名称,例如 html、javascript、css、markdown、typescript、txt、bash。

MARKDOWN
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
```cpp
#include <bits/stdc++.h>
using namespace std;
const int N = 1e5 + 5;
int n, k, a[N];
long long ans;
vector<int> v[N];
int main()
{
    scanf("%d%d", &n, &k);
    for (int i = 1; i <= n; i++)
    {
        scanf("%d", &a[i]);
        v[i % k].push_back(a[i]);
    }
    for (int i = 0; i < k; i++)
        sort(v[i].rbegin(), v[i].rend());
    for (int i = 0; i < k; i++)
    {
        for (int j = 0; j + 1 < v[i].size(); j += 2)
        {
            ans += v[i][j] + v[i][j + 1];
        }
    }
    printf("%lld\n", ans);
    return 0;
}
```

输出 Link to 输出

CPP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
#include <bits/stdc++.h>
using namespace std;
const int N = 1e5 + 5;
int n, k, a[N];
long long ans;
vector<int> v[N];
int main()
{
    scanf("%d%d", &n, &k);
    for (int i = 1; i <= n; i++)
    {
        scanf("%d", &a[i]);
        v[i % k].push_back(a[i]);
    }
    for (int i = 0; i < k; i++)
        sort(v[i].rbegin(), v[i].rend());
    for (int i = 0; i < k; i++)
    {
        for (int j = 0; j + 1 < v[i].size(); j += 2)
        {
            ans += v[i][j] + v[i][j + 1];
        }
    }
    printf("%lld\n", ans);
    return 0;
}

列表类型 Link to 列表类型

有序列表 Link to 有序列表

语法 Link to 语法

MARKDOWN
1
2
3
4
1. 第一项
2. 第二项
3. 第三项

输出 Link to 输出

  1. 第一项
  2. 第二项
  3. 第三项

无序列表 Link to 无序列表

语法 Link to 语法

MARKDOWN
1
2
3
4
- 列表项
- 另一个列表项
- 再一个列表项

输出 Link to 输出

  • 列表项
  • 另一个列表项
  • 再一个列表项

嵌套列表 Link to 嵌套列表

语法 Link to 语法

MARKDOWN
1
2
3
4
5
6
7
8
- 水果
  - 苹果
  - 橙子
  - 香蕉
- 乳制品
  - 牛奶
  - 奶酪

输出 Link to 输出

  • 水果
    • 苹果
    • 橙子
    • 香蕉
  • 乳制品
    • 牛奶
    • 奶酪

其他元素 Link to 其他元素

语法 Link to 语法

MARKDOWN
1
2
3
4
5
6
7
8
9
10
<abbr title="图形交换格式">GIF</abbr> 是一种位图图像格式。

H<sub>2</sub>O

X<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup>

按下 <kbd><kbd>CTRL</kbd>+<kbd>ALT</kbd>+<kbd>Delete</kbd></kbd> 结束会话。

大多数 <mark>蝾螈</mark> 是夜行动物,以昆虫、蠕虫和其他小生物为食。

输出 Link to 输出

GIF 是一种位图图像格式。

H2O

Xn + Yn = Zn

按下 CTRL+ALT+Delete 结束会话。

大多数 蝾螈 是夜行动物,以昆虫、蠕虫和其他小生物为食。

Footnotes

  1. 上述引用摘自 Rob Pike 在 2015 年 11 月 18 日 Gopherfest 上的演讲

Thanks for reading!

Markdown语法

Mon Jul 01 2024 Pin
1845 words · 12 minutes