本文主要是介绍Markdown Sample,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
文章目录
- Summary
- 1. 加粗
- 2. Markdown中如何添加特殊符号
- 3. Markdown数学公式语法
- 空格
- 4. 字体颜色
- 字体背景色
- 5. Jump
- 1. local file
- 1.1 way 1
- 1.2 way 2
- 2. Other file
- 3. Link
- 6. 脚标
- 7. 删除线
- 8.快捷方式
- 9. List
- 10 分割线
- 11 特殊字符
- 12 . 引用
- 13 . 表格
- 14. 首行缩进
- 15. 表情符号
- 16. 文本居中 / 换行
- 17. HTML
- 18. Diagrams
- pie
- sequence
- state
- graph
- direction
- node
Summary
1. 加粗
两个**
或__
会被HTML中的``标签包裹,例如:
2. Markdown中如何添加特殊符号
List of Greek letters and math symbols
https://www.overleaf.com/learn/latex/List_of_Greek_letters_and_math_symbols
https://blog.csdn.net/Logicr/article/details/82414854
→
*→
eg: ∨ \vee ∨
$\vee$
3. Markdown数学公式语法
https://private.codecogs.com/latex/eqneditor.php
https://juejin.im/post/5a6721bd518825733201c4a2#heading-7
\(a + b\)
$x + y = z$
< E m p t y M a t h B l o c k > <Empty \space Math \space Block> <Empty Math Block>
x + y = z x+y=z x+y=z
$=2*3^k = 2*3^{log_3 m*n} = 2*m*n$ //Suppose $m*n = 3^k$ → $k = \log_3 m*n,$
= 2 ∗ 3 k = 2 ∗ 3 l o g 3 m ∗ n = 2 ∗ m ∗ n =2*3^k = 2*3^{log_3 m*n} = 2*m*n =2∗3k=2∗3log3m∗n=2∗m∗n
//Suppose m ∗ n = 3 k m*n = 3^k m∗n=3k → k = log 3 m ∗ n , k = \log_3 m*n, k=log3m∗n,
https://www.jianshu.com/p/e74eb43960a1
空格
http://blog.sina.com.cn/s/blog_4ddef8f80100iwwv.html
两个quad空格 | a \qquad b | 两个m的宽度 | |
---|---|---|---|
quad空格 | a \quad b | 一个m的宽度 | |
大空格 | a\ b | 1/3m宽度 | |
中等空格 | a;b | 2/7m宽度 | |
小空格 | a,b | 1/6m宽度 | |
没有空格 | ab | ||
紧贴 | a!b | 缩进1/6m宽度 |
$O(n^2)$
Time complexity : O ( n 2 ) O(n^2) O(n2)
Time complexity : O ( 3 ∗ l o g n ) ≈ O ( l o g n ) O(3 * log n) ≈ O(log n) O(3∗logn)≈O(logn)
4. 字体颜色
<font face="黑体">我是黑体字</font>
<font face="微软雅黑">我是微软雅黑</font>
<font face="STCAIYUN">我是华文彩云</font>
<font color=#0099ff size=7 face="黑体">color=#0099ff size=72 face="黑体"</font>
<font color=#00ffff size=72>color=#00ffff</font>
<font color=gray size=72>color=gray</font>Size:规定文本的尺寸大小。可能的值:从 1 到 7 的数字。浏览器默认值是 3
LightGreen
字体背景色
<table><tr><td bgcolor=lightblue>背景色</td></tr></table>
背景色 |
背景色 |
背景色 |
背景色 |
背景色 |
背景色 |
背景色 |
https://www.w3schools.com/colors/colors_names.asp
https://blog.csdn.net/qq_41082953/article/details/102922677
5. Jump
1. local file
1.1 way 1
[link](#Summary) jump to title
link jump to title
1.2 way 2
<a href="#其他markdown编辑器的实现方法">点击跳转</a>
按住Ctrl(Cmd)点击下面的连接就会跳到“其他markdown编辑器的实现方法”这一小节标题
点击跳转
2. Other file
<a href="5.md">点击跳转</a>
点击跳转
3. Link
引用图片和链接的唯一区别就是在最前方添加一个感叹号。
[点击跳转至百度](http://www.baidu.com)
点击跳转至百度
6. 脚标
X^2^
X2
使用`~`来包裹下标内容
H2O
7. 删除线
~~AAAAAA~~
AAAAAA
8.快捷方式
以上就是Markdown的基本的使用,最后奉上Markdown编辑器快捷键:· 加粗 Ctrl + B· 斜体 Ctrl + I· 引用 Ctrl + Q· 插入链接 Ctrl + L· 插入代码 Ctrl + K· 插入图片 Ctrl + G· 提升标题 Ctrl + H· 有序列表 Ctrl + O· 无序列表 Ctrl + U· 横线 Ctrl + R· 撤销 Ctrl + Z· 重做 Ctrl + Y
插入链接: Ctrl + K
插入图片: Ctrl + Shift + I
引用: Ctrl + Shift + Q
删除线: Alt+Shift+5
创建表格: Ctrl + T
ypora快捷键整合
```
Ctrl+1 一阶标题 Ctrl+B 字体加粗
Ctrl+2 二阶标题 Ctrl+I 字体倾斜
Ctrl+3 三阶标题 Ctrl+U 下划线
Ctrl+4 四阶标题 Ctrl+Home 返回Typora顶部
Ctrl+5 五阶标题 Ctrl+End 返回Typora底部
Ctrl+6 六阶标题 Ctrl+T 创建表格
Ctrl+L 选中某句话 Ctrl+K 创建超链接
Ctrl+D 选中某个单词 Ctrl+F 搜索
Ctrl+E 选中相同格式的文字 Ctrl+H 搜索并替换
Alt+Shift+5 删除线 Ctrl+Shift+I 插入图片
Ctrl+Shift+M 公式块 Ctrl+Shift+Q 引用注:一些实体符号需要在实体符号之前加”\”才能够显示
```
创建表格
Alt+Shift+5 删除线 Ctrl+Shift+I
9. List
- 无序列表使用*或+或-标识
- 有序列表使用数字加.标识,例如:1.
* 黄瓜
* 玉米
* 茄子
- 黄瓜
- 玉米
- 茄子
- ss
如果在单一列表项中包含了多个段落,为了保证渲染正常,*与段落首字母之间必须保留四个空格
* 段落一小段一
* 段落二小段二
-
段落一
小段一
-
段落二
小段二
-
段落一
sdfasdfasdf
10 分割线
***
---
11 特殊字符
Markdown使用反斜杠\插入语法中用到的特殊符号。在Markdown中,主要有以下几种特殊符号需要处理:
\ 反斜线
` 反引号
* 星号
_ 底线
{} 花括号
[] 方括号
() 括弧
# 井字号
+ 加号
- 减号
. 英文句点
! 惊叹号
12 . 引用
aa
bb
cc
- a task list item
- list syntax required
- normal formatting, @mentions, #1234 refs
- incomplete
- completed
13 . 表格
表头|表头|表头
-|:-:|-:
内容|内容|内容
内容|内容|内容
表头 | 表头 | 表头 |
---|---|---|
内容 | 内容 | 内容 |
内容 | 内容 | 内容 |
<table><tr><td bgcolor=#FF69B4>第一列</td> <td>第二列</td><td>第三列</td> </tr><tr><td colspan="2" bgcolor=#7B68EE>合并第1,2列</td><td>第2行,第3列</td > </tr><tr><td>第3行,第3列</td> <td colspan="2" bgcolor=#ADFF2F>合并第1,2列</td></tr>
</table>
第一列 | 第二列 | 第三列 |
14. 首行缩进
  这是首行缩进的文本
这是首行缩进的文本
{% tabs 选项卡, 2 %}
15. 表情符号
😊 :smile – 无法显示 😄
16. 文本居中 / 换行
这是要居中的内容
aaa
bbb
17. HTML
使用 <kbd>Ctrl</kbd>+<kbd>Alt</kbd>+<kbd>Del</kbd> 重启电脑
<kbd> </kbd> -- 白色框框
<kbd>Ctrl</kbd>
Ctrl+Alt+Del
First Header | Second Header |
---|---|
Content Cell | Content Cell |
Content Cell | Content Cell |
sdfsdfsdf
sdfsdf
sdfsdf
<video src="xxx.mp4" />
<audio src="xxx.mp3" />
<iframe height='265' scrolling='no' title='Fancy Animated SVG Menu' src='//codepen.io/jeangontijo/embed/OxVywj/?height=265&theme-id=0&default-tab=css,result&embed-version=2' frameborder='no' allowtransparency='true' allowfullscreen='true' style='width: 100%;'>See the Pen <a href='https://codepen.io/jeangontijo/pen/OxVywj/'>Fancy Animated SVG Menu</a> by Jean Gontijo (<a href='https://codepen.io/jeangontijo'>@jeangontijo</a>) on <a href='https://codepen.io'>CodePen</a>.
</iframe>
See the Pen
Fancy Animated SVG Menu by Jean Gontijo (
@jeangontijo) on
CodePen. <!-- I am some comments
not end, not end...
here the comment ends -->
18. Diagrams
https://support.typora.io/Draw-Diagrams-With-Markdown/
```chart
,预算,收入,花费,债务
June,5000,8000,4000,6000
July,3000,1000,4000,3000
Aug,5000,7000,6000,3000
Sep,7000,2000,3000,1000
Oct,6000,5000,4000,2000
Nov,4000,3000,5000,type: pie
title: 每月收益
x.title: Amount
y.title: Month
y.suffix: $
```mermaid
pietitle Pie Chart"Dogs" : 386"Cats" : 85"Rats" : 150
```
pie
sequence
```mermaid
sequenceDiagram
Alice->>Bob: Hello Bob, how are you?
Note right of Bob: Bob thinks
Bob-->>Alice: I am good thanks!
```
state
graph
direction
- TB( top bottom)表示从上到下
- BT(bottom top)表示从下到上
- RL(right left)表示从右到左
- LR(left right)表示从左到右
- TD与TB一样表示从上到下
node
- 默认节点 A
- 文本节点 B[bname]
- 圆角节点 C(cname)
- 圆形节点 D((dname))
- 非对称节点 E>ename]
- 菱形节点 F{fname}
line
连线 节点间的连接线有多种形状,而且可以在连接线中加入标签:箭头连接 A1–>B1 开放连接 A2—B2 标签连接 A3–text—B3 或者 A3—|text|B3 箭头标签连接 A4–text –>B4 或者 A4–>|text|B4 虚线开放连接 A5.-B5 或者 A5-.-B5 或者 A5..-B5 虚线箭头连接 A6.->B6 或者 A6-.->B6 标签虚线连接 A7-.text.-B7 标签虚线箭头连接 A8-.text.->B8 粗线开放连接 A9===B9 粗线箭头连接 A10==>B10 标签粗线开放连接 A11==text===B11 标签粗线箭头连接 A12==text==>B12
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Y0c88r2j-1583765397769)(images\line1.png)]
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-nzO0CDFq-1583765397769)(images\line2.png)]
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-PhHzmmFX-1583765397769)(images\line3.png)]
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-BvD80SW4-1583765397770)(images\line4.png)]
这篇关于Markdown Sample的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!