markdown语法速成帖子

二叉树上的我

活捉一只小RBQ
2020-02-27
28
20
3
www.spiritlhl.top
markdown语法速成
1.前言
建议去我的博客看完整版内容 ——博客文章链接

本篇鸣谢我的学长整理,由我进行加工发布

2 示例文章格式
- <span style="color:eek:rangered;font-weight:bold;">橙心:</span>[终于等到你,公众号排版神器](https://mp.weixin.qq.com/s/raFgkqlV5hZmrXiEWVAyfQ)
- <span style="color:#773098;font-weight:bold;">姹紫:</span>[JavaScript 数据结构与算法之美](https://mp.weixin.qq.com/s/KmoRDGdJLZ7reMfTDDaFGg)
- <span style="color:#35b378;font-weight:bold;">绿意:</span>[前端硬核面试专题之 CSS 55 问](https://mp.weixin.qq.com/s/SVKMsQtOLNqYXeT_f95FUw)
- <span style="color:rgb(248,57,41);font-weight:bold;">红绯:</span>[日常 | 我用什么工具写作?](https://mp.weixin.qq.com/s/DrvJBEWqH14atF_4O1IXFw)
- <span style="color:eek:rangered;font-weight:bold;">Wechat-Format</span>:[Markdown Nice 新特性:阿里云图床](https://mp.weixin.qq.com/s/QPsOUkLCsvhqSicTOGaHJg)
- <span style="color:#0e88eb;font-weight:bold;">科技蓝</span>:[2019 前端秋季社招面试经历总结(二年多经验)](https://mp.weixin.qq.com/s/eDIDOESem_s93liccYK-qw)
效果及代码图如下:


3 通用语法
### 3.1 标题
在文字写书写不同数量的`#`可以完成不同的标题,一行开头打上不同数目的#最后在#末尾加上空格再书写标题内容,格式如下:
# 一级标题
## 二级标题
### 三级标题

3.2 无序列表
无序列表的使用,在符号`-`后加空格使用。格式如下:
- 无序列表 1
- 无序列表 2
- 无序列表 3
如果要控制列表的层级,则需要在符号`-`前使用空格。格式如下:
- 无序列表 1
- 无序列表 2
- 无序列表 2.1
- 无序列表 2.2

3.3 有序列表
有序列表的使用,在数字及符号`.`后加空格后再输入内容,格式如下:
1. 有序列表 1
2. 有序列表 2
3. 有序列表 3

3.4 引用
引用的格式是在符号`>`后面书写文字。格式如下:
> 读一本好书,就是在和高尚的人谈话。 ——歌德
> 雇用制度对工人不利,但工人根本无力摆脱这个制度。 ——阮一峰

3.5 粗体和斜体
粗体的使用是在需要加粗的文字前后各加两个`*`。
而斜体的使用则是在需要斜体的文字前后各加一个`*`。
如果要使用粗体和斜体,那么就是在需要操作的文字前后加三个`*`。格式如下:
**这个是粗体**
*这个是斜体*
***这个是粗体加斜体***
注:由于 commonmark 标准,可能会导致加粗与想象不一致,格式如下
**今天天气好晴朗,**处处好风光。
这个是正常现象,请参考加粗

3.6 链接
代码图:

效果如下:
你是《未来世界的幸存者》么?

3.7 分割线
代码图:

可以在一行中用三个以上的减号来建立一个分隔线,同时需要在分隔线的上面空一行。效果参照我的博客

3.8 删除线
删除线的使用,在需要删除的文字前后各使用两个`~`,格式如下:
~~这是要被删除的内容。~~

3.9 表格
可以使用冒号来定义表格的对齐方式,格式如下:


效果在我的博客

3.10 图片
插入图片,如果是行内图片则无图例,否则有图例,格式图如下:

支持 jpg、png、gif 等图片格式,
- 支持图片**拖拽和截图粘贴**到编辑器中上传,上传时使用当前选择的图床。
- 可使用**格式->图片**上传本地图片,网站仅支持「图壳」图床,失败率低可长久保存!

4.1 代码块
如果在一个行内需要引用代码,只要用反引号引起来就好,如下:
Use the `printf()` function.
在需要高亮的代码块的前一行及后一行使用三个反引号,同时**第一行反引号后面表示代码块所使用的语言**
格式图如下:

效果如下:
JavaScript:
// FileName: HelloWorld.java
public class HelloWorld {
  // Java 入口程序,程序从此入口
  public static void main(String[] args) {
    System.out.println("Hello,World!"); // 向控制台打印一条语句
  }
}
支持以下语言种类:
```
bash
clojure,cpp,cs,css
dart,dockerfile, diff
erlang
go,gradle,groovy
haskell
java,javascript,json,julia
kotlin
lisp,lua
makefile,markdown,matlab
objectivec
perl,php,python
r,ruby,rust
scala,shell,sql,swift
tex,typescript
verilog,vhdl
xml
yaml
```
如果想要更换代码主题,可在上方挑选,不支持代码主题自定义。
5 其他语法

5.1 HTML
支持原生 HTML 语法,请写内联样式,格式图如下:

效果参照我的博客

5.2 UML
不支持,推荐使用开源工具https://draw.io/制作后再导入图片

更多内容请访问我的博客


CC BY-NC 4.0
 
最后编辑: