MarkDown工具

MarkDown工具

@Author Luzhuo (http://luzhuo.me/blog)

我已经找到让我满意的工具了, 市面上还有一大堆软件, 由于下载速度实在太慢, 懒得一个一个的测了.

工具名	安全	本地图片	网络图片	本地视频	网络视频	复选框	标黄	上边	下标	LaTeX	甘特图	序列图	Mermaid流程图	Flowchart流程图
MarkdownPad2	√	√	√	×	×	√	×	×	×	×	×	×	×	×
typora	√	√	√	√	√	√	√	√	√	√	√	√	√	×
Zettlr	√	√	√	×	×	√	√	×	×	√	×	×	×	×
Yu Writer	√	√	√	×	×	√	√	×	×	√	×	×	×	×
HexoEditor	√	×	√	×	×	√	×	×	×	√	×	×	×	×
Mark Text	√	√	√	×	×	√	√	×	×	√	√	√	√	×
Simplenote	×	×	√	×	×	√	×	×	×	×	×	×	×	×
Laverna	×	×	√	×	×	√	×	×	×	√	×	×	×	×
Boostnote	×	√	√	×	?	√	×	√	√	√	√	√	√	×
CSDN博客	×	×	√	×	?	√	√	√	√	√	√	√	√	√
有道云笔记	×	×	√	×	×	√	√	√	√	√	√	√	√	×

解释:

1. 安全: 存放在本地, 能用普通文本打开的为安全, 不能用普通文本打开的为不安全
2. 本地图片: 能用![]()加载本地图片的为√, 否则为×
3. 网络图片: 能用![]()加载网络图片的为√, 否则为×
4. 复选框: 支持- [x]的为√, 否则为×
5. 标黄: ==标黄文本==能用颜色来标记一段文本的为√, 否则×
6. 上边: 能用^10^来做上标的为√, 否则×
7. 下标: 能用~2~来做下标的为√, 否则×
8. LaTeX: 支持TaTex表达式的为√, 否则×
9. 甘特图: 支持甘特图的为√, 否则×
10. 序列图: 支持序列图的为√, 否则×
11. Mermaid流程图: 支持Mermaid的为√, 否则×, 有填充色
12. Flowchart流程图: 支持Flowchart的为√, 否则×, 无填充色
13. ?: 表示只支持特定的格式, 或渠道, 或功能有缺陷.

推荐:

1. typora 功能算是最全的, 值得拥有.
2. Yu Writer 具有一些非常有特色且很棒的的功能, 但是基本功能没做好, 就搞那么多花里胡哨的东西真的好吗? 不过还是值得期待的.
3. MarkdownPad2 虽然功能不全, 但左右分隔, 不容易造成误操作, 让人用的放心.

不参与评测:
TEA: bug太多, 动不动就给你白屏

实际案例

标题(通用)

---

1级标题

2级标题

3级标题

四级标题

五级标题

六级标题

文本样式(通用)

---

斜体Italic 斜体Italic

加粗Bold 加粗Bold

标黄Mark

删除线

// 有道云专用
++下划线++

引用文本

2^上标

// typora 专用 (灰色填充)
2[^上标]

H_下标O

列表(通用)

---

• 项目
  • 项目
    • 项目

1. 项目1
2. 项目2
3. 项目3

• 计划任务
• 完成任务

链接(通用, 尺寸为CSDN专用)

---

链接: link.

图片:
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-xzG1ObaN-1574324604459)(image.jpg)]

// CSDN专用
带尺寸的图片:

居中的图片:

// CSDN专用
居中并且带尺寸的图片:

// typora 专用
视频

代码片(通用)

---

下面展示一些 内联代码片。

// A code block
var foo = 'bar';

// An highlighted block
var foo = 'bar';

表格(通用centered, centered控制位置为CSDN专用)

---

项目	Value
电脑	$1600
手机	$12
导管	$1

// CSDN专用

Column 1	Column 2
centered 文本居中	right-aligned 文本居右

自定义列表(通用)

---

Markdown

Text-to- HTML conversion tool

Authors

John

Luke

注脚(通用)

---

一个具有注脚的文本。¹

