Markdown编辑器推荐和语法(StackEdit)

Markdown 免费编辑器推荐

1.Markdown In-browser(Online,Offline)

2.Markdown Client

  • Typora 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): 是程序员圈子里口口相传的「神器」级代码编辑器

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 ~~ 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 Γ ( n ) = ( n 1 ) ! n N \Gamma(n) = (n-1)!\quad\forall n\in\mathbb N is via the Euler integral

Γ ( z ) = 0 t z 1 e t d t &ThinSpace; . \Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,.

10.UML diagrams

You can render UML diagrams using Mermaid. For example, this will produce a sequence diagram:

Alice Bob John Hello Bob, how are you? How about you John? I am good thanks! I am good thanks! Bob thinks a long long time, so long that the text does not fit on a row. Checking with John... Yes... John, how are you? Alice Bob John

And this will produce a flow chart:

Link text
Square Rect
Circle
Round Rect
Rhombus

猜你喜欢

转载自blog.csdn.net/qq_41518277/article/details/80149002