大家好,又见面了,我是你们的朋友全栈君。
最全的Markdown语法
Markdown是Github最常见的文档说明。Markdown的语法简洁明了、学习容易。按照官方Markdown Cheat Sheet逐个操作一遍自然就会了。
[TOC]这个语法在markdown工具里能够识别,但是在这里不能识别。
目录
代码:
[MENU]
效果显示如上
多级标题
代码:
一级标题## 二级标题##### 多级标题
效果
一级标题
二级标题
多级标题
引用与注释
代码:
一级引用>> 二级引用>>>>> n级引用
效果
一级引用
二级引用
n级引用
插入代码
行内代码
代码:
行内代码
效果行内代码
代码段
这是代码//代码中无视markdown语法,所以本文中所有展示markdown原始文本的部分都是用代码段包起来的。
代码:
这是代码“`javascript
var s = “JavaScript syntax highlighting”;
alert(s);
```python
s = "Python syntax highlighting"
print s
``````makrdown
> 一级引用
>> 二级引用
>>>>> n级引用
多级列表
无序列表
代码:
//-+三个符号在无序列表中地位平等- 第一项 第二项 * 第二项//前面加一个空格或tab就表示下一级 * 这又是一级+ 第三项
效果
第一项
第二项
这又是一级
第二项//前面加一个空格或tab就表示下一级
第三项
有序列表
代码:
//数字加.加空格表示一个有序列表项,tab或空格触发下一级1. 这是有序的
1. 这是有序的2. 这是有序的
1. 这是有序的
这是有序的
这是有序的
这是有序的
这是有序的
超链接
行内超链接
代码:
百度
效果
百度
参数式超链接
代码:
声明:[百度]:baidu.com使用:进入[百度]
字体
代码:
斜体粗体斜体加粗
删除线
效果
斜体
粗体
斜体加粗
删除线
表格
代码:
| 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
图片
代码:
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-OvUghnKI-1617948632452)(图片地址)]
//注意,默认图片格式是原始尺寸,如果想自定义图像大小,要用img标签:
Inline-style:
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-5tAMUiNA-1617948632455)(https://github.com/adam-p/markdown-here/raw/master/src/common/images/icon48.png “Logo Title Text 1”)]
Reference-style:
Inline-style: alt text
Reference-style: alt text
设置图片大小
Markdown自带功能
代码:
效果显示
loading.png
loading.png
使用HTML 标签并设置width和height
代码:
效果显示
多选框
代码:
- A- [ ] B- [x] 已选中- [ ] 未选中- [ ] 支持以 PDF 格式导出文稿- [ ] 改进 Cmd 渲染算法,使用局部渲染技术提高渲染效率- [x] 新增 Todo 列表功能- [x] 修复 LaTex 公式渲染问题- [x] 新增 LaTex 公式编号功能
效果显示
[x] A
[ ] B
[x] 已选中
[ ] 未选中
[ ] 支持以 PDF 格式导出文稿
[ ] 改进 Cmd 渲染算法,使用局部渲染技术提高渲染效率
[x] 新增 Todo 列表功能
[x] 修复 LaTex 公式渲染问题
[x] 新增 LaTex 公式编号功能
脚注 (footnote)
代码:
文章正文某处1文章正文
流程图
代码:
效果显示
flowchat.png
流程图语法介绍
流程图语法分两个部分,www.xingh2007.com一个是声明元素,一个是定义流程
声明元素
语法:
tag=>type: content :>url
tag 设置元素名称
=> 元素定义符
type: 设置元素类型,共分6种:
start:开始,圆角矩形
end:结束,圆角矩形
operation:操作/行动方案,普通矩形
subroutine:子主题/模块,双边线矩形
condition:条件判断/问题审核,菱形
inputoutput:输入输出,平行四边形
content 设置元素显示内容,中英均可
:>url 设置元素连接,可选,后接 [blank] 可以新建窗口打开
提示:注意空格,=> 前后都不能接空格;type: 后必须接空格;:> 是语法标记,中间不能有空格
定义流程
语法:
tag1(branch,direction)->tag2
-> 流程定义符,连接两个元素
branch 设置 condition 类型元素的两个分支,有 yes/no 两个值,其他元素无效
direction 定义流程走线方向,有 left/right/top/bottom 四个值,所有元素有效,此项配置可选 (PS: 此属性目前有一定几率触发图形错位,刷新即可)
小提示:
继续注意空格,-> 前后都不能有空格
由于 condition 类型有两个分支,我们一般遇到 condition 元素就换行书写,比如:
st->op1-c2
c2(yes)->io->e
c2(no)->op2->e
-
脚注内容
效果显示
文章正文某处^脚注id文章正文 ↩︎
发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/128473.html原文链接:https://javaforall.cn
【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛
【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...