Markdown

1.代码块

1.java代码

1
2
3
4
//代码块语法
~~~java(或者输入各种编程语言)


2.sheel脚本

1
2
//linux下spring项目的启动命令

2.标题

1
2
3
4
5
6
7
# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题
还有快捷键的选中一句话按Ctrl+1,Ctrl+2,Ctrl+3 ...

3.字体

1
2
3
4
5
6
7
8
//加粗 
**流火七月**
//代码高亮显示
==流火七月==
//删除线
~~流火七月~~
//斜体
*流火七月*

流火七月 ==流火七月== 流火七月 流火七月

4.引用

1
2
3
4
5
//引用
>作者
>>作者
>>>作者
>- 作者

作者 >作者 >>作者 >> >>> - 作者

5.分割线

1
2
3
//分割线,这两种都一样
---
***


6.图片插入

1
2
//在线图片/本地图片
![我的照片](https://s1.vika.cn/space/2022/10/26/3fd897bf8e604e01866ee1be464600b7) --图片路径

7.超链接

1
2
//超链接语法
[我的博客](https://hy187.github.io/)

我的博客

8.列表

1
2
3
4
//无序列表
-目录1
-目录2
-目录3
  • 目录1

  • 目录2

  • 目录3

1.目录

2.分类

3.表格

9.表格

我一般都是快捷键Ctrl+T 建表格,或者右击点插入表格

成绩 语言 语文
234 57 54
35 45 54

10.数学公式

1
2
H~2~O 是液体
2^10^ 运算结果是 1024

H2O 是液体

210 运算结果是 1024

KaTeX数学公式

您可以使用渲染LaTeX数学表达式 KaTeX:

Gamma公式展示 \(\Gamma(n) = (n-1)!\quad\forall n\in\mathbb N\) 是通过欧拉积分

1
2
3
4
5
公式块:Ctrl+shift+M
或者输入下面的$$也是公式块
$$
\Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,.
$$

\[ \Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,. \]

11.流程表

1
2
3
4
5
6
7
```mermaid
graph LR
A[长方形] -- 链接 --> B((圆))
A --> C(圆角长方形)
B --> D{菱形}
C --> D
输完上面的代码就会产生下面的流程表,是不是很简单还容易理解
1
2
3
4
5
graph LR
A[长方形] -- 链接 --> B((圆))
A --> C(圆角长方形)
B --> D{菱形}
C --> D

基本上常用的markdown语法就这么多,想要了解更多可以看一下markdown的官方文档 更新完才发现有些样式在在这个博客上显示不出来,大家可以在Typora上练一下

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
30
31
32
33
34
35
36
37
38
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap5 实例</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.staticfile.org/twitter-bootstrap/5.1.1/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.staticfile.org/twitter-bootstrap/5.1.1/js/bootstrap.bundle.min.js"></script>
</head>
<body>

<div class="container-fluid p-5 bg-primary text-white text-center">
<h1>我的第一个 Bootstrap 页面</h1>
<p>这是一个响应式页面,重置浏览器大小查看效果!</p>
</div>

<div class="container mt-5">
<div class="row">
<div class="col-sm-4">
<h3>第一列</h3>
<p>菜鸟教程</p>
<p>学的不仅是技术,更是梦想!!!</p>
</div>
<div class="col-sm-4">
<h3>第二列</h3>
<p>菜鸟教程</p>
<p>学的不仅是技术,更是梦想!!!</p>
</div>
<div class="col-sm-4">
<h3>第三列</h3>
<p>菜鸟教程</p>
<p>学的不仅是技术,更是梦想!!!</p>
</div>
</div>
</div>

</body>
</html>