目录
Markdown 免费编辑器推荐
1.Markdown In-browser(Online,Offline)
- StackEdit: markdown editor
- Modoko: Write Beautiful Documents
- 简书: 国内优质原创内容输出平台
- Markdown Here: 这是一个Chrome浏览器插件
2.Markdown Client
- Typora (Win+Mac+Linux) : What You See Is What You Get
- Mou (Mac): Markdown editor for developers.
- Macdown (Mac): MacDown is an open source Markdown editor for OS X
- Bear(Mac): Write beautifully on iPhone, iPad, and Mac
- MarkdownPad(Windows): MarkdownPad is a full-featured Markdown editor for Windows
- MarkPad: Markdown works better with MarkPad
3.代码编辑器
- Atom (all): A hackable text editor for the 21st Century(GitHub)
- Sublime Text (all): 是程序员圈子里口口相传的「神器」级代码编辑器
- 有道云笔记 (all): 网易出品,获得5000万用户青睐的笔记软件
- 非常有用的 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
Markdown语法
1.Headers
Setext-style:
Header 1
========
Header 2
--------
atx-style (关闭#号是可选的):
# Header 1 #
## Header 2 ##
... ...
###### Header 6
2.Styling
用法 | 效果 |
---|---|
*italic* or _italic_ |
italic |
**bold** or __bold__ |
bold |
==Marked text.== |
Marked text. |
~~Mistaken text ~~ |
|
H~2~O is a liquid |
H2O |
2^10^ is 1024 |
210 |
[TOC] |
将所有heders列入目录 |
\markdown |
markdown符号前加\ 返回自身 |
HTML语法 | <br> 表示换行符<kbd> text</kbd> 加边框 |
3.Blockquotes(引用)
> Quoted text
>> Quoted text
Quoted text
嵌套引用
4.Lists
用法 | 说明 |
---|---|
1. Item 1 |
Ordered |
- or * or + |
Unordered |
- [ ] Incomplete item |
复选框 |
- [x] Complete item |
复选框 |
- 嵌套列表(nest)
* Abacus
* answer
* Bubbles
1. bunk
2. bupkis
* BELITTLER
3. burper
* Cunning
- 自定义列表(Definition lists)
Markdown
: Text-to-HTML conversion tool Authors
: John
- Markdown
- Text-to-HTML conversion tool Authors
- John
5.Links
用法 | 说明 |
---|---|
[link](http://example.com/ "Title") |
a link(title可选) |
![Alt](img.jpg/ "Title") |
An image(title可选) |
![Alt](img.jpg =60x50/ "Title") |
A sized image(title可选) |
引用格式的连接 Reference-style labels (titles are optional)
A [link][id1]
An image: ![alt text][id2]
# 然后,在文章的任意位置定义id
[id1]: http://example.com/ "Title"
[id2]: /url/to/img.jpg "Title"
6.Code Spans
Inline:
`code`
Spans:
```code```
7.Tables
Item | Value
---- | -----
Index | cells
| Column 1 | Column 2 | Column 3 |
|:--------:| -------------:|:---------|
| centered | right-aligned | left-aligned|
8.others
- Preformatted Code Blocks(预定义区块):
at least 4 spaces or 1 tab
- Horizontal Rules(分割线):
3 or more dashes(---) or asterisks(***)
- Manual Line Breaks(手动换行):
End a line with two or more spaces
- footnote(注脚):
footnote[^1]
,然后任意位置定义[^1]: 这里是footnote的内容
9.KaTeX
https://katex.org/docs/supported.html
CSDN·Markdown·KaTex/LaTex 用法小全
You can render KaTeX expressions using $ or $$
Inline:
Inline:
The *Gamma function* satisfying $\Gamma(n) = (n-1)!\quad\forall n\in\mathbb N$ is via the Euler integral
Spans:
$$
\Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,.
$$
The Gamma function satisfying is via the Euler integral
10.UML diagrams
You can render UML diagrams using Mermaid. For example, this will produce a sequence diagram:
And this will produce a flow chart: