本篇内容主要讲解“Markdown语法有哪些”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“Markdown语法有哪些”吧!
代码:
[TOC] [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)
效果
百度
代码:
声明:[百度]: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标签: Inline-style: ![alt text](https://gitee.com/msntec/work-notes/raw/master/Markdown/pic/markdown_flag.png "Logo Title Text 1") Reference-style: ![alt text][logo] [logo]: https://gitee.com/msntec/work-notes/raw/master/Markdown/pic/markdown_flag.png "Logo Title Text 2"
Inline-style:
Reference-style:
代码:
![loading.png](https://upload-images.jianshu.io/upload_images/6967706-0b0037793a690aeb.png?imageMogr2/auto-orient/strip|imageView2/2/w/512/format/webp?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240) ![loading.png](https://upload-images.jianshu.io/upload_images/6967706-0b0037793a690aeb.png?imageMogr2/auto-orient/strip|imageView2/2/w/512/format/webp?imageMogr2/auto-orient/strip%7CimageView2/2/w/200)
效果显示
代码:
<img src="https://cache.yisu.com/upload/information/20210524/357/3139.png" alt="图片替换文本" width="500" height="313" align="bottom" /> <img src="https://cache.yisu.com/upload/information/20210524/357/3139.png" alt="图片替换文本" width=60% />
效果显示
<img src="https://cache.yisu.com/upload/information/20210524/357/3139.png" alt="图片替换文本" width="500" height="313" align="bottom" />
<img src="https://cache.yisu.com/upload/information/20210524/357/3139.png" alt="图片替换文本" width=25% />
代码:
- [x] A - [ ] B - [x] 已选中 - [ ] 未选中 - [ ] 支持以 PDF 格式导出文稿 - [ ] 改进 Cmd 渲染算法,使用局部渲染技术提高渲染效率 - [x] 新增 Todo 列表功能 - [x] 修复 LaTex 公式渲染问题 - [x] 新增 LaTex 公式编号功能
效果显示
[x] A
[ ] B
[x] 已选中
[ ] 未选中
[ ] 支持以 PDF 格式导出文稿
[ ] 改进 Cmd 渲染算法,使用局部渲染技术提高渲染效率
[x] 新增 Todo 列表功能
[x] 修复 LaTex 公式渲染问题
[x] 新增 LaTex 公式编号功能
代码:
文章正文某处[^脚注id]文章正文 [^脚注id]: 脚注内容
效果显示
文章正文某处^脚注id文章正文
代码:
```flow st=>start: Start :>https://amwiki.xf09.net[blank] e=>end: End :>https://amwiki.xf09.net[blank] op1=>operation: My Operation op2=>operation: Stuff sub1=>subroutine: My Subroutine cond=>condition: Yes or No? :>https://amwiki.xf09.net[blank] c2=>condition: Good idea io=>inputoutput: catch something... st->op1(right)->cond cond(yes, right)->c2 cond(no)->sub1(left)->op1 c2(yes)->io->e c2(no)->op2->e ```
效果显示
流程图语法分两个部分,一个是声明元素,一个是定义流程
语法:
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
由于OSCHINA社区Markdow支持功能有限,有些命令无法在这里显示。我用的是typora编辑markdown文档,这个markdown工具是免费的。 这里附上我的README.md和生成后的pdf文档how_to_use_markdown.pdf。
到此,相信大家对“Markdown语法有哪些”有了更深的了解,不妨来实际操作一番吧!这里是亿速云网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。