logo头像
Snippet 博客主题

MD编辑技巧

前言

现在使用简化风格的博客越来越受欢迎,由于本人之前没有创建过个人微博,2019 开年之际,着手研究个人博客的搭建,经过一周的玩命折腾,终于将我的博客搭建完成了,那后面的事情就是写博客了,看到别人的博客风格、排版各种高大上,羡慕不已,一心模仿,经过网上的搜索,才知道是用 Markdown 写的,进过我几天的学习,特将 Markdown 的基本语法记录在案。一方面是加深自己的记忆,另一方面也是为其他观看我博客的同学做少许贡献,希望对大家有所帮助!

正文

Markdown语法分为如下几大部分:

标题篇

这让我想起我了我写毕业论文的时候,写任何文章,标题是必不可少的,那标题也分很多种,比如:

1
2
3
4
5
6
#一级标题
##二级标题
###三级标题
####四级标题
#####五级标题
######六级标题

标题效果

注意:
1. 一、二级标题下有分隔线
2. 六级标题是灰色字体

### 列表篇
有序列表:
1
2
3
1. 列表1
2. 列表2
3. 列表3


1. 列表1
2. 列表2
3. 列表3

待办列表:
1
2
3
- [] 从睡梦中醒来
- [] 起床
- [] 洗脸刷牙


- [ ] 从睡梦中醒来
- [ ] 起床
- [ ] 洗脸刷牙

### 正文篇
正文只需正常编写即可,如需首行空两个字,直接敲空格就可以了,一个空格是一个字节,一个中文汉字是四个字节;如需换行,在需要换行的地方敲两下空格,然后回车


### 字体篇
字体加粗:
1
**这个字体是加粗了的哦**


这个字体是加粗了的哦

字体斜体:
1
*斜眼看世界*


斜眼看世界

字体颜色:
1
2
<font color=#2196F3>给他点颜色看看,看这是蓝色</font>
<font color=#F44336>这是红色</font>


给他点颜色看看,看这是蓝色
这是红色

分割线

1
----------

区块引用

1
>我要引入一段话:及时行乐

我要引入一段话:及时行乐

代码区块

这里写要插入代码的语句,比如:java、javascript、c++ 等等.. 这里写要插入的代码 public class …

1
2
3
4
5
6
7
8
9
10
11
12
13
package com.daniel.tools;

/**
* class description
*
* @Author: Daniel.huang
* @Date: 2019/3/1 16:36
*/
public class JavaCode {
public static void main(String[] args) {
System.out.println("hello world!");
}
}

图片

本地图片可以用相对路径,也可以用网络上的图片,写网络地址就OK啦!

1
![最萌钢铁侠](http://kapu.tech/%E6%9C%80%E8%90%8C%E9%92%A2%E9%93%81%E4%BE%A0.jpg)

最萌钢铁侠

链接

链接可以由两种形式生成,行内式参考式

1
2
[GitHub](https://github.com/Daniel-HF)
自动生成连接 <https://github.com/Daniel-HF>

GitHub
自动生成连接 https://github.com/Daniel-HF

符号

1
2
3
4
5
6
7
8
<i class="far fa-address-book"></i>
<i class="far fa-address-card"></i>
<i class="fas fa-coffee"></i>
<i class="fas fa-highlighter"></i>
<i class="far fa-save"></i>
<i class="fas fa-sitemap"></i>
<i class="fas fa-tags"></i>
<i class="fas fa-code"></i>

表格

1
2
3
4
| 姓名 | 年龄  | 婚姻 |
| ---- | --- | ---- |
| 张三 | 23 | 未婚 |
| 李四 | 24 | 先孕 |
姓名 年龄 婚姻
张三 23 未婚
李四 24 先孕

m

流程图

1
![Diagram](./attachments/1551426317241.drawio.html)

Diagram

脚注

1
2
^[脚注1]  
^[脚注2]

联系博主:
微信

时间:2019年03月01日 15时44分46秒

^[脚注1]
^[脚注2]