mirror of https://github.com/jpanther/congo.git
150 lines
3.5 KiB
Markdown
150 lines
3.5 KiB
Markdown
---
|
||
title: "Markdown"
|
||
date: 2019-03-11
|
||
description: "展示基本的Markdown语法和HTML元素格式的示例文章。"
|
||
tags: ["markdown", "css", "html", "sample"]
|
||
---
|
||
|
||
这篇文章提供了一些在Congo中可用的基本Markdown格式的示例,同时展示了如何装饰一些基本的HTML元素。
|
||
|
||
<!--more-->
|
||
|
||
## 标题
|
||
|
||
以下的HTML `<h1>` 到 `<h6>` 元素代表了六个级别的章节标题。 `<h1>` 是最高的章节级别,而 `<h6>` 是最低的。
|
||
|
||
# H1
|
||
|
||
## H2
|
||
|
||
### H3
|
||
|
||
#### H4
|
||
|
||
##### H5
|
||
|
||
###### H6
|
||
|
||
## 段落
|
||
|
||
阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴
|
||
阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴
|
||
阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴
|
||
阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴
|
||
阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴
|
||
|
||
阿巴阿巴? 阿巴阿巴 阿巴阿巴 阿巴阿巴 阿巴阿巴 阿巴阿巴 阿巴阿巴 阿巴阿巴 阿巴阿巴 阿巴阿巴 阿巴阿巴 阿巴阿巴 阿巴阿巴 阿巴阿巴 阿巴阿巴 阿巴阿巴 阿巴阿巴, 阿巴阿巴 阿巴阿巴 阿巴阿巴 阿巴阿巴 阿巴阿巴 阿巴阿巴 阿巴阿巴.
|
||
|
||
## 引用
|
||
|
||
这是一段关于Markdown中引用块(Blockquotes)的内容。引用块用于表示从其他来源引用的内容,可选地包含引用来源,引用来源可以放在 `footer` 或 `cite` 元素中,也可以包含内联更改,如注释和缩写。
|
||
|
||
### 无引用的引用块
|
||
|
||
> Tiam, ad mint andaepu dandae nostion secatur sequo quae.
|
||
> **注意**,你可以在引用块内使用 _Markdown语法_。
|
||
|
||
### 带引用的引用块
|
||
|
||
> Don't communicate by sharing memory, share memory by communicating.<br>
|
||
> — <cite>Rob Pike[^1]</cite>
|
||
|
||
[^1]: 上面的引用摘自Rob Pike在Gopherfest于2015年11月18日的关于无关紧要的[演讲](https://www.youtube.com/watch?v=PAAkCSZUG1c)。
|
||
|
||
## 表格
|
||
|
||
表格不属于核心Markdown规范,但Hugo原生支持它们,无需额外配置。
|
||
|
||
| 名前 | 年齢 |
|
||
| ----- | --- |
|
||
| Bob | 27 |
|
||
| Alice | 23 |
|
||
|
||
### 表格内的行内Markdown
|
||
|
||
| 斜体 | 粗体 | 代码 |
|
||
| --------- | -------- | ------ |
|
||
| _斜体_ | **粗体** | `代码` |
|
||
|
||
## 代码块
|
||
|
||
### 使用反引号的代码块
|
||
|
||
```html
|
||
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<title>示例HTML5文档</title>
|
||
</head>
|
||
<body>
|
||
<p>测试</p>
|
||
</body>
|
||
</html>
|
||
```
|
||
|
||
### 缩进四个空格的代码块
|
||
|
||
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<title>示例HTML5文档</title>
|
||
</head>
|
||
<body>
|
||
<p>测试</p>
|
||
</body>
|
||
</html>
|
||
|
||
### 使用Hugo内置的代码块高亮shortcode
|
||
|
||
{{< highlight html "linenos=table,hl_lines=4 7-9" >}}
|
||
|
||
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<title>示例HTML5文档</title>
|
||
</head>
|
||
<body>
|
||
<p>测试</p>
|
||
</body>
|
||
</html>
|
||
{{< /highlight >}}
|
||
|
||
## 列表类型
|
||
|
||
### 有序列表
|
||
|
||
1. 第一项
|
||
2. 第二项
|
||
3. 第三项
|
||
|
||
### 无序列表
|
||
|
||
- 列表项
|
||
- 另一项
|
||
- 还有一项
|
||
|
||
### 嵌套列表
|
||
|
||
- 水果
|
||
- 苹果
|
||
- 橙子
|
||
- 香蕉
|
||
- 乳制品
|
||
- 牛奶
|
||
- 奶酪
|
||
|
||
## 其他元素 — 缩写、下标、上标、键盘、标记
|
||
|
||
<abbr title="Graphics Interchange Format">GIF</abbr> 是一种位图图像格式。
|
||
|
||
H<sub>2</sub>O
|
||
|
||
X<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup>
|
||
|
||
按下 <kbd>CTRL</kbd>+<kbd>ALT</kbd>+<kbd>Delete</kbd> 结束会话。
|
||
|
||
大多数<mark>蝾螈</mark>是夜行动物,捕食昆虫、蠕虫和其他小动物。
|