markdown常用语法&编辑器推荐
2018-07-26 本文已影响14人
WilliamIT
timg.jpeg
前沿
好久没更新了,今后需要继续努力。
目录
[1、标题]
[2、字体]
[3、引用]
[4、行内标记]
[5、代码行]
[6、插入图片]
[7、有序列]
[8、表格]
[9、分隔符]
[10、支持css]
[11、锚点]
[12、超链接]
[13、注释]
[14、官方文档]
[编辑器推荐]
<span id = "1">1、标题
使用#代表一级标题 ##代表耳机标题 支持六级
# 标题
## 标题
### 标题
效果:
标题
标题
标题
<span id = "2">2、字体
字体左右加** 表示加粗
字体左右加* 表示斜体
字体左右加*** 表示加粗斜体
字体左右加~~ 表示删除线
**加粗**
**斜体**
***加粗+斜体***
~~删除线~~
加粗
斜体
加粗+斜体
删除线
<span id = "3">3、引用
- 单行
> hello
hello
- 多行
> hello
hello
hello
hello
hello
hello
- 多层
> aaa
>> aaa
>>> aaa
aaa
aaa
aaa
4、行内标记
使用 : ` 将标记的内容变为一行显示并标记
我的名字是`william_zhang`
我的名字是william_zhang
<span id = "5">5、代码行
使用: 代码前后加 ```
public void main(String []args){
}
根据不同的语言配置不同的代码着色
```java
后面加语言
```
public void main(String []args){
}
public void main(String []args){
}
<span id = "6">6、插入图
![图片alt](https://img.haomeiwen.com/i5872078/995a07f96021a093.jpeg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240 "title")
图片alt
<span id = "7">7、顺序表
(有序)使用 . 名称
1. java
2. python
3. javascrpt
- java
- python
- javascript
(无序)使用 * 名称
* java
* python
* javascript
- java
- python
- javascript
嵌套
1. java
1. 语法
2. 数据类型
2. python
* 语法
* 接口
- java
- 语法
- 数据类型
- python
- 语法
- 接口
<span id = "8">8、表格
使用方法: (注意:设置格子对其方式及--用法)
标题|标题|标题
:--:|:--|--:
第一个格子|第二个格子|第三个格子
第一个内容|第二个内容|第三个内容
使用 | 间隔 使用 | - | 线间隔
标题 | 标题 | 标题 | |
---|---|---|---|
第一个格子 | 第二个格子 | 第三个格子 | |
第一个内容 | 第二个内容 | 第三个内容 | |
使用 | 间隔 使用 | - | 线间隔 |
| a | b | c |
|-----------:|:-----------|:-----------:|
| aaaa | bbb | cbbb |
a | b | c |
---|---|---|
aaaa | bbb | cbbb |
使用 冒号:
表示对齐方式 |
和:
中间不要加空格
<span id = "9"> 9、分隔符
使用 --- 或者 *** 或者 * * *
---
***
* * *
<span id = "10"> 10、支持css样式</span>
<p style="color:red;font-size:30px ">william_zhang</p>
<p style="color:red;font-size:30px ">william_zhang</p>
<span id = "11">11、锚点</span>
[说明文字](#jump) //点击跳转的地方
<span id = "jump"> //需要跳转到的地方
<span id = "12">12、超连接
1.文字链接
[百度](http://www.baidu.com/ "百度一下")
2.图片链接
[![图片alt](https://img.haomeiwen.com/i5872078/de99bdd5c23130fd.jpeg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240 "title")](https://www.bianlifeng.com)
图片alt
<span id = "13">13、注释
<!--注释注释注释-->
注释例子:
<p style="color:red;font-size:30px ">你找不到注释的,这是给编写人员看的。</p>
<span id = "14">如果不够用,你厉害了,给你官方文档。
<span id = "0">markdown编辑器
在网上也有很多很多推荐的编辑器,包括在线或者安装的,我觉得都不错的。
这边我推荐的是vscode
来编写.md文件。
在方便开发的同时编写vscode哦。
-
安装vscode(如果没有自行百度)
-
安装 Markdown Preview Enhanced插件(插件库搜索会吧)
-
创建.md文件
-
右键预览
- 基本的功能
- 支持数学公式
- 支持导出PDF(可以安装Markdown PDF插件哦)
- 支持流程图、示意图