markdown手册

已于 2023-02-05 17:20:43 修改
阅读量441 收藏
点赞数
分类专栏： 编程工具 文章标签： 编辑器 java jvm
于 2019-06-19 11:39:21 首次发布
原文链接：https://mermaidjs.github.io/
版权

markdown编辑器使用技巧

@[TOC](markdown编辑器使用技巧)

markdown语法是兼容html预言的
https://www.cnblogs.com/bigmagic/p/3301b25e8b0b8ef8b9415379385a798c.html

参考文章

最常用的markdown语法笔记，供大家参考

引用的神奇使用

dsfds dsfs

> >>>  >>>>>>dsfds dsfs

Markdown 数学公式总结

Markdown 数学公式总结

图片居中/插入视频

origin link

颜色

有这种符号

` `
== ==

** **

$\red{红色字体}$

~~ ~~

最终实现类 A n n o t a t i o n C o n f i g A p p l i c a t i o n C o n t e x t \color{red}{最终实现类AnnotationConfigApplicationContext} 最终实现类AnnotationConfigApplicationContext
AnnotationConfigApplicationContext

  • 作为独立的应用环境，它接受注解类作为输入，尤其是@Configuration和@Component注解
  • 如果有多个@Configuration注解类，后定义地@bean方法将会覆盖之前的类方法
  • 我们可以利用这点，慎重地通过一个额外的类来重写确定地bean定义
  1. 使用tex论文形式的颜色标注
    实现效果 \color{red}{实现效果} 实现效果
$\color{red}{实现效果}$
$\color{red}{最终实现类AnnotationConfigApplicationContext}$
**AnnotationConfigApplicationContext**  
* 作为独立的应用环境，它接受注解类作为输入，尤其是@Configuration和@Component注解
 * 如果有多个@Configuration注解类，后定义地@bean方法将会覆盖之前的类方法
 * 我们可以利用这点，慎重地通过一个额外的类来重写确定地bean定义
  1. 颜色标注
    实现效果
==实现效果==

标题

# 标题  一级标题
## 二级标题

字体,文本，代码样式

字体加粗
上标[^1]
这是链接
强调文本 强调文本

加粗文本 加粗文本

标记文本

删除文本

引用文本

H2O is是液体。

210 运算结果是 1024.

