阅读 486

markdown基础语法

之前写文章做记录都是直接码字,码字虽然方便,但是遇到代码部分就很dan疼,尤其是代码格式化很麻烦,开始用markdown之后就觉得特别方便,简单记录下基础语法。

一、标题

标题主要是通过在文字前边加不同数量的 # 去完成

# 一级标题  
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题
复制代码

标题示例图

二、正文内容

正文内容直接去打字写就可以了,需要注意的是如果要另起一段的话,是需要按两次回车的,也就是两段之间需要空一行

三、代码块

代码块内容直接放在两个 中间即可,可以在上边后边加上语言类型,会高亮显示语法

```javascript
this is javascript language
function name(){}
.```
复制代码

代码块示例图

四、行内代码

行内代码讲代码写在行内的 `` 中间即可

行内代码可以直接书写,`this is inline code` 样式
复制代码

行内代码示例图

五、有序列表和无序列表

有序列表通过文字前边添加1.2.3.4等即可,二级结构通过前边加空格或tab就可以

无序列表通过文字前边添加 * 或者 - 就可以,二级结构同样的方法

有序列表:
1. 第一个 
2. 第二个
3. 第三个
   1. 第三点一个
   2. 第三点二个
4. 第四个

无序列表:
* 第一个
- 第二个
  - 第二点一个
  - 第二点二个
- 第三个
复制代码

有序列表和无序列表示例图

六、文本加粗、倾斜和删除线

文本的特殊格式比较简单,加粗是文本两侧加**,倾斜是文本两侧加*,加粗和倾斜一起是文本两侧加***,删除线是文本两侧加~~

**加粗**
*倾斜*
***加粗和倾斜***
~~删除线~~
复制代码

特殊文本格式示例图

七、引用文本

引用文本只需要在文本前边加一个 > 符号即可,最终表现就是一段有背景色和左边框的文本。

> 引用文本内容
复制代码

引用文本示例图

八、分割线

分割线写法很简单,只需要使用三个或三个以上 *** 或者 --- 即可。

***
*****
---
------
复制代码

分割线示例图

九、图片

图片的引用的基本语法是:[alt](url title),alt为图片下方文字,title为图片说明,即鼠标放上去后显示文案,url为图片路径。

![风景图](https://gimg2.baidu.com/image_search/src=http%3A%2F%2F1812.img.pp.sohu.com.cn%2Fimages%2Fblog%2F2009%2F11%2F18%2F18%2F8%2F125b6560a6ag214.jpg&refer=http%3A%2F%2F1812.img.pp.sohu.com.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1621561120&t=d99b987e1a68ed50f149aa611e2ab62a "风景图片")
复制代码

风景图
默认图片居左示例图

用上述方法引入的图片是默认靠左的,如果想让图片居中显示,并且修改图片大小,我们可以直接用html+css方式去写。

<div align=center><img width=400 src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2F1812.img.pp.sohu.com.cn%2Fimages%2Fblog%2F2009%2F11%2F18%2F18%2F8%2F125b6560a6ag214.jpg&refer=http%3A%2F%2F1812.img.pp.sohu.com.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1621561120&t=d99b987e1a68ed50f149aa611e2ab62a" /></div>
复制代码

居中图片示例图

十、超链接

超链接的格式和图片结构基本差不多,[超链接名称](url title)

[程序员学习圣地:](https://juejin.cn/ "掘金")
复制代码

超链接示例图

十一、表格

表格的写法看上去很有意思,第一行可以写标题,然后第二行通过特殊标识区分表头和表内容,同时默认表格文字左对齐,如果想文本居中,可以通过第二行标识进行控制。

默认表格:
姓名 | 年龄 | 班级 | 成绩
-|:-|:-|:-|
张三 | 20 | 一班 | 90
张三 | 20 | 一班 | 80
张三 | 20 | 一班 | 70
张三 | 20 | 一班 | 99

表格文本居中:(注意第二行变化)
姓名 | 年龄 | 班级 | 成绩
:-:|:-:|:-:|:-:|
张三 | 20 | 一班 | 90
张三 | 20 | 一班 | 80
张三 | 20 | 一班 | 70
张三 | 20 | 一班 | 99
复制代码

两种表格示例图

十二、流程图

流程图是我觉得最有意思和最给力的地方了,几行代码就能表达出整个流程,很是方便快捷,上个简单的例子,一看就懂,后面就可以自己扩展了。

``flow
st=>start: 开始流程
op=>operation: 第一步
op1=>operation: 第二步
cond=>condition: yes or no?
cond1=>condition: once again?
e=>end
st->op->op1->cond->cond1
cond(yes)->e
cond(no)->cond1
cond1(yes)->op1
cond1(no)->e
。```
(注:上面最后一行前面的句号要去掉,此处因为编辑问题,加个句号避免内容格式错误)
复制代码

流程图示例图
文章分类
开发工具
文章标签