为什么我要使用Markdown?
markdown在排版方面具有巨大的优势,与写word相比你在写markdown时是可以边写边排版的,这样的话就会潜移默化地训练你的思维逻辑的条理性让你对你自己的文档的逻辑线清楚明了。
各级标题
在标题前面加不同数量的#就形成了不同层级的标题。
我是一级标题
我是二级标题
我是三级标题
我是四级标题
我是五级标题
我是六级标题
字体
斜体
内容两边加*内容即变为斜体显示 我变成斜体了
粗体
内容两边加两个*内容即变为粗体显示 我变成粗体了
粗斜体
内容两边加三个内容即变为粗斜体 我变成粗斜体了
高亮显示
需要高亮的内容前面分别加两个
==我不是==
<mark style="box-sizing: border-box; background: rgb(255, 255, 0); color: rgb(0, 0, 0);">高亮显示</mark>
以上三项注意内容和*之间不带空格
图片和链接的插入
链接的插入
一对中括号紧接着一对小括号(英文状态下) 中括号的内容即需要链接显示的内容,小括号的内容即为具体的url,小括号内加引号可以在鼠标经过时显示引号内容 哔哩哔哩 另一种可以在尖括号中间直接插入链接的url http://www.bilibili.com 还有一种通过赋值的方法插入网址(赋值内容可以放在文档的任何一个位置) bilibili
[网址1] http://www.bilibili.com
图片的插入
使用链接插入图片
使用一个!加一个[]再加一())就可以通过链接插入一张图片,也可以通过加引号加title
使用本地文件插入图片
两种方法对应的就是绝对位置和相对位置
相对位置
顾名思义,相对位置中的相对的意思就是相对于md文件本身的位置所言的。 [图片上传失败...(image-230b92-1594115436693)]
绝对位置
绝对位置更好理解就是把图片在你本地的完整路径直接怼上去
脚注
待解释1yi 待解释2er 注意脚注的id也就是中括号里面的内容是唯一的用来唯一标识某个脚注 最后就会在文末显示对应的脚注
[yi] 我是待解释1的脚注
[er] 我是待解释2的脚注
引用
使用不同数量的大于号标识不同层级的引用(有点hltv评论区的那味了)
第一层引用
第二层引用
第三层引用
代码块(程序员必备)
代码块两边加一个或者三个票号的键位就可实现代码块 Hello World
加三个飘号的效果
<pre spellcheck="false" class="md-fences md-end-block ty-contain-cm modeLoaded" lang="java" cid="n803" mdtype="fences" style="box-sizing: border-box; overflow: visible; font-family: var(--monospace); --select-text-bg-color: #36284e; --select-text-font-color: #fff; font-size: 0.9rem; line-height: 1.71429em; display: block; break-inside: avoid; text-align: left; white-space: normal; background-image: inherit; background-position: inherit; background-size: inherit; background-repeat: inherit; background-attachment: inherit; background-origin: inherit; background-clip: inherit; background-color: rgb(218, 218, 218); position: relative !important; margin-bottom: 3em; margin-left: 2em; padding-left: 1ch; padding-right: 1ch; width: inherit; color: rgb(31, 9, 9); font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-decoration-style: initial; text-decoration-color: initial;">//代码块的语法
```shell</pre>
## java代码
<pre spellcheck="false" class="md-fences md-end-block ty-contain-cm modeLoaded" lang="java" cid="n814" mdtype="fences" style="box-sizing: border-box; overflow: visible; font-family: var(--monospace); --select-text-bg-color: #36284e; --select-text-font-color: #fff; font-size: 0.9rem; line-height: 1.71429em; display: block; break-inside: avoid; text-align: left; white-space: normal; background-image: inherit; background-position: inherit; background-size: inherit; background-repeat: inherit; background-attachment: inherit; background-origin: inherit; background-clip: inherit; background-color: rgb(218, 218, 218); position: relative !important; margin-bottom: 3em; margin-left: 2em; padding-left: 1ch; padding-right: 1ch; width: inherit; color: rgb(31, 9, 9); font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-decoration-style: initial; text-decoration-color: initial;">package com.common.file;
import java.io.File;
import java.io.FileInputStream;
import java.io.FileNotFoundException;
import java.io.FileOutputStream;
import java.io.IOException;
import java.io.InputStream;
import java.io.OutputStream;
import java.text.DateFormat;
import java.util.Date;
import java.util.Iterator;
import javax.swing.text.html.HTMLDocument.HTMLReader.FormAction; </pre>
## shell脚本
<pre spellcheck="false" class="md-fences md-end-block ty-contain-cm modeLoaded" lang="shell" cid="n817" mdtype="fences" style="box-sizing: border-box; overflow: visible; font-family: var(--monospace); --select-text-bg-color: #36284e; --select-text-font-color: #fff; font-size: 0.9rem; line-height: 1.71429em; display: block; break-inside: avoid; text-align: left; white-space: normal; background-image: inherit; background-position: inherit; background-size: inherit; background-repeat: inherit; background-attachment: inherit; background-origin: inherit; background-clip: inherit; background-color: rgb(218, 218, 218); position: relative !important; margin-bottom: 3em; margin-left: 2em; padding-left: 1ch; padding-right: 1ch; width: inherit; color: rgb(31, 9, 9); font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-decoration-style: initial; text-decoration-color: initial;">//linux下spring项目的启动命令
# java -jar blog start</pre>
还有另一种占据整个版心的代码长块方法是两边连打四个空格键(或者四个空格) Hello world
# 各种的线
## 分割线
使用三个连续的*或-或_都可以生成一条分割线
我是*生成的分割线
* * *
我是_生成的分割线
* * *
## 删除线
内容两边加两个波浪线 ~~我不想写代码~~
# 列表
## 无序列表
使用一个+后面接一个空格就可以自动生成一个无序列表
* 我是一个无序列表的表项
* 我是一个无序列表的表项
* 我是一个无序列表的表项
* 我是一个无序列表的表项
* 我是一个无序列表的表项
## 有序列表
不同的数字后面接一个空格就可以自动生成一个有序列表 1 我是有序列表的第一项 2 我是有序列表的第二项 3 我是有序列表的第三项 4 我是有序列表的第四项 5 我是有序列表的第五项
## 多级列表
多级列表就是在无序列表的每一级前面加一个Tab的缩进
* 第一层
* 第二层
* 第三层
* 第四层
* 第五层
# 表格
| 政治 | 英语 | 数学 | 专业课 |
| --- | --- | --- | --- |
| 72 | 74 | 76 | 108 |
| | | | |
| | | | |
# 空格
一个and符号加上emsp再加分号就是一个中文空格加上ensp再加分号就是一个西文空格加上nbsp再加分号就是半个西文空格
我需要一个中文的段前缩进。 I need an empty before the paragraphy. I need a half empty before the paragraphy.
# 排版
## 居中
直接使用html就行
我居中了吗?
<center style="box-sizing: border-box;">我也可以居中</center>
Tpora的各种快捷键
打开/关闭大纲视图
Ctrl+Shfit+1
打开/关闭源代码模式
Ctrl+/