文章目录
- 一、Markdown简述
- 二、Markdown语法
- 1) 标题(Ctrl/Command + Shift + H
- 2) 文本样式
- 3) 列表
- 4) 插入
- 01 图片(Ctrl/Command + Shift + G)
- 02 链接(Ctrl/Command + Shift + L)
- 03 甘特图
- 04 UML图
- 05 Mermaid流程图
- 06 Flowchart流程图
- 5) 代码片
- 6) 表格
- 7) 注脚
- 8) 注释
- 9) LaTeX数学公式
- 三、总结
一、Markdown简述
Markdown
是一种轻量级标记语言,不同于难于精通正统富文本编辑器word
,Markdown
的是一款零基础的小白也会用的编辑器。Markdown
通过简单的标记语法,可以使普通文本内容具有一定的格式。相较于其它编辑器,Markdown
非常适合需要编写博客的学生党。
二、Markdown语法
1) 标题(Ctrl/Command + Shift + H
)
@[TOC](大标题)←会自动插入目录链接后面每一个标题
# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题
2) 文本样式
- 强调(斜体)文本 强调(斜体)文本 (Ctrl/Command + I)
*强调(斜体)文本* _强调(斜体)文本_
- 加粗文本 加粗文本(Ctrl/Command + B)
**加粗文本** __加粗文本__
***强调加粗文本*** ___强调加粗文本___
==标记文本==
~~删除文本~~
> 引用文本
<kbd>方框(对应键位)</kbd>
H~2~O is是液体.
2^10^ 运算结果是 1024.
3) 列表
01 无序列表(Ctrl/Command + Shift + U)
02 有序列表(Ctrl/Command + Shift + O)
- 星期一
- 星期二
- 星期三
03 代办列表(Ctrl/Command + Shift + C)
- 五十米短跑* 1000米长跑+ 引体向上1. 星期一
2. 星期二
3. 星期三- [x] 待到疯狂星期四
- [ ] vw50
4) 插入
01 图片(Ctrl/Command + Shift + G)
![Alt](https://img-blog.csdnimg.cn/img_convert/8b5fbfe82eae46a3a7ef6fa87cc79c48.webp?x-oss-process=image/format,png)
- 带尺寸的图片
![Alt](https://img-blog.csdnimg.cn/img_convert/8b5fbfe82eae46a3a7ef6fa87cc79c48.webp?x-oss-process=image/format,png =120x60)
居中的图片:
![Alt](https://img-blog.csdnimg.cn/img_convert/8b5fbfe82eae46a3a7ef6fa87cc79c48.webp?x-oss-process=image/format,png#pic_center )
居中并且带尺寸的图片:
![Alt](https://img-blog.csdnimg.cn/img_convert/8b5fbfe82eae46a3a7ef6fa87cc79c48.webp?x-oss-process=image/format,png#pic_center =120x60)
02 链接(Ctrl/Command + Shift + L)
CSDN
[CSDN](https://www.csdn.net/?spm=1000.2115.3001.4476)
03 甘特图
Mon 12Mon 19Mon 26Mon 03Mon 10Mon 17Mon 24Mon 31Mon 07Mon 14Mon 21Mon 28Sep Oct Nov Dec 时间表2022 大学生涯第一年
mermaid
ganttdateFormat YYYY-MM-DDtitle 2022 大学生涯第一年section 时间表Sep :done, des1, 2022-09-10,21dOct :done, des2, 2022-10-01, 31dNov :active, des3, 2022-11-01, 30dDec : des4, after des3,
参考文档
04 UML图
#mermaid-svg-3gGVKmkjn224qM2s {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg-3gGVKmkjn224qM2s .error-icon{fill:#552222;}#mermaid-svg-3gGVKmkjn224qM2s .error-text{fill:#552222;stroke:#552222;}#mermaid-svg-3gGVKmkjn224qM2s .edge-thickness-normal{stroke-width:2px;}#mermaid-svg-3gGVKmkjn224qM2s .edge-thickness-thick{stroke-width:3.5px;}#mermaid-svg-3gGVKmkjn224qM2s .edge-pattern-solid{stroke-dasharray:0;}#mermaid-svg-3gGVKmkjn224qM2s .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-svg-3gGVKmkjn224qM2s .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-svg-3gGVKmkjn224qM2s .marker{fill:#333333;stroke:#333333;}#mermaid-svg-3gGVKmkjn224qM2s .marker.cross{stroke:#333333;}#mermaid-svg-3gGVKmkjn224qM2s svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#mermaid-svg-3gGVKmkjn224qM2s .actor{stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:#ECECFF;}#mermaid-svg-3gGVKmkjn224qM2s text.actor>tspan{fill:black;stroke:none;}#mermaid-svg-3gGVKmkjn224qM2s .actor-line{stroke:grey;}#mermaid-svg-3gGVKmkjn224qM2s .messageLine0{stroke-width:1.5;stroke-dasharray:none;stroke:#333;}#mermaid-svg-3gGVKmkjn224qM2s .messageLine1{stroke-width:1.5;stroke-dasharray:2,2;stroke:#333;}#mermaid-svg-3gGVKmkjn224qM2s #arrowhead path{fill:#333;stroke:#333;}#mermaid-svg-3gGVKmkjn224qM2s .sequenceNumber{fill:white;}#mermaid-svg-3gGVKmkjn224qM2s #sequencenumber{fill:#333;}#mermaid-svg-3gGVKmkjn224qM2s #crosshead path{fill:#333;stroke:#333;}#mermaid-svg-3gGVKmkjn224qM2s .messageText{fill:#333;stroke:#333;}#mermaid-svg-3gGVKmkjn224qM2s .labelBox{stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:#ECECFF;}#mermaid-svg-3gGVKmkjn224qM2s .labelText,#mermaid-svg-3gGVKmkjn224qM2s .labelText>tspan{fill:black;stroke:none;}#mermaid-svg-3gGVKmkjn224qM2s .loopText,#mermaid-svg-3gGVKmkjn224qM2s .loopText>tspan{fill:black;stroke:none;}#mermaid-svg-3gGVKmkjn224qM2s .loopLine{stroke-width:2px;stroke-dasharray:2,2;stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);}#mermaid-svg-3gGVKmkjn224qM2s .note{stroke:#aaaa33;fill:#fff5ad;}#mermaid-svg-3gGVKmkjn224qM2s .noteText,#mermaid-svg-3gGVKmkjn224qM2s .noteText>tspan{fill:black;stroke:none;}#mermaid-svg-3gGVKmkjn224qM2s .activation0{fill:#f4f4f4;stroke:#666;}#mermaid-svg-3gGVKmkjn224qM2s .activation1{fill:#f4f4f4;stroke:#666;}#mermaid-svg-3gGVKmkjn224qM2s .activation2{fill:#f4f4f4;stroke:#666;}#mermaid-svg-3gGVKmkjn224qM2s .actorPopupMenu{position:absolute;}#mermaid-svg-3gGVKmkjn224qM2s .actorPopupMenuPanel{position:absolute;fill:#ECECFF;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);filter:drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4));}#mermaid-svg-3gGVKmkjn224qM2s .actor-man line{stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:#ECECFF;}#mermaid-svg-3gGVKmkjn224qM2s .actor-man circle,#mermaid-svg-3gGVKmkjn224qM2s line{stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:#ECECFF;stroke-width:2px;}#mermaid-svg-3gGVKmkjn224qM2s :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}刘备关羽张飞备欲同你二人结拜为生死弟兄 不知二位意下如何备欲同你二人结拜为生死弟兄 不知二位意下如何俺早有此意关某平生之愿足矣,从今往后,关某之命即是刘兄之命,关某之躯即是刘兄之躯,但凭驱使,绝无二心!张飞想了很长时间, 文字太长了不适合放在一行.俺也一样 ! ! !刘备关羽张飞
mermaid
sequenceDiagram
刘备 ->> 关羽: 备欲同你二人结拜为生死弟兄 不知二位意下如何
刘备 ->> 张飞: 备欲同你二人结拜为生死弟兄 不知二位意下如何
张飞-->>刘备: 俺早有此意
关羽--x 刘备: 关某平生之愿足矣,从今往后,关某之命即是刘兄之命,关某之躯即是刘兄之躯,但凭驱使,绝无二心!
Note right of 张飞: 张飞想了很长时间, 文字太长了<br/>不适合放在一行.
张飞->>刘备: 俺也一样 ! ! !
参考文档
05 Mermaid流程图
#mermaid-svg-RUxU8xzh716iZSmg {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg-RUxU8xzh716iZSmg .error-icon{fill:#552222;}#mermaid-svg-RUxU8xzh716iZSmg .error-text{fill:#552222;stroke:#552222;}#mermaid-svg-RUxU8xzh716iZSmg .edge-thickness-normal{stroke-width:2px;}#mermaid-svg-RUxU8xzh716iZSmg .edge-thickness-thick{stroke-width:3.5px;}#mermaid-svg-RUxU8xzh716iZSmg .edge-pattern-solid{stroke-dasharray:0;}#mermaid-svg-RUxU8xzh716iZSmg .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-svg-RUxU8xzh716iZSmg .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-svg-RUxU8xzh716iZSmg .marker{fill:#333333;stroke:#333333;}#mermaid-svg-RUxU8xzh716iZSmg .marker.cross{stroke:#333333;}#mermaid-svg-RUxU8xzh716iZSmg svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#mermaid-svg-RUxU8xzh716iZSmg .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#333;}#mermaid-svg-RUxU8xzh716iZSmg .cluster-label text{fill:#333;}#mermaid-svg-RUxU8xzh716iZSmg .cluster-label span{color:#333;}#mermaid-svg-RUxU8xzh716iZSmg .label text,#mermaid-svg-RUxU8xzh716iZSmg span{fill:#333;color:#333;}#mermaid-svg-RUxU8xzh716iZSmg .node rect,#mermaid-svg-RUxU8xzh716iZSmg .node circle,#mermaid-svg-RUxU8xzh716iZSmg .node ellipse,#mermaid-svg-RUxU8xzh716iZSmg .node polygon,#mermaid-svg-RUxU8xzh716iZSmg .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#mermaid-svg-RUxU8xzh716iZSmg .node .label{text-align:center;}#mermaid-svg-RUxU8xzh716iZSmg .node.clickable{cursor:pointer;}#mermaid-svg-RUxU8xzh716iZSmg .arrowheadPath{fill:#333333;}#mermaid-svg-RUxU8xzh716iZSmg .edgePath .path{stroke:#333333;stroke-width:2.0px;}#mermaid-svg-RUxU8xzh716iZSmg .flowchart-link{stroke:#333333;fill:none;}#mermaid-svg-RUxU8xzh716iZSmg .edgeLabel{background-color:#e8e8e8;text-align:center;}#mermaid-svg-RUxU8xzh716iZSmg .edgeLabel rect{opacity:0.5;background-color:#e8e8e8;fill:#e8e8e8;}#mermaid-svg-RUxU8xzh716iZSmg .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#mermaid-svg-RUxU8xzh716iZSmg .cluster text{fill:#333;}#mermaid-svg-RUxU8xzh716iZSmg .cluster span{color:#333;}#mermaid-svg-RUxU8xzh716iZSmg div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#mermaid-svg-RUxU8xzh716iZSmg :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}
链接
长方形
圆
圆角长方形
菱形
mermaid
graph LR
A[长方形] -- 链接 --> B((圆))
A --> C(圆角长方形)
B --> D{菱形}
C --> D
参考文档
06 Flowchart流程图
Created with Raphaël 2.3.0并夕夕砍价邀人够了吗?成功yesno
mermaid
flowchat
st=>start: 并夕夕砍价
e=>end: 成功
op=>operation: 邀人
cond=>condition: 够了吗?st->op->cond
cond(yes)->e
cond(no)->op
5) 代码片
作用:保证代码不被转变,使别人能看到原代码
代码
3个`
代码
3个`
6) 表格
植物
|
阳光
|
向日葵
|
$50
|
豌豆射手
|
100
|
土豆雷
|
$25
|
Column 1
|
Column 2
|
centered 文本居中
|
right-aligned 文本居右
|
植物 | 阳光
-------- | -----
向日葵 | $50
豌豆射手 | 100
土豆雷 | $25| Column 1 | Column 2 |
|:--------:| -------------:|
| centered 文本居中 | right-aligned 文本居右 |
7) 注脚
一个具有注脚1的文本。2
(注脚都会于文章末尾显示)
一个具有注脚[^1]的文本。[^2]
[^1]:指解释字句的文字,也泛指解释、说明。出自于义方《黑心符》
[^2]: 注脚的解释
8) 注释
Markdown将文本转换为 HTML。
Markdown将文本转换为 HTML。
*[HTML]: 超文本标记语言
9) LaTeX数学公式
作用:我们可以用La TeX数学公式表示各类数学符号和运算
Gamma公式展示 Γ(n)=(n−1)!∀n∈N\Gamma(n) = (n-1)!\quad\forall n\in\mathbb NΓ(n)=(n−1)!∀n∈N 是通过 Euler integral
Γ(z)=∫0∞tz−1e−tdt.\Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,. Γ(z)=∫0∞tz−1e−tdt.
更多La TeX数学公式请查看参考文档
三、总结
学好用Markdown写各类文档,能为各位的大学生涯缓解不少压力.
本文档仅供各位参考与初步学习,想深入学习更多与Markdown语法相关的知识,请于别处自行寻找.
指解释字句的文字,也泛指解释、说明。出自于义方《黑心符》 ↩︎
注脚的解释 ↩︎
猴子也能入门的Markdown相关推荐
- 【入门】Markdown的高级应用、计算机硬件、linux基本命令
#1月9日工作日志 #第二次笔记 时间:2020 1月9日 #Markdown高级应用-图标 在文件里的.md文件是画图的表 Markdown高级引用-图表 mermaid 原生 流程图 UML时序图 ...
- 【新人入门】Markdown——超级好用的笔记工具
文章目录 一.Markdown 简介 二.Markdown 工具 三.Markdown 基础语法 1.标题 2.文本 3.列表 4.链接/图片 5.引用 6.水平线 (1)分隔线 (2)删除线 (3) ...
- 第一章java入门:Markdown语法
一.什么是Markdown语法 Markdown语法是一种纯文本格式的标记语言,它可以使用普通的文本编辑器进行编写,通过简单的标记语法,使普通的文本内容具有一定的格式. 二.如何下载编辑器与编辑使用 ...
- 上手一个 Vue 的入门项目 Markdown 在线简历 ( 一 )
项目详细描述 见首发帖 https://learnku.com/vuejs/t/44056 项目名称 1024 RESUME 项目地址 网站 https://resume.1024.cool GitH ...
- Markdown语法入门
更新记录 版本 时间 修订内容 1.0 2018-4-5 完善了"表格"这一节 1.1 2022-2-6 完善了"链接"这一节 写在前面: 若没有特别说明,则以 ...
- Markdown入门教程
Markdown入门教程 Markdown 是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档. Markdown 语言在 2004 由约翰·格鲁伯(英语:John Gruber)创建. ...
- Markdown 简易入门教程
自己整理的 Markdown 简介.编辑器推荐.语法.特征等,是 Markdown 的简易入门教程 目录 概述 简介 官方文档 Markdown编辑器 初级语法 标题 粗体和斜体 段落和换行 分隔线 ...
- 入门java-学习markdown语法
学习java入门语法markdown 标题的添加 使用 #键加空格来完成标题 可以逐一增加#键来添加小标题 一级标题 二级标题 三级标题 四级标题 五级标题 六级标题 字体 黑体:在字体的两边加两个* ...
- 龙家贰少的MarkDown学习笔记
2019独角兽企业重金招聘Python工程师标准>>> #什么是Markdown Markdown是一种轻量的标记语言,本文即是用Markdown写作出来的,各位童鞋可看下效果 学习 ...
最新文章
- Microsoft .Net Remoting系列专题之二:Marshal、Disconnect与生命周期以及跟踪服务
- 关于ajax访问本地json文件报错404的问题
- 设置winfrom窗体透明度,拖动,任务栏中显示窗体
- 1808: FJ的字符串
- android客户端和服务器实现传图片和文件
- 基于Spring Boot和Spring Cloud实现微服务架构学习
- 福昕高级PDF编辑器
- 如何获取Android移动终端设备唯一ID
- secoclient在Mac下使用无法上网的解决办法
- 平面设计如何才能自学会?需要掌握什么技能?
- win7 企业版 kms 批量激活 简单配置.
- java中输出日历_Java:输入年份和月份打印出相应的日历表
- centos7系统时间校对(和北京时间同步)
- 基于Java+Springboot+vue体育用品销售商城平台设计和实现
- 蓝牙RFCOMM协议
- 继承父类求解矩形,圆形的面积和周长
- [风一样的创作]二次封装阿里云短信 验证码 发送短信 查询短信 编辑短信
- TR069在家庭网络中的应用
- 第14章-Spring AOP通知(Advice)详解
- 雨听 | 英语学习笔记(八)~作文范文:公务员考试的热潮
热门文章
- 前端axios下载excel文件(二进制)的处理方法
- 详解c语言编程库题,详解C语言编程
- Python中的StringIO与cStringIO简析
- 智慧停车场综合解决方案
- java list控件_java Swing中对于JList控件的使用(一)
- Linux下MyCat的安装即使用
- Google Gmail 使用 Outlook2003
- docker框架及模块介绍
- C语言/C++基础之绘制图钉画(附源码)
- 微信 商店服务器,对比saas小程序,云开发,微信小商店