Markdown 基本语法

Aug 15, 2020 markdown featured
Share on:

Overview

Markdown基本语法简介。
这样自己写作的时候就不用老去查别的文档了。

标题

1# H1
2## H2
3### H3
4#### H4
5##### H5
6###### H6

字体

1**这是加粗的文字**
2*这是倾斜的文字*
3***这是斜体加粗的文字***
4~~这是加删除线的文字~~

这是加粗的文字

这是倾斜的文字

这是斜体加粗的文字

这是加删除线的文字

分割线

三个或者三个以上的 - 或 * 都可以。

1---
2-----
3***
4*****

引用

1> Tiam, ad mint andaepu dandae nostion secatur sequo quae.
2> **Note** that you can use *Markdown syntax* within a blockquote.
3
4> Don't communicate by sharing memory, share memory by communicating.<br>
5> — <cite>Rob Pike[^1]</cite>
6
7[^1]: The above quote is excerpted from Rob Pike's [talk](https://www.youtube.com/watch?v=PAAkCSZUG1c) during Gopherfest, November 18, 2015.

Tiam, ad mint andaepu dandae nostion secatur sequo quae. Note that you can use Markdown syntax within a blockquote.

Don’t communicate by sharing memory, share memory by communicating. — Rob Pike1

超链接

title可加可不加

1[超链接名](https://blog.qingwuguo.com "超链接title")

超链接名

图片

图片alt就是显示在图片下面的文字，相当于对图片内容的解释。 图片title是图片的标题，当鼠标移到图片上时显示的内容。title可加可不加 图片路径还可以用相对路径

1![图片alt](https://blog.qingwuguo.com/logos/logo.png "图片title")

图片alt 图片alt

表格

第二行分割表头和内容。
- 有一个就行，为了对齐，多加了几个
文字默认居左
- 两边加：表示文字居中（此处未生效）
- 右边加：表示文字居右（此处未生效）
还可以添加字体效果，代码、超链接等
注：原生的语法两边都要用 | 包起来

1|姓名|年龄|性别|
2|---|:--:|---:|
3|小明|18|女|
4|中明|38|男|
5|老明|58|不明|
6|**这是加粗的文字**|*这是倾斜的文字*|***这是斜体加粗的文字***|
7|[超链接名](https://blog.qingwuguo.com "超链接title")|~~这是加删除线的文字~~|`code`|
姓名年龄性别
小明18女
中明38男
老明58不明
这是加粗的文字这是倾斜的文字这是斜体加粗的文字
超链接名这是加删除线的文字code

列表

有序列表

11. First item
22. Second item
33. Third item
  1. First item
  2. Second item
  3. Third item

无序列表

无序列表用 - + * 任何一种都可以

1* List item
2* Another item
3* And another item
  • List item
  • Another item
  • And another item

列表嵌套

上一级和下一级之间敲两个以上空格即可

1* Fruit
2  * Apple
3  * Orange
4  * Banana
5* Dairy
6  * Milk
7  * Cheese
  • Fruit
    • Apple
    • Orange
    • Banana
  • Dairy
    • Milk
    • Cheese

代码

单行代码：左右加 ` 即可
单行代码：前面加四个空格也可以
代码块：左边加 ``` html ，右边加 ``` 即可（html可以替换成其它语言，例如golang）
代码块：左边加 {{< highlight html >}} ，右边加 {{< highlight >}} 即可（html可以替换成其它语言，例如golang）
代码块：每行前面打四个空格也可以

fmt.Println("hello world")

hello world

 1<!doctype html>
 2<html lang="en">
 3<head>
 4  <meta charset="utf-8">
 5  <title>Example HTML5 Document</title>
 6</head>
 7<body>
 8  <p>Test</p>
 9</body>
10<!-- this line is extraneous 2Error from server (Forbidden): deployments.apps is forbidden: User "chiptest" cannot create resource "deployments" in API group "apps" in the namespace "default" -->
11</html>

 1<!doctype html>
 2<html lang="en">
 3<head>
 4  <meta charset="utf-8">
 5  <title>Example HTML5 Document</title>
 6</head>
 7<body>
 8  <p>Test</p>
 9</body>
10</html>
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Example HTML5 Document</title>
</head>
<body>
  <p>Test</p>
</body>
</html>

段落

要换行的前一行末尾打两个空格即可

支持的 HTML 元素 — abbr, sub, sup, kbd, mark

GIF is a bitmap image format.

H2O

Xn + Yn = Zn

Press CTRL+ALT+Delete to end the session.

Most salamanders are nocturnal, and hunt for insects, worms, and other small creatures.

本hugo主题还不支持的

目录 [TOC]

流程图（此处只演示一种）

1st=>start: 开始框
2op=>operation: 处理框
3cond=>condition: 判断框(是或否?)
4sub1=>subroutine: 子流程
5io=>inputoutput: 输入输出框
6e=>end: 结束框
7st->op->cond
8cond(yes)->io->e
9cond(no)->sub1(right)->op

公式

1$$
2\mathbf{V}_1 \times \mathbf{V}_2 =  \begin{vmatrix} 
3\mathbf{i} & \mathbf{j} & \mathbf{k} \\
4\frac{\partial X}{\partial u} &  \frac{\partial Y}{\partial u} & 0 \\
5\frac{\partial X}{\partial v} &  \frac{\partial Y}{\partial v} & 0 \\
6\end{vmatrix}
7${$tep1}{\style{visibility:hidden}{(x+1)(x+1)}}
8$$

此hugo主题

hugo主题地址
github地址

  1. The above quote is excerpted from Rob Pike’s talk during Gopherfest, November 18, 2015. ↩︎