**字体加粗** 
上标[^1]
[这是链接](www.##.com)
*强调文本* _强调文本_

**加粗文本** __加粗文本__

==标记文本==

~~删除文本~~

> 引用文本

H~2~O is是液体。

2^10^ 运算结果是 1024.

功能快捷键

撤销：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

插入链接与图片

图片: Alt

![Alt](https://i-blog.csdnimg.cn/blog_migrate/13942f49355c1a781c292f1837c05d2a.gif)

//居中的图片: 
![Alt](https://i-blog.csdnimg.cn/blog_migrate/13942f49355c1a781c292f1837c05d2a.gif#pic_center)

//居中并且带尺寸的图片: 
![Alt](https://i-blog.csdnimg.cn/blog_migrate/13942f49355c1a781c292f1837c05d2a.gif#pic_center =30x30)

如何插入一段漂亮的代码片

//    ```java
      
//      ```

//   ```html,c++,php,bash(用于linux的 )

生成一个适合你的列表

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

1. 项目1
2. 项目2
3. 项目3

- [ ] 计划任务
- [x] 完成任务

创建一个表格

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

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

设定内容居中、居左、居右

使用:---------:居中
使用:----------居左
使用----------:居右

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

SmartyPants

SmartyPants将ASCII标点字符转换为“智能”印刷标点HTML实体。例如：

TYPEASCIIHTML
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
|    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 
Markdown
:  Text-to-HTML conversion tool

Authors
:  John
:  Luke

如何创建一个注脚

一个具有注脚的文本。1

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.

您可以使用渲染LaTeX数学表达式 [KaTeX](https://khan.github.io/KaTeX/):

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

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

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

新的甘特图功能，丰富你的文章

Mon 06 Mon 13 Mon 20 已完成 进行中 计划一 计划二 现有任务 Adding GANTT diagram functionality to mermaid
  • 关于 甘特图 语法，参考 这儿,
/**

```mermaid
gantt
        dateFormat  YYYY-MM-DD
        title Adding GANTT diagram functionality to mermaid
        section 现有任务
        已完成               :done,    des1, 2014-01-06,2014-01-08
        进行中               :active,  des2, 2014-01-09, 3d
        计划一               :         des3, after des2, 5d
        计划二               :         des4, after des3, 5d
        */

UML 图表

可以使用UML图表进行渲染。 Mermaid. 例如下面产生的一个序列图：:

张三 李四 王五 你好！李四, 最近怎么样? 你最近怎么样，王五？ 我很好，谢谢! 我很好，谢谢! 李四想了很长时间, 文字太长了 不适合放在一行. 打量着王五... 很好... 王五, 你怎么样? 张三 李四 王五

这将产生一个流程图。:

链接
长方形
圆
圆角长方形
菱形
  • 关于 Mermaid 语法，参考 这儿,

FLowchart流程图

我们依旧会支持flowchart的流程图：

Created with Raphaël 2.3.0 开始 我的操作 确认？ 结束 yes no
  • 关于 Flowchart流程图 语法，参考 这儿.

导出与导入

导出

如果你想尝试使用此编辑器, 你可以在此篇文章任意编辑。当你完成了一篇文章的写作, 在上方工具栏找到 文章导出 ，生成一个.md文件或者.html文件进行本地保存。

导入

如果你想加载一篇你写过的.md文件或者.html文件，在上方工具栏可以选择导入功能进行对应扩展名的文件导入，
继续你的创作。

/**
可以使用UML图表进行渲染。 [Mermaid](https://mermaidjs.github.io/). 例如下面产生的一个序列图：:

```mermaid
sequenceDiagram
张三 ->> 李四: 你好！李四, 最近怎么样?
李四-->>王五: 你最近怎么样，王五？
李四--x 张三: 我很好，谢谢!
李四-x 王五: 我很好，谢谢!
Note right of 王五: 李四想了很长时间, 文字太长了<br/>不适合放在一行.

李四-->>张三: 打量着王五...
张三->>王五: 很好... 王五, 你怎么样?
//```

这将产生一个流程图。:

```mermaid
graph LR
A[长方形] -- 链接 --> B((圆))
A --> C(圆角长方形)
B --> D{菱形}
C --> D
//```

- 关于 **Mermaid** 语法，参考 [这儿][3],

## FLowchart流程图

我们依旧会支持flowchart的流程图：
```mermaid
flowchat
st=>start: 开始
e=>end: 结束
op=>operation: 我的操作
cond=>condition: 确认？

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

- 关于 **Flowchart流程图** 语法，参考 [这儿][4].


## 导出与导入

###  导出
如果你想尝试使用此编辑器, 你可以在此篇文章任意编辑。当你完成了一篇文章的写作, 在上方工具栏找到 **文章导出** ，生成一个.md文件或者.html文件进行本地保存。

### 导入
如果你想加载一篇你写过的.md文件或者.html文件，在上方工具栏可以选择导入功能进行对应扩展名的文件导入，
继续你的创作。

 [1]: http://meta.math.stackexchange.com/questions/5020/mathjax-basic-tutorial-and-quick-reference
 [2]: https://mermaidjs.github.io/
 [3]: https://mermaidjs.github.io/
 [4]: http://adrai.github.io/flowchart.js/

*/

  1. 注脚的解释 ↩︎

千篇不一律
关注
专栏目录
Markdown 语法手册
04-12
Markdown是一种可以使用普通文本编辑器编写的标记语言，通过简单的标记语法，它可以使普通文本内容具有一定的格式。
Markdown 语法手册 （完整整理版）
热门推荐
兔清风的博客
09-15 26万+
转载：http://blog.leanote.com/post/freewalk/Markdown%E8%AF%AD%E6%B3%95%E6%89%8B%E5%86%8C 0. 目录 0. 目录1. 斜体和粗体2. 分级标题3. 超链接 3.1. 行内式3.2. 参考式3.3. 自动链接 4. 锚点5. 列表 5.1. 无序列表5.2. 有序列表5.3
Markdown 使用手册
爱死亡机器人
04-22 646
1. 插入标题 大标题 ==== 标题 ------- # 一级标题 ## 二级标题 ### 三级标题 #### 四级标题 ##### 五级标题 ###### 六级标题 2. 显示文本 Hello, World #普通文本 Thank `You` . Please `Call` Me `Coder` //高亮文本 [唯美的图片网站](https......
Markdown使用手册【基础篇】
在写作的路上持续输出。
10-20 2343
Markdown使用手册【基础篇】
Markdown使用手册
weixin_43627314的博客
07-07 1174
为什么我要使用Markdown？ markdown在排版方面具有巨大的优势，与写word相比你在写markdown时是可以边写边排版的，这样的话就会潜移默化地训练你的思维逻辑的条理性让你对你自己的文档的逻辑线清楚明了。 各级标题 在标题前面加不同数量的#就形成了不同层级的标题。 我是一级标题 我是二级标题 我是三级标题 我是四级标题 我是五级标题 我是六级标题 字体 斜体 内容两边加*内容即变为斜体显示 我变成斜体了 粗体 内容两边加两个*内容即变为粗体显示 我变成粗体了 粗斜体 内容两边加三个内容即变为粗
markdown手册 pdf
最新发布
08-21
Markdown手册是关于如何使用Markdown语言的详细指南。为了方便用户学习和参考，有很多网站和文档提供了Markdown手册的PDF版本供下载。 Markdown手册PDF的优点之一是便携性。它可以被下载到各种设备，如计算机、平板...
Markdown语法大全（超级版）.pdf
11-23
Markdown语法大全（超级版） Markdown语法大全（超级版）是Markdown语法的全面指南，涵盖了Markdown的设计理念、内联HTML语法、特殊字符自动转义、行内语法、标题、任务列表、缩进、换行、空行、对齐方式、斜体、...
Markdown基本语法.pdf
01-06
Markdown的语法简洁明了，非常适合编写文档、博客、README文件等。以下是Markdown的一些基本语法： 1. **标题**： Markdown支持六级标题，通过在行首添加井号（#）来定义不同级别的标题。一级标题使用一个井号，二...
【Markdown操作手册】
weixin_44553525的博客
05-24 353
你好！欢迎使用Markdown编辑器，这是你第一次使用 Markdown编辑器所展示的欢迎页。
markdown手册（一）
轱辘不方
04-23 267
希望能做一些麻瓜的事情造福人类。。。 f(x)=xf(x)=x f(x)=x $ f(x)=x $ s=∑n1nis=∑1nni s=\sum_1^n{n_i} $ s=\sum_1^n{n_i} $ x2x2 x^2 $ x^2 $ xixi x_i $ x_i $ {a+x}{a+x} \lbrace a+x \rbrace $ \...
Markdown使用手册？
thiyer的Python学习日记
11-09 231
欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦： Markdown和扩展Markdown简洁的语法 代码块高亮 图片链接和图片上传 LaTex数学公式 UML序列图和流程图 离线写博客 导入导出Markdown文件 丰富的快捷键 快捷键 加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl
markdown使用手册
qinyushuang的专栏
10-24 717
欢迎使用Markdown编辑器写博客本Markdown编辑器使用[StackEdit][6]修改而来，用它写博客，将会带来全新的体验哦： Markdown和扩展Markdown简洁的语法 代码块高亮 图片链接和图片上传 LaTex数学公式 UML序列图和流程图 离线写博客 导入导出Markdown文件 丰富的快捷键 快捷键 加粗 Ctrl + B 斜体 Ctrl + I 引用
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值