注释(通用)

---

Markdown将文本转换为 HTML。

LaTeX 数学公式(通用, 有细微区别)

---

参考文档

// CSDN专用
$y=x^2$
$\frac{\frac{1}{2}[1-(\frac{1}{2}{)}^n]}{1-\frac{1}{2}}=s_n$

$E=m{c}^2$

$${\oint }_C{x}^{3}dx+4y^{2}dy$$

$$2=\left(\frac{\left(3-x\right)\times 2}{3-x}\right)$$

$$\sum _{m=1}^{\infty }\sum _{n=1}^{\infty }\frac{m^{2}n}{3^m\left(m{3}^n+n{3}^m\right)}$$

$${\varphi }_n(\kappa )=\frac{1}{4{\pi }^2{\kappa }^2}{\int }_0^{\infty }\frac{\sin (\kappa R)}{\kappa R}\frac{\partial }{\partial R}\left[R^2\frac{\partial D_n(R)}{\partial R}\right]dR$$

// 有道云笔记专用
$y=x^2$
$\dfrac{\tfrac{1}{2}[1-(\tfrac{1}{2})^n]}{1-\tfrac{1}{2}}=s_n$

E = mc^2

\oint_C x^3\,dx + 4y^2\, dy

2 = \left(\frac{\left(3-x\right)\times 2}{3-x}\right)

\sum_{m=1}^\infty\sum_{n=1}^\infty\frac{m^2\,n}{3^m\left(m\,3^n+n\,3^m\right)}

\phi_n(\kappa) = \frac{1}{4\pi^2\kappa^2} \int_0^\infty\frac{\sin(\kappa R)}{\kappa R}\frac{\partial}{\partial R}\left[R^2\frac{\partial D_n(R)}{\partial R}\right]\,dR

// typora / Yu Writer 专用
$y=x^2$
$\frac{\frac{1}{2}[1-(\frac{1}{2}{)}^n]}{1-\frac{1}{2}}=s_n$

$${\varphi }_n(\kappa )=\frac{1}{4{\pi }^2{\kappa }^2}{\int }_0^{\infty }\frac{\sin (\kappa R)}{\kappa R}\frac{\partial }{\partial R}\left[R^2\frac{\partial D_n(R)}{\partial R}\right]dR$$

甘特图

---

参考文档

// CSDN / typora 专用(有mermaid)

// 有道云专用(无mermaid)

gantt
    dateFormat YYYY-MM-DD
    title 这是标题(可不写)
    
    section S1
    done(失效) / des(标记) / 时间-时间: done,des1,2017-03-19,2017-04-19
    时间+天数:done,des2,2017-03-20, 10d
    
    section S2
    在某标记之后+天数:done,des3,after des2, 1d
    
    section S3
    active(活动):active,des4,2017-04-03, 18d

序列图(通用)

---

参考文档

// CSDN / typora 专用

// 有道云笔记专用 (效果显示有问题)

sequenceDiagram
张三 ->> 李四: 你好！李四, 最近怎么样?
李四-->>王五: 你最近怎么样，王五？
李四--x 张三: 我很好，谢谢!
李四-x 王五: 我很好，谢谢!
Note right of 王五: 李四想了很长时间, 文字太长了<br/>不适合放在一行.

李四-->>张三: 打量着王五...
张三->>王五: 很好... 王五, 你怎么样?

sequenceDiagram
    loop every day
        Alice->>John:同步调用
        John-->>Alice:异步回调
    end

    Alice->>John: How are you?
    John->>Alice: Great!

Mermaid流程图(通用)

---

参考文档

(TB:↓ / BT:↑ / RL:← / LR:→)

// CSDN / typora 专用

// 有道云专用

graph LR
    A{开始} --- B(输入)
    B --> C[运行]
    C --> |Y|D[分支Y]
    C --> |N|E[分支N]

graph LR
    A{菱形} --> B
    B[直角四边形] --> C
    C((圆形))
    
    E[直线] --- F
    F[箭头直线] --> G
    G --> |插入文字|H

Flowchart流程图 (CSDN专用)

---

参考文档

---

1. 注脚的解释 ↩︎