Markdown Sample

2024-04-10 07:32
文章标签 markdown sample

本文主要是介绍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$ &rarr; $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 =23k=23log3mn=2mn

//Suppose m ∗ n = 3 k m*n = 3^k mn=3k k = log ⁡ 3 m ∗ n , k = \log_3 m*n, k=log3mn,

https://www.jianshu.com/p/e74eb43960a1

空格

http://blog.sina.com.cn/s/blog_4ddef8f80100iwwv.html

两个quad空格a \qquad ba \qquad b两个m的宽度
quad空格a \quad ba \quad b一个m的宽度
大空格a\ ba\ b1/3m宽度
中等空格a;ba;b2/7m宽度
小空格a,ba,b1/6m宽度
没有空格abab,
紧贴a!ba!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(3logn)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.
* 黄瓜
* 玉米
* 茄子
  • 黄瓜
  • 玉米
  • 茄子
  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. 首行缩进

&emsp;&emsp;这是首行缩进的文本

  这是首行缩进的文本

{% 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 HeaderSecond Header
Content CellContent Cell
Content CellContent Cell
I have keys but no locks. I have space but no room. You can enter but can't leave. What am I? A keyboard. sfsdfs
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!
```
Alice Bob Hello Bob, how are you? Bob thinks I am good thanks! Alice Bob

state


graph

cname
dname
direction
  1. TB( top bottom)表示从上到下
  2. BT(bottom top)表示从下到上
  3. RL(right left)表示从右到左
  4. LR(left right)表示从左到右
  5. TD与TB一样表示从上到下
node
  1. 默认节点 A
  2. 文本节点 B[bname]
  3. 圆角节点 C(cname)
  4. 圆形节点 D((dname))
  5. 非对称节点 E>ename]
  6. 菱形节点 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
实例化
Object
P1
P2
C1
C2
D
d
H

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(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的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/890424

相关文章

Python中Markdown库的使用示例详解

《Python中Markdown库的使用示例详解》Markdown库是一个用于处理Markdown文本的Python工具,这篇文章主要为大家详细介绍了Markdown库的具体使用,感兴趣的... 目录一、背景二、什么是 Markdown 库三、如何安装这个库四、库函数使用方法1. markdown.mark

Prompt - 将图片的表格转换成Markdown

Prompt - 将图片的表格转换成Markdown 0. 引言1. 提示词2. 原始版本 0. 引言 最近尝试将图片中的表格转换成Markdown格式,需要不断条件和优化提示词。记录一下调整好的提示词,以后在继续优化迭代。 1. 提示词 英文版本: You are an AI assistant tasked with extracting the content of

【H2O2|全栈】Markdown | Md 笔记到底如何使用?【前端 · HTML前置知识】

Markdown的一些杂谈 目录 Markdown的一些杂谈 前言 准备工作 认识.Md文件 为什么使用Md? 怎么使用Md? ​编辑 怎么看别人给我的Md文件? Md文件命令 切换模式 粗体、倾斜、下划线、删除线和荧光标记 分级标题 水平线 引用 无序和有序列表 ​编辑 任务清单 插入链接和图片 内嵌代码和代码块 表格 公式 其他 源代码 预

【Markdown】如何在Markdown中合并单元格

Markdown语法本身不包含复杂表格的插入,但是可以使用html语法来实现。 水平单元格的合并:基于colspan属性,即使一个单元格占多列的空间纵向单元格的合并:基于rowspan属性,即使一个单元格占多行的空间 要想MarkDown中插入复杂表格时,可以先在word或excel中把表格写好,然后在如下网站进行转化为标记对形式: http://pressbin.com/tools/exc

【Markdown】输入空格方式

文章目录 1.nbsp2. ensp3. emsp4.thinsp5. zwnj6. zwj7. 其它 1.nbsp &nbsp;为“不换行空格”,全称“No-Break Space”,它是最常见和我们使用最多的空格,大多数的人可能只接触了 ,它是按下space键产生的空格。在HTML中,如果你用空格键产生此空格,空格是不会累加的(只算1个)。要使用html实体表示才可累加,该

好用的 Markdown 编辑器组件

ByteMD bytedance/bytemd: ByteMD v1 repository (github.com) 这里由于我的项目是 Next,所以安装 @bytemd/react, 阅读官方文档,执行命令来安装编辑器主体、以及 gfm(表格支持)插件、highlight 代码高亮插件: npm i @bytemd/reactnpm i @bytemd/plugin-highlight

CSDN的Markdown编辑器语法

这里写自定义目录标题 欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants 创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入

解决树莓派IOError: [Errno Invalid sample rate] -9997 采样率16K错误

树莓派在基于pyaudio录音的时候会提示如上错误,这主要是使用的树莓派声卡不支持当前的采用率,没关系,其实在alsa架构下我们可以通过声卡的插件实现转换。在树莓派下家目录创建一个声卡隐藏配置文件 .asoundrc。特别说明,不要在你的pyaudio里面设置打开声卡的编号因为下面的配置已经配置了。 1.安装 sudo apt-get install pulseaudio 2.在家目录创

MWeb Pro - Mac 平台专业 Markdown 编辑器

作为 Mac 平台老牌的 Markdown 编辑器,MWeb 4 让专业写作、记笔记变得轻松自在。 兼容性更出色 开发者将此前自研的 One Markdown 整合到 MWeb 4 中,而且适配苹果 M系列芯片电脑,兼容性更加出色。 完整支持广泛使用的 CommonMark 标准和 GitHub Flavored Markdown 特性,而且在新技术加持下性能大大提升,编辑上百万字文档也

csdn,Markdown语法保存

这里写自定义目录标题 欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants 创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入