前言
Markdown
是一种可以使用普通文本编辑器编写的标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式。
Markdown具有一系列衍生版本,用于扩展Markdown的功能(如表格、脚注、内嵌HTML等等),这些功能原初的Markdown尚不具备,它们能让Markdown转换成更多的格式,例如LaTeX,Docbook。
Typora
是一款轻便简洁的Markdown编辑器,支持即时渲染技术,这也是与其他Markdown编辑器最显著的区别即时渲染使得你写Markdown就想是写Word文档一样流畅自如,不像其他编辑器的有编辑栏和显示栏,它还可以 免费的导出成Html、PDF、Word 等多种文件
Typora官网下载
<br/>
1.标题用法(#号)
效果 实现一级标题
# 一级标题二级标题
## 二级标题三级标题
### 三级标题四级标题
#### 四级标题五级标题
##### 五级标题六级标题
###### 六级标题当然有时你写完文章时发现有些文字忘记了加#而没有变成标题,或者想改变标题的等级(大小),我们可以使用 Ctrl += 、Ctrl - 的快捷键( 注意 + - 号是0旁边的键,不是数字键盘上的 + - )来调节标题的等级(大小)、或者
Ctrl + 1、Ctrl + 2、Ctrl + 3、...... 来切换标题的等级(大小)
假如你想去除标题效果又应该怎么办?
1. 在标题文字中使用Ctrl + 0把标题变成段落(推荐)
2. 在标题文字的最前面按下回删键(backspace)(推荐)
3. 在要修改的标题文字右击弹出菜单选项,然后如图操作(推荐)
4. 利用快捷Ctrl - 逐渐把标题去除,但效率太慢,推荐在H6(6级标题)情况下使用
5. 利用Ctrl / 快捷键把源码模式打开,然后把#号删除即可
注意:在没有标题的文字中使用Ctrl += 快捷键则是默认H6(六级标题),而Ctrl - 则是没反应
<br/>
2.文字格式
效果 | 实现 | 快捷键 |
---|---|---|
粗体 | **粗体** | Ctrl + B |
斜体 | *斜体* | Ctrl + i |
下划线 | \<u>下划线\</u> | Ctrl + U |
\~\~删除线\~\~ | alt shift + 5 |
<img src='https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/bb1f409efdec45a8ab1b94a4fbf30d8d~tplv-k3u1fbpfcp-zoom-1.image'
width='120' height='120' title='回到文章顶部' alt='置顶' align='right'/>
<br/><br/><br/><br/>
3.链接
3.1行内式
效果 | 实现 | 快捷键 |
---|---|---|
掘金 | [掘金](https://juejin.cn/) | Ctrl + K |
带提示的超链接 | [带提示的超链接](http://www.tip.link "这是带提示的超链接") | 无 |
<br/>
3.2参考式
我经常在 掘金 网站上看博客学习知识,用百度、谷歌搜索引擎查阅资料,利用[Python]()、[Java]()、[C]()、[Html]()、[JavaScript]() 等编程语言来编写世界
3.3自动链接
<2228157440@qq.com>
<br/>
语法对比图如下
<br/>
4.表格
姓名 | 学号 | 班级 | 系部 |
---|---|---|---|
张三 | 17120708 | 17软件7班 | 软件工程系 |
李四 | 17120709 | 17软件8班 | 软件工程系 |
语法实现 → |姓名|学号|班级|系部| → |xxx|代表一个单元格
| 姓名 | 学号 | 班级 | 系部 |
| ---- | -------- | --------- | ---------- |
| 张三 | 17120708 | 17软件7班 | 软件工程系 |
| 李四 | 17120709 | 17软件8班 | 软件工程系 |
不同的 Markdown
编辑器的表格的文本对齐效果都不一样,掘金的默认是居中对齐Typora
是向左对齐因此想实现不同的对齐方式语法如下
| 姓名 | 学号 | 班级 | 系部 |
| :---- | -------- | --------- | ----------: |
| 张三 | 17120708 | 17软件7班 | 软件工程系 |
| 李四 | 17120709 | 17软件8班 | 软件工程系 |
注意:该语法的不同处就 :
(冒号)
<br/>
姓名 | 学号 | 班级 | 系部 |
---|---|---|---|
张三 | 17120708 | 17软件7班 | 软件工程系 |
李四 | 17120709 | 17软件8班 | 软件工程系 |
快捷键 Ctrl + T 弹出如下图自行选择行、列数
width='120' height='120' title='回到文章顶部' alt='置顶' href='#top' align='right'/>
<br/><br/><br/><br/><br/>
5.列表
5.1无序列表
- 无序列表1
- 无序列表2
- 无序列表3
快捷键Ctrl Shift + ]
5.2有序列表
1.有序列表一
2.有序列表二
3.有序列表三
快捷键Ctrl Shift + [
- 输入
*、-、+
号随意一个然后再按下 空格 就可以实现无序列表 - 数字加
.
(点号) 实现有序列表
5.3任务列表
- [x] Python
- [x] Java
- [ ] C
- [ ] C++
- [ ] C#
<br/>
6.插入图片
语法 !\[]()
![图片的描述](C:\Users\MrLiu\Desktop\Typor文章\image\火箭.gif "图片的标题")
注意:图片路径与图片标题中间要有一个空格
<br/>
用html的 \<img>\</img> 标签
\<img src='图片的路径' title='鼠标放上去显示的文字' alt='图片未加载出来时显示的文字' align='对齐方式'>\</img>
如果不懂Html可以去W3CSchool网站学习一下
<br/>
7.插入甘特图、UML图、Mermaid流程图
【甘特图参考文档】https://mermaidjs.github.io/#/gantt
例如:
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
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
<hr/>
【UML图参考文档】https://mermaidjs.github.io/#/sequenceDiagram
例如:
sequenceDiagram
张三 ->> 李四: 你好!李四, 最近怎么样?
李四-->>王五: 你最近怎么样,王五?
李四--x 张三: 我很好,谢谢!
李四-x 王五: 我很好,谢谢!
Note right of 王五: 李四想了很长时间, 文字太长了<br/>不适合放在一行.
李四-->>张三: 打量着王五...
张三->>王五: 很好... 王五, 你怎么样?
sequenceDiagram
张三 ->> 李四: 你好!李四, 最近怎么样?
李四-->>王五: 你最近怎么样,王五?
李四--x 张三: 我很好,谢谢!
李四-x 王五: 我很好,谢谢!
Note right of 王五: 李四想了很长时间, 文字太长了<br/>不适合放在一行.
李四-->>张三: 打量着王五...
张三->>王五: 很好... 王五, 你怎么样?
<hr/>
【Mermaid流程图参考文档】https://mermaidjs.github.io/#/flowchart?id=grap
graph LR
A[长方形] -- 链接 --> B((圆))
A --> C(圆角长方形)
B --> D{菱形}
C --> D
graph LR
A[长方形] -- 链接 --> B((圆))
A --> C(圆角长方形)
B --> D{菱形}
C --> D
8.代码块
java代码效果
public Demo{
public static void main(String[] args){
System.out.println("Hello World --- Java");
}
}
语法实现
public Demo(){
public static void main(){
system.out.println("Hello World");
}
}
```
<br/>
**Python代码效果**
def main():
print("Hello World --- Python")
if name == '__main__':
main()
**语法实现**
def main():
print("Hello World --- Python")
if __name__ == '__main__':
main()
**快捷键Ctrl Shift + K**
<br/>
## 9.LaTeX数学公式
【**参考文档**】[https://khan.github.io/KaTeX/](https://khan.github.io/KaTeX/)
例如:勾股定理 `$$a^2+b^2=c^2$$`
![勾股定理](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/349e0fcc63e04dd696a0f00a64e7c32a~tplv-k3u1fbpfcp-zoom-1.image)
$$
a^2+b^2=c^2
$$
<br/>
## 10.快捷键、语法汇总
|功能&效果 | 实现语法 | 快捷键 |
| :-------------------- | :--------------------- | :-------------------------------- |
| 调节标题等级(大小) | 无 | Ctrl +、Ctrl -(零旁边的+、-键) |
| 标题 | \# xxx、\#\# xxx、... | Ctrl + 1、Ctrl + 2、... |
| 段落 | 直接写文字即可 | Ctrl + 0 |
| [超链接]() | \[超链接]() | Ctrl + K |
| **粗体** | \*\*粗体\*\* | Ctrl + B |
| *斜体* | \*斜体\* | Ctrl + i |
| <u>下划线</u> | \<u>下划线\</u> | Ctrl + u |
| ~~删除线~~ | \~\~删除线\~\~ | alt Shift + 5 |
| `code` | \`code\` | Ctrl Shift + `(ESC键下面那个键) |
| 代码块 | \```中间写代码```| Ctrl Shift + K |
| 插入引用 | > (大于号) | Ctrl Shift + Q |
| 插入表格 | \|xxx\|xxx\|xxx\| | Ctrl + T |
| 在表格中下方插入行 | 无 | Ctrl + Enter |
| 在表格中上、下移某行 | 无 | alt + 上方向键、下方向键 |
| 1.有序列表 | 数字 + . (点号) | Ctrl Shift + [ |
| 无序列表 | *、-、+号加空格 | Ctrl Shift + ] |
| 插入图片 | \!\[]\() | Ctrl Shift + i |
| 清除样式 | 无 | Ctrl + \ |
| 源代码模式 | 无 | Ctrl + / |
| 全选一行 | 无 | Ctrl + L |
| 跳到文首、文末 | 无 | Ctr + home、end |
| … | … | … |
**注意:本文中所有快捷键都是针对Typora编辑器**
<br/>
## 11.锚点
网页中,锚点其实就是页内超链接,也就是链接本文档内部的某些元素,实现当前页面中的跳转。
**语法**:
前言{#foreword}
标题用法{#title}
并不是所有Markdown编辑器都支持,但我们可以使用<font color='red'>html的id属性 + 超链接</font>的方式实现
**如:**
首页
…
[回到首页](#top)
<br/>
## 12.技巧分享
切记不到万不得已不要去死记硬背,记住一些常用的就可以(重在理解),到要用到其他知识的时候先自己去摸索、学习,实在不知道再去问别人或者去看别人的文章,要有自我学习的一个过程。知识和人都要懂得变通,灵活的运用。
当我们遇到一个程序、软件、网站,想实现或者知道什么功能时要多利用鼠标左、右点击,鼠标拖动、还有就是多去点击一些菜单选项,再或者看看有没有帮助文档。如果是英文看不懂怎么办?还能怎么办学英语啊从根处解决
<img src='https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/3d145ebb8e724a1fa90d35fd535fad00~tplv-k3u1fbpfcp-zoom-1.image' title='HUI' align='left'/>