这里写自定义目录标题
欢迎使用Markdown编辑器
你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章,了解一下Markdown的基本语法知识。
新的改变
我们对Markdown编辑器进行了一些功能拓展与语法支持,除了标准的Markdown编辑器功能,我们增加了如下几点新功能,帮助你用它写博客:
- 全新的界面设计 ,将会带来全新的写作体验;
- 在创作中心设置你喜爱的代码高亮样式,Markdown 将代码片显示选择的高亮样式 进行展示;
- 增加了 图片拖拽 功能,你可以将本地的图片直接拖拽到编辑区域直接展示;
- 全新的 KaTeX数学公式 语法;
- 增加了支持甘特图的mermaid语法1 功能;
- 增加了 多屏幕编辑 Markdown文章功能;
- 增加了 焦点写作模式、预览模式、简洁写作模式、左右区域同步滚轮设置 等功能,功能按钮位于编辑区域与预览区域中间;
- 增加了 检查列表 功能。
功能快捷键
撤销:Ctrl/Command + Z
重做:Ctrl/Command + Y
加粗:Ctrl/Command + B
斜体:Ctrl/Command + I
标题:Ctrl/Command + Shift + H
无序列表:Ctrl/Command + Shift + U
有序列表:Ctrl/Command + Shift + O
检查列表:Ctrl/Command + Shift + C
插入代码:Ctrl/Command + Shift + K
插入链接:Ctrl/Command + Shift + L
插入图片:Ctrl/Command + Shift + G
合理的创建标题,有助于目录的生成
直接输入1次#,并按下space后,将生成1级标题。
输入2次#,并按下space后,将生成2级标题。
以此类推,我们支持6级标题。有助于使用TOC
语法后生成一个完美的目录。
如何改变文本的样式
强调文本 强调文本
加粗文本 加粗文本
标记文本
删除文本
引用文本
H2O is是液体。
210 运算结果是 1024.
插入链接与图片
链接: link.
图片:
带尺寸的图片:
居中的图片:
居中并且带尺寸的图片:
当然,我们为了让用户更加便捷,我们增加了图片拖拽功能。
如何插入一段漂亮的代码片
去博客设置页面,选择一款你喜欢的代码片高亮样式,下面展示同样高亮的 代码片
.
// An highlighted block
var foo = 'bar';
生成一个适合你的列表
- 项目
- 项目
- 项目
- 项目
- 项目1
- 项目2
- 项目3
- 计划任务
- 完成任务
创建一个表格
一个简单的表格是这么创建的:
项目 | Value |
---|---|
电脑 | $1600 |
手机 | $12 |
导管 | $1 |
设定内容居中、居左、居右
使用:---------:
居中
使用:----------
居左
使用----------:
居右
第一列 | 第二列 | 第三列 |
---|---|---|
第一列文本居中 | 第二列文本居右 | 第三列文本居左 |
SmartyPants
SmartyPants将ASCII标点字符转换为“智能”印刷标点HTML实体。例如:
TYPE | ASCII | HTML |
---|---|---|
Single backticks | 'Isn't this fun?' | ‘Isn’t this fun?’ |
Quotes | "Isn't this fun?" | “Isn’t this fun?” |
Dashes | -- is en-dash, --- is em-dash | – is en-dash, — is em-dash |
创建一个自定义列表
-
Markdown
- Text-to- HTML conversion tool Authors
- John
- Luke
如何创建一个注脚
一个具有注脚的文本。2
注释也是必不可少的
Markdown将文本转换为 HTML。
KaTeX数学公式
您可以使用渲染LaTeX数学表达式 KaTeX:
Gamma公式展示 Γ ( n ) = ( n − 1 ) ! ∀ n ∈ N \Gamma(n) = (n-1)!\quad\forall n\in\mathbb N Γ(n)=(n−1)!∀n∈N 是通过欧拉积分
Γ ( z ) = ∫ 0 ∞ t z − 1 e − t d t   . \Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,. Γ(z)=∫0∞tz−1e−tdt.
你可以找到更多关于的信息 LaTeX 数学表达式here.
新的甘特图功能,丰富你的文章
- 关于 甘特图 语法,参考 这儿,
UML 图表
可以使用UML图表进行渲染。 Mermaid. 例如下面产生的一个序列图::
这将产生一个流程图。:
- 关于 Mermaid 语法,参考 这儿,
FLowchart流程图
我们依旧会支持flowchart的流程图:
- 关于 Flowchart流程图 语法,参考 这儿.
导出与导入
导出
如果你想尝试使用此编辑器, 你可以在此篇文章任意编辑。当你完成了一篇文章的写作, 在上方工具栏找到 文章导出 ,生成一个.md文件或者.html文件进行本地保存。
导入
如果你想加载一篇你写过的.md文件,在上方工具栏可以选择导入功能进行对应扩展名的文件导入,
继续你的创作。
文章目录
Setting
{
tex : true
}
Custom KaTeX source URL
// Default using CloudFlare KaTeX's CDN
// You can custom url
editormd.katexURL = {
js : "your url", // default: //cdnjs.cloudflare.com/ajax/libs/KaTeX/0.3.0/katex.min
css : "your url" // default: //cdnjs.cloudflare.com/ajax/libs/KaTeX/0.3.0/katex.min
};
Examples
行内的公式 Inline
E = m c 2 E=mc^2 E=mc2
Inline 行内的公式 E = m c 2 E=mc^2 E=mc2 行内的公式,行内的 E = m c 2 E=mc^2 E=mc2公式。
c = p m s q r t a 2 + b 2 c = \\pm\\sqrt{a^2 + b^2} c=pmsqrta2+b2
x > y x > y x>y
f ( x ) = x 2 f(x) = x^2 f(x)=x2
α = 1 − e 2 \alpha = \sqrt{1-e^2} α=1−e2
KaTeX parse error: Can't use function '\(' in math mode at position 1: \̲(̲\sqrt{3x-1}+(1+…
sin ( α ) θ = ∑ i = 0 n ( x i + cos ( f ) ) \sin(\alpha)^{\theta}=\sum_{i=0}^{n}(x^i + \cos(f)) sin(α)θ=i=0∑n(xi+cos(f))
d f r a c − b p m s q r t b 2 − 4 a c 2 a \\dfrac{-b \\pm \\sqrt{b^2 - 4ac}}{2a} dfrac−bpmsqrtb2−4ac2a
f ( x ) = ∫ − ∞ ∞ f ^ ( ξ )   e 2 π i ξ x   d ξ f(x) = \int_{-\infty}^\infty\hat f(\xi)\,e^{2 \pi i \xi x}\,d\xi f(x)=∫−∞∞f^(ξ)e2πiξxdξ
1 ( ϕ 5 − ϕ ) e 2 5 π = 1 + e − 2 π 1 + e − 4 π 1 + e − 6 π 1 + e − 8 π 1 + ⋯ \displaystyle \frac{1}{\Bigl(\sqrt{\phi \sqrt{5}}-\phi\Bigr) e^{\frac25 \pi}} = 1+\frac{e^{-2\pi}} {1+\frac{e^{-4\pi}} {1+\frac{e^{-6\pi}} {1+\frac{e^{-8\pi}} {1+\cdots} } } } (ϕ5−ϕ)e52π1=1+1+1+1+1+⋯e−8πe−6πe−4πe−2π
( ∑ _ k = 1 n a _ k b _ k ) 2 ≤ ( ∑ _ k = 1 n a _ k 2 ) ( ∑ _ k = 1 n b _ k 2 ) \displaystyle \left( \sum\_{k=1}^n a\_k b\_k \right)^2 \leq \left( \sum\_{k=1}^n a\_k^2 \right) \left( \sum\_{k=1}^n b\_k^2 \right) (∑_k=1na_kb_k)2≤(∑_k=1na_k2)(∑_k=1nb_k2)
a 2 a^2 a2
a 2 + 2 a^{2+2} a2+2
a 2 a_2 a2
x 2 3 {x_2}^3 x23
x 2 3 x_2^3 x23
1 0 1 0 8 10^{10^{8}} 10108
a i , j a_{i,j} ai,j
n P k _nP_k nPk
c = ± a 2 + b 2 c = \pm\sqrt{a^2 + b^2} c=±a2+b2
1 2 = 0.5 \frac{1}{2}=0.5 21=0.5
k k − 1 = 0.5 \dfrac{k}{k-1} = 0.5 k−1k=0.5
( n k ) ( n k ) \dbinom{n}{k} \binom{n}{k} (kn)(kn)
∮ C x 3   d x + 4 y 2   d y \oint_C x^3\, dx + 4y^2\, dy ∮Cx3dx+4y2dy
⋂ 1 n p ⋃ 1 k p \bigcap_1^n p \bigcup_1^k p 1⋂np1⋃kp
e i π + 1 = 0 e^{i \pi} + 1 = 0 eiπ+1=0
( 1 2 ) \left ( \frac{1}{2} \right ) (21)
x 1 , 2 = − b ± b 2 − 4 a c 2 a x_{1,2}=\frac{-b\pm\sqrt{\color{Red}b^2-4ac}}{2a} x1,2=2a−b±b2−4ac
x 2 + 2 x − 1 {\color{Blue}x^2}+{\color{YellowOrange}2x}-{\color{OliveGreen}1} x2+2x−1
∑ k = 1 N k 2 \textstyle \sum_{k=1}^N k^2 ∑k=1Nk2
1 2 [ 1 − ( 1 2 ) n ] 1 − 1 2 = s n \dfrac{ \tfrac{1}{2}[1-(\tfrac{1}{2})^n] }{ 1-\tfrac{1}{2} } = s_n 1−2121[1−(21)n]=sn
( n k ) \binom{n}{k} (kn)
0 + 1 + 2 + 3 + 4 + 5 + 6 + 7 + 8 + 9 + 10 + 11 + 12 + 13 + 14 + 15 + 16 + 17 + 18 + 19 + 20 + ⋯ 0+1+2+3+4+5+6+7+8+9+10+11+12+13+14+15+16+17+18+19+20+\cdots 0+1+2+3+4+5+6+7+8+9+10+11+12+13+14+15+16+17+18+19+20+⋯
∑ k = 1 N k 2 \sum_{k=1}^N k^2 k=1∑Nk2
∑ k = 1 N k 2 \textstyle \sum_{k=1}^N k^2 ∑k=1Nk2
∏ i = 1 N x i \prod_{i=1}^N x_i i=1∏Nxi
∏ i = 1 N x i \textstyle \prod_{i=1}^N x_i ∏i=1Nxi
∐ i = 1 N x i \coprod_{i=1}^N x_i i=1∐Nxi
∐ i = 1 N x i \textstyle \coprod_{i=1}^N x_i ∐i=1Nxi
∫ 1 3 e 3 / x x 2   d x \int_{1}^{3}\frac{e^3/x}{x^2}\, dx ∫13x2e3/xdx
∫ C x 3   d x + 4 y 2   d y \int_C x^3\, dx + 4y^2\, dy ∫Cx3dx+4y2dy
1 2 ​ Ω 3 4 {}_1^2\!\Omega_3^4 12Ω34
多行公式 Multi line
```math or ```latex or ```katex
f(x) = \int_{-\infty}^\infty
\hat f(\xi)\,e^{2 \pi i \xi x}
\,d\xi
\displaystyle
\left( \sum\_{k=1}^n a\_k b\_k \right)^2
\leq
\left( \sum\_{k=1}^n a\_k^2 \right)
\left( \sum\_{k=1}^n b\_k^2 \right)
\dfrac{
\tfrac{1}{2}[1-(\tfrac{1}{2})^n] }
{ 1-\tfrac{1}{2} } = s_n
\displaystyle
\frac{1}{
\Bigl(\sqrt{\phi \sqrt{5}}-\phi\Bigr) e^{
\frac25 \pi}} = 1+\frac{e^{-2\pi}} {1+\frac{e^{-4\pi}} {
1+\frac{e^{-6\pi}}
{1+\frac{e^{-8\pi}}
{1+\cdots} }
}
}
f(x) = \int_{-\infty}^\infty
\hat f(\xi)\,e^{2 \pi i \xi x}
\,d\xi
KaTeX vs MathJax
https://jsperf.com/katex-vs-mathjax
注脚的解释 ↩︎