markdown 输入小结

匿名 (未验证) 提交于 2019-12-03 00:03:02

markdown 的设计初衷是为了书写、阅读 简约方便,但适用的场景越多难免会有复杂的情况。

这里做一份总结,基于 macOS 系统,typora 的引擎,其他需要测试。


常见操作及快捷键

功能 效果 markdown公式 快捷键
下划线 UnderLine <u>UnderLine</u> + U
粗体 我是粗体字 **我是粗体字** + B
斜体 + I
删除线 这是删除的内容 ~~这是删除的内容~~ + S
分隔线 + L
编号列表 + Shift + O
项目符号列表 + Shift + U
插入待办事项 + Shift + T
代码块 + Shift + P
撤销 + Z
在笔记内搜索 + F
短文字 第一点 第一点 + `
+ `
+ `
+ `
+ `
+ `

引用

效果

引用一段话


源码

> 引用一段话

代码

开头和结尾 三个` ,这里无法展示源码模式


代码高亮

在第一段 `后指定代码语言,c 也可以替换为 python, objective-c

```c

表格

标题 标题 标题
第一个格子 第二个格子 第三个格子
第一个内容 第二个内容 第三个内容

对齐


链接

Markdown 支持两种形式的链接语法: 行内链接参考链接


行内链接:

链接文字都是用 [方括号] 来标记,使用 (圆括号) 来把文字转成链接。还可以为链接文字配个Title,Title 属性是可选项,可以不加。

效果:
This is an example link.


源码

This is an [example link](https://links.jianshu.com/go?to=http%3A%2F%2Fexample.com%2F).

参考链接:

为参考形式的链接定一个 [名称]方便我们在文章中多次引用(链接名称可以用字母、数字和空格,但是不分大小写)。

 

当我知道 搜狗可以搜索微信和知乎时,我毫不犹豫地选择使用 搜狗。学术搜索还是用 Google靠谱,因为安全是第一位的,被墙我只能说「自作孽不可活」。

偶尔也会用一下 Bing某度
在这里“祝贺” 某度搜索的竞价排名遗臭万年,但是就像现实生活中一样,请保护自己,别傻了吧唧被人骗。因为骗子固然最可恨,被骗难道不正说明了自己的脆弱无知?

 

早饭后,我打开 每日英语听力学习英语。遇到不懂的英语单词,我借助 欧路在线词典查看释义并加入生词本,方便使用 客户端随时记忆单词。


自动链接 <>

Markdown 支持以比较简短的自动链接形式来处理网址和电子邮件信箱,只要是用 < > 包起来,Markdown 就会自动把它转成链接。一般网址的链接文字就和链接地址一样,邮址的自动链接也很类似,例如:

效果(请点击)
test01@163.com


源码

<test01@163.com>

http://example.com/
address@example.com


插入图片、视频

 

图片相对路径

如果图片 img1.jpg 与.md文件在同一目录A 下,那么相对路径这样表示

![avatar](img1.jpg)


如果图片在目录 A 的子目录 B 中
图片路径表示为: ![avatar](B/img1.jpg)


使用 base64 插入图片

ͼƬתbase64 http://imgbase64.duoshitong.com

在文档中插入编码:

![image][data:image/png;base64, …]


base64 编码一般很长,直接将编码放入段落内部会影响正常编辑。
通常的做法是将base64编码定义到一个中间变量中,将编码本体放到文档末:

![image][tmp] your document here ...  [tmp]:data:image/png;base64, ......

添加锚点,跳到本页 指定位置

在预览状态下跳转,跳转时按住ctrl/cmd点击

[点击跳转](https://github.com/developper0/notes/blob/57f8ea04a4a17105e21fb231b1d895b822ffc66c/999.其他/markdown 输入指南.md#表格)


比如 ## header1 的header1,放到<a href="">的引号里面 : <a href="#header1">header1</a>


组织结构图 mermaid

https://www.jianshu.com/p/789f02d745ec?open_source=weibo_search

http://blog.yahui.wang/2019/04/09/talkabout-markdown-mermaid/

https://blog.csdn.net/suoxd123/article/details/84992282


节点类型

节点本身的展现形式,是通过不同括号来代表各自不同的形状,默认为矩形。

  • 默认节点: A
  • 矩形节点: B[矩形]
  • 圆角矩形节点: C(圆角矩形)
  • 圆形节点: D((圆形))
  • 非对称节点: E>非对称]
  • 菱形节点: F{菱形}

显示方向

  • TB/TD( top bottom/top down)表示从上到下
  • BT(bottom top)表示从下到上
  • RL(right left)表示从右到左
  • LR(left right)表示从左到右

节点连线

线条本身的形式有多种,通过常规的英文格式的格式来标识,具体如下:

箭头连接 A1-->B1 开放连接 A2---B2 虚线箭头连接 A3.->B3 或者 A3-.->B3 虚线连接A4.-B4 或者 A4-.-B4 粗线箭头连接 A5==>B5 粗线开放连接 A6===B6 标签虚线箭头连接 A7-.text.->B7 标签开放连接 A8--text---B8


 


 
 

 
 


数学

写法


上下标

  • 上标 ^
  • 下标 _
名称 数学表达式 markdown公式
上标 ab a<sup>b</sup>
下标 ab a<sub>b</sub>

H<sub>2</sub>O CO<sub>2</sub> H2O CO2 爆米<sup>TM</sup> 爆米TM

注意:使用 $a^b$$a_b$ 时,如果b只要一位,可以实现。如果b有两位,则实现失败。


分数

  • \frac{ }{ }
  • 第一个{ }写分子,第二个{ }写分母。
名称 数学表达式 markdown公式
分数 3+8a5b+6 $\frac{3+8a}{5b+6}$

累加

  • \sum_{ }^{ }
  • 累加号的上标下标的前后顺序可以互换。
名称 数学表达式 markdown公式
求和号 ∑3xn $\sum{3x^n}$
带范围求和 ∑Nn=13xn $\sum_{n=1}^N{3x^n}

累乘

  • \prod_{ }^{ }
  • 累加号的上标下标的前后顺序可以互换。
名称 数学表达式 markdown公式
求和号 ∏3xn 3xn\prod{3x^n}
带范围求乘 ∏Nn=13xn n=1N3xn\prod_{n=1}^N{3x^n}

开方

  • \sqrt[ ]{ }
  • [ ]中写的是开几次方,{ }中写的是需要开方的数值。
名称 数学表达式 markdown公式
开方号 $\sqrt[5]{100}$

积分

  • \int_{ }^{ }
名称 数学表达式 markdown公式
积分 ∫51f(x)dx $\int^5_1{f(x)}{\rm d}x$
二重积分 $\iint^5_1{f(x)}{\rm d}x$
三重积分 $\iiint^5_1{f(x)}{\rm d}x$

正无穷、负无穷

  • \infty
名称 数学表达式 markdown公式
正无穷 +∞ ++\infty
负无穷 -\infty

极限

名称 数学表达式 markdown公式
左箭头 limn→+∞n $\lim_{n\rightarrow+\infty} n$


关系运算符

名称 数学表达式 markdown公式
大于等于 $\geq$
小于等于 $\leq$
包含于 $\subset$
包含 $\supset$
属于 $\in$

二元运算符

名称 数学表达式 markdown公式
加减 ± $\pm$
点乘 $\cdot$
× $\times$
÷ $\div$

否定关系运算符

名称 数学表达式 markdown公式
不等于 $\not=$
不小于 $\not<$
不包含 $\not\supset$

对数运算符

名称 数学表达式 markdown公式
对数 log $\log$
对数 log218 $\log_2{18}$
对数 ln $\ln$

三角运算符

名称 数学表达式 markdown公式
垂直 $\bot$
$\angle $
30度角 $30^\circ$
正弦 sin $\sin$
余弦 cos $\cos$
正切 tan $\tan$

箭头

名称 数学表达式 markdown公式
左箭头 $\leftarrow$
右箭头 → $\rightarrow$
长箭头 $\longrightarrow$
上箭头 $\uparrow$
下箭头 $\downarrow$

参考

  1. Markdown 标题
  2. Markdown 引用
  3. Markdown 强调: 倾斜加粗删除下划线
  4. Markdown 插入链接
  5. Markdown 插入图片
  6. Markdown 列表
  7. Markdown 任务列表(简书不支持,可参阅
  8. Markdown 代码块与语法高亮
  9. Markdown 换行与段首缩进
  10. Markdown 插入表格
  11. Markdown 生成内容目录
  12. Markdown 插入分割线
  13. Markdown 添加注脚
  14. Markdown 插入音乐(参阅
  15. Markdown 插入视频(参阅
  16. Markdown 嵌入地图(参阅
  17. Markdown 设置字体、字号与颜色(参阅
  18. Markdown 添加背景色(参阅
  19. Markdown 插入数学公式(参阅
  20. Markdown 插入流程图(参阅

光懂语法还不能写出排版优秀的文章,我们还需要学习 Markdown 编写规范,让我们的文章看起来很专业。已经有好人写了文章:

少数派的文章排版比较规范,大家可以多逛逛。

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!