Markdown
1.代码块
1.java代码
2.sheel脚本
2.标题
1 2 3 4 5 6 7
| # 一级标题 ## 二级标题 ### 三级标题 #### 四级标题 ##### 五级标题 ###### 六级标题 还有快捷键的选中一句话按Ctrl+1,Ctrl+2,Ctrl+3 ...
|
3.字体
1 2 3 4 5 6 7 8
| **流火七月**
==流火七月==
~~流火七月~~
*流火七月*
|
流火七月 ==流火七月== 流火七月
流火七月
4.引用
作者 >作者 >>作者 >> >>> - 作者
5.分割线
6.图片插入

7.超链接
我的博客
8.列表
1.目录
2.分类
3.表格
9.表格
我一般都是快捷键Ctrl+T 建表格,或者右击点插入表格
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>
|