Markdown语法(字体,样式,公式,背景,图表等)

1、如何改变文本的样式


*强调文本* _强调文本_  
**加粗文本** __加粗文本__  
==标记文本==  
~~删除文本~~  
> 引用文本  
H~2~O is是液体。  
2^10^ 运算结果是 1024.  

显示效果如下:

强调文本 强调文本
加粗文本 加粗文本
标记文本
删除文本

引用文本

H2O is是液体。
210 运算结果是 1024.

2、缩进与换行

缩进使用空格来实现,连续使用两个即可

  半角的空格
  全角的空格

换行
方法1: 连续两个以上空格+回车
方法2:使用html语言换行标签:

3、插入链接与图片


链接: [link](https://mp.csdn.net).
图片: ![Alt](https://avatar.csdn.net/7/7/B/1_ralf_hx163com.jpg)
带尺寸的图片: ![Alt](https://avatar.csdn.net/7/7/B/1_ralf_hx163com.jpg =30x30)

显示效果如下:
链接: link.

图片: Alt

带尺寸的图片: Alt

4、字体、字号与颜色

    Markdown是一种可以使用普通文本编辑器编写的标记语言,通过类似HTML的标记语法,它可以使普通文本内容具有一定的格式。但是它本身是不支持修改字体、字号与颜色等功能的!
    CSDN-markdown编辑器是其衍生版本,扩展了Markdown的功能(如表格、脚注、内嵌HTML等等)!对,就是内嵌HTML,接下来要讲的功能就需要使用内嵌HTML的方法来实现。
    字体,字号和颜色编辑如下代码

我是黑体字
我是微软雅黑
我是华文彩云
color=#0099ff size=72 face="黑体"
color=#00ffff
color=red

Size:规定文本的尺寸大小。可能的值:从 1 到 7 的数字。浏览器默认值是 3

显示效果如下:
我是黑体字
我是微软雅黑
我是华文彩云
color=#0099ff size=72 face=“黑体”
color=#00ffff
color=red
具体颜色分类及标记请参照:RGB颜色参考

5、背景色

Markdown本身不支持背景色设置,需要采用内置html的方式实现:借助 table, tr, td 等表格标签的 bgcolor 属性来实现背景色的功能。举例如下:

背景色是:orange

效果如下:

背景色是:orange

6、分割线

你可以在一行中用三个以上的星号、减号、底线来建立一个分隔线,行内不能有其他东西。你也可以在星号或是减号中间插入空格。下面每种写法都可以建立分隔线

7、代码块

代码块:空一行,再TAB键开头的段落,会被认为是代码块(效果如下):

struct {
    int year;
    int month;
    int day;
}bdate;

如果在一个行内需要引用代码,整行用反引号`引起来就好

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


```c
    struct {
        int year;
        int month;
        int day;
    }bdate;
```
显示为
    struct {
        int year;
        int month;
        int day;
    }bdate;

8、使用LaTex数学公式

行内公式:使用两个”$”符号引用公式: $公式$
行间公式:使用两对“$$”符号引用公式: $$公式$$ 

KaTeX数学公式

您可以使用渲染LaTeX数学表达式 KaTeX:


Gamma公式展示 $\Gamma(n) = (n-1)!\quad\forall
n\in\mathbb N$ 是通过欧拉积分

$$
\Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,.
$$

显示如下:

Gamma公式展示 Γ ( n ) = ( n − 1 ) ! ∀ n ∈ N \Gamma(n) = (n-1)!\quad\forall n\in\mathbb N Γ(n)=(n1)!nN 是通过欧拉积分

Γ ( z ) = ∫ 0 ∞ t z − 1 e − t d t   . \Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,. Γ(z)=0tz1etdt.

你可以找到更多关于的信息 LaTeX 数学表达式here.

9、生成一个适合你的列表


- 项目
  - 项目
    - 项目

1. 项目1
2. 项目2
3. 项目3
- [ ] 计划任务
- [x] 完成任务
  • 项目
    • 项目
      • 项目
  1. 项目1
  2. 项目2
  3. 项目3
  • 计划任务
  • 完成任务

10、创建一个表格

一个简单的表格是这么创建的:

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

语法及设定内容居中、居左、居右

|、-、:之间的多余空格会被忽略,不影响布局。
默认标题栏居中对齐,内容居左对齐。
内容和|之间的多余空格会被忽略,每行第一个|和最后一个|可以省略,-的数量至少有一个。
使用:---------:居中
使用:----------居左
使用----------:居右

| 第一列       | 第二列         | 第三列        |
|:-----------:| -------------:|:-------------|
| 第一列文本居中 | 第二列文本居右  | 第三列文本居左 | 
第一列 第二列 第三列
第一列文本居中 第二列文本居右 第三列文本居左

11、 创建一个自定义列表

Markdown
:  Text-to-HTML conversion tool

Authors
:  John
:  Luke
Markdown
Text-to-HTML conversion tool
Authors
John
Luke

12、序列图和流程图

摘抄自CSDN的说明

1. CSDN旧版序列图


```mermaid
sequenceDiagram
Alice->>Bob: Hello Bob, how are you?
Note right of Bob: Bob thinks
Bob-->>Alice: I am good thanks!
```

显示效果:

Alice Bob Hello Bob, how are you? Bob thinks I am good thanks! Alice Bob

2. CSDN新版序列图


```mermaid
sequenceDiagram
Alice->>Bob: Hello Bob, how are you?
Note right of Bob: Bob thinks
Bob-->>Alice: I am good thanks!
```

显示效果:

Alice Bob Hello Bob, how are you? Bob thinks I am good thanks! Alice Bob

3. CSDN旧版流程图


```mermaid
flowchat
st=>start: Start
e=>end
op=>operation: My Opetation
cond=>condition: Yes or No?

st->op->cond
cond(yes)->e
cond(no)->op
```

显示效果

Created with Raphaël 2.2.0 Start My Opetation Yes or No? End yes no

4. CSDN新版流程图


```mermaid
flowchat
st=>start: Start
e=>end
op=>operation: My Opetation
cond=>condition: Yes or No?

st->op->cond
cond(yes)->e
cond(no)->op
```

显示效果

Created with Raphaël 2.2.0 Start My Opetation Yes or No? End yes no

参考:

  1. markdown官方指导
  2. CSDN:Markdown博客专栏
  3. http://blog.csdn.net/u010177286/article/details/50358720
  4. http://glgjing.github.io/blog/2015/04/03/markdown-biao-ge-yu-fa/

你可能感兴趣的:(web,tools)