Markdown 快速入门到进阶
文章目录
1. Markdown 快速入门
1.1 工具介绍
Markdown 是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档
笔者觉得用起来比较舒服的:
mac端:Mou工具,Typora
windows端:Typora,马克飞象(为印象笔记打造的),有道云笔记
1.2 常用功能介绍
1.2.1 强调
单星号括起来是斜体,双星号括起来是加粗,加粗,可以使用快捷键Ctrl+B来进行加粗
markdown语法:
*敌军*还有**三十秒**到达战场
效果:
敌军还有三十秒到达战场
1.2.2 键盘文本
markdown语法:
<kbd>表示键盘上的键,比如ctrl之类的</kbd>
效果:
表示键盘上的键,比如ctrl之类的
1.2.3 引用
>+空格或>>+空格
markdown语法:
> 鲁迅说:世界上本没有路,走的人多了便有了路
>> 我说:是的
效果:
鲁迅说:世界上本没有路,走的人多了便有了路
我说:是的
1.2.4 标题
多个#+空格
markdown 支持六级标题
markdown语法:
# 一级标题
## 二级标题
效果:
一级标题
二级标题
1.2.5 列表
无序列表使用:*+空格,有序列表使用:数字.+空格;
无序列表可以搭配中括号来制作待办事项;
当然无序列表,有序列表,引用都是可以相互嵌套的;
markdown语法:
* [x] 项目一
效果:
- 项目一
- 项目二
1.2.6 链接
markdown语法:
[链接名称](链接地址)或者<链接地址>或者使用变量的方式[链接名称][变量名]
效果:
第一种方式:
第二种方式:
https://blog.51cto.com/yaoxiaofeng
第三种方式:
然后将下面这个链接放在文章末尾
1.2.7 图片处理
markdown语法:
>方式1:[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-gw2iSKvh-1598761734815)(链接地址)]
>方式2:另一种方式是将图片保存在有道云笔记,然后分享链接,用链接的方式来处理[链接名称](链接地址)
>方式3:使用图床的方式
>方式4:用微信等截图工具截图后可以直接粘贴进md文档,只能保存在本地md文档,在csdn中粘贴时,还得一张一张来上传
效果:
方式1:
方式2:
方式4:
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-h4HhvcPv-1598761734818)(/Users/macbook/Library/Application Support/typora-user-images/image-20200829115447943.png)]
1.2.8 脚注
markdown语法:
[^脚注内容]
效果:
这是一个脚注
1.2.9 表格
markdown语法:
|左对齐|两端对齐 |右对齐 |
|:---|:---:|---:|
|单元格1|单元格2|单元格3|
最简单的是从mac菜单栏中段落子菜单中插入表格
效果:
1.2.10 删除线
markdown语法:
~~删除线~~
效果:
删除线
1.2.11 分割线
markdown语法:
----
效果:
1.2.12 上标和下标
markdown语法:
这是一个上标<sup>上标内容</sup>,这是一个下标<sub>下标内容</sub>
效果:
这是一个上标上标内容
这是一个下标下标内容
1.2.13 插入目录
markdown语法:
@[toc]
效果:
参考文章开始的目录效果
写在入门部分的最后:
在mac中,其实在菜单栏中的段落格式是可以实现上面的很多功能的,比如插入图片,链接,脚注,表格,代码块,公式,列表,目录,引用,进行标题,段落的设置,应该是包含了所有上面的基本功能。
另外CSDN右侧的帮助文档和快捷键提示真的很棒,建议大家使用csdn来写博客,很棒```
2.Markdown进阶
2.1 更改字体,大小,颜色:
markdown语法:
<font face="微软雅黑">我是微软雅黑</font><br />
<font face="STCAIYUN">我是华文彩云</font><br />
<font color=red>我是红色</font><br />
<font color=#008000>我是绿色</font><br />
<font color=Blue>我是蓝色</font><br />
<font size=5>我是尺寸</font><br />
<font face="黑体" color=green size=5>我是黑体,绿色,尺寸为5</font><br />
效果:
我是黑体字
我是微软雅黑
我是华文彩云
我是红色
我是绿色
我是蓝色
我是尺寸
我是黑体,绿色,尺寸为5
2.2 设置图片百分比
markdown语法:
<img src="https://i-blog.csdnimg.cn/blog_migrate/714b1fac576603ac8efe92140d138537.jpeg" width="50%" height="50%">
效果:
![](https://i-blog.csdnimg.cn/blog_migrate/714b1fac576603ac8efe92140d138537.jpeg)
2.3 设置图片大小
markdown语法:
<img src="https://i-blog.csdnimg.cn/blog_migrate/714b1fac576603ac8efe92140d138537.jpeg" width="251" height="350" >
效果:
![](https://i-blog.csdnimg.cn/blog_migrate/714b1fac576603ac8efe92140d138537.jpeg)
2.4设置图片靠左
markdown语法:
<div align=left><img src="https://i-blog.csdnimg.cn/blog_migrate/714b1fac576603ac8efe92140d138537.jpeg" width="50%" height="50%"></div>
效果:
![](https://i-blog.csdnimg.cn/blog_migrate/714b1fac576603ac8efe92140d138537.jpeg)
ps:center,left,left
2.5 设置文字背景色
markdown语法:
<table><tr><td bgcolor=yellow>背景色yellow</td></tr></table>
效果:
背景色red |
参考资料
CSDN md介绍:非常详细
在这里插入代码片