Markdown编辑器语法

最新推荐文章于 2024-09-21 11:41:35 发布

怒河春醒

最新推荐文章于 2024-09-21 11:41:35 发布

阅读量306

点赞数

分类专栏： Markdown 文章标签： markdown语法 markdown 编辑器

本文链接：https://blog.csdn.net/u010602026/article/details/65643317

版权

Markdown 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

Markdown语法

１.标题

# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题”

2.列表

2,1 无序列表的使用，在符号“-”后加空格使用。如下：

- 无序列表1 
- 无序列表2
- 无序列表3

2.2 如果要控制列表的层级，则需要在符号“-”前使用空格。如下：
- example
  - example


- 无序列表1
- 无序列表2
  - 无序列表2.1
     - 列表内容
     - 列表内容

2.3 有序列表的使用，在数字及符号“.”后加空格几个，如下：
1. example
  1. example
  2. …..
2. …..

1. 有序列表1
2. 有序列表2
3. 有序列表3
有序列表如果要区分层级，也可以在数字前加空格。

3.引用

Example

引用的格式是使用符号“>”后面书写文字，及可以使用引用。如下：

> 这个是引用
> 是不是和电子邮件中的
> 引用格式很像

4.粗体与斜体

　　粗体
　　斜体
　　粗斜

**这个是粗体**
*这个是斜体*
***这个是粗体加斜体***

5.链接与图片

link text
link text
http://example.com/ or address@example.com
这里写图片描述


在文中直接加链接，中括号中是需要添加链接的文字，圆括号中是需要添加的链接，如下：
[link text](http://example.com/ "optional title")

在引用中加链接，第一个中括号添加需要添加的文字，第二个中括号中是引用链接的id，之后在引用中，使用id加链接：如下：
[link text][id]
[id]: http://example.com/ "optional title here"

在文中直接引用链接，直接使用尖括号，把链接加入到尖括号中就可以实现，如下：
<http://example.com/> or <address@example.com>

插入互联网上图片，格式如下：
![这里写图片描述](http://img3.douban.com/mpic/s1108264.jpg)
![这里写图片描述][jane-eyre-douban]
[jane-eyre-douban]: http://img3.douban.com/mpic/s1108264.jpg

6.代码块

Use the printf() function.

echo “hello world”;

Hello,World!


用TAB键起始的段落，会被认为是代码块，如下：

    <php>
        echo “hello world";
    </php>
如果在一个行内需要引用代码，只要用反引号`引起来就好，如下：

Use the `printf()` function.

7.分割线与删除线


可以在一行中用三个以上的星号、减号、底线来建立一个分隔线，同时需要在分隔线的上面空一行。如下：

---
****
___
删除线的使用，在需要删除的文字前后各使用两个符合“~”，如下

~~Mistaken text.~~

8.代码块与语法高亮


在需要高亮的代码块的前一行及后一行使用三个反引号“`”，同时第一行反引号后面表面代码块所使用的语言，如下：

 ```ruby
require 'redcarpet'
markdown = Redcarpet.new("Hello World!")
puts markdown.to_html
 ```

9.表格

可以使用冒号来定义表格的对齐方式，如下：

| Tables | Are | Cool |
| ------------- |:-------------:| -----:|
| col 3 is | right-aligned | $1600 |
| col 2 is | centered | $12 |
| zebra stripes | are neat | $1 |

怎么控制表格第一行格式呢？

Tables	Are	Cool
col 3 is	right-aligned	$1600
col 2 is	centered	$12
zebra stripes	are neat	$1

10.LaTex数学公式

使用MathJax渲染*LaTex* 数学公式，详见[math.stackexchange.com] 
行内公式，数学公式为：

$\Gamma(n) = (n-1)!\quad\forall n\in\mathbb N$
块级公式：

$$ x = \dfrac{-b \pm \sqrt{b^2 - 4ac}}{2a} $$

行内公式，数学公式为：
$\Gamma(n) = (n-1)!\quad\forall n\in\mathbb N$
块级公式：

x = - b \pm b 2 - 4 a c ‾ ‾ ‾ ‾ ‾ ‾ ‾ ‾ \sqrt 2 a

$x = \dfrac{-b \pm \sqrt{b^2 - 4ac}}{2a}$

11.UML图

可以渲染序列图：

 ```sequence
 张三->李四: 嘿，小四儿, 写博客了没?
 Note right of 李四: 李四愣了一下，说：
 李四-->张三: 忙得吐血，哪有时间写。
 ```

或者流程图：

```flow
st=>start: 开始
e=>end: 结束
op=>operation: 我的操作
cond=>condition: 确认?
st->op->cond
cond(yes)->e
cond(no)->op
```

可以渲染序列图：

或者流程图：

关于 序列图 语法，参考这儿,
关于 流程图 语法，参考这儿.

12.快捷键

加粗 Ctrl + B
斜体 Ctrl + I
引用 Ctrl + Q
插入链接 Ctrl + L
插入代码 Ctrl + K
插入图片 Ctrl + G
提升标题 Ctrl + H
有序列表 Ctrl + O
无序列表 Ctrl + U
横线 Ctrl + R
撤销 Ctrl + Z
重做 Ctrl + Y

13. Markdown及扩展

Markdown 是一种轻量级标记语言，它允许人们使用易读易写的纯文本格式编写文档，然后转换成格式丰富的HTML页面。 —— [ 维基百科 ]

使用简单的符号标识不同的标题，将某些文字标记为粗体或者斜体，创建一个链接等，详细语法参考帮助？。

本编辑器支持 Markdown Extra , 　扩展了很多好用的功能。具体请参考Github.

表格

Markdown　Extra　表格语法：

项目	价格
Computer	$1600
Phone	$12
Pipe	$1

可以使用冒号来定义对齐方式：

项目	价格	数量
Computer	1600 元	5
Phone	12 元	12
Pipe	1 元	234

定义列表

Markdown　Extra　定义列表语法：项目１项目２

定义 A

定义 B

项目３

定义 C

定义 D

定义D内容

代码块

代码块语法遵循标准markdown代码，例如：

@requires_authorization
def somefunc(param1='', param2=0):
    '''A docstring'''
    if param1 > param2: # interesting
        print 'Greater'
    return (param2 - param1 + 1) or None
class SomeClass:
    pass
>>> message = '''interpreter
... prompt'''