MarkDown编辑语法(好看的博文专用,持续更新)

文章目录:

  • 前言:
  • 一、目录与标题
      • 1、标题:“#”+“标题内容”
      • 2、目录:@+[TOC]+(你定义的目录标题)
  • 二、内容渲染
    • 前言:
      • 1、改变颜色
      • 2、加入下划线
      • 3、引用
      • 4、空格
      • 5、分割线
      • 6、设置图像大小且居中
          • 设置图片居中
          • 设置图片大小
          • 设置图片居中且自定义大小
      • 6、小符号
  • 结束语:

前言:

最初开始写博文的时候,是用的富文本编辑器,简单粗暴,哪里亮了点哪里,但是其功能较单一,有时候不能很好的实现想要呈现的结果(特别是文章最开头的目录部分),于是便转至markdown编辑器了。
此博文会持续更新,记录写博文常用的markdown语法

一、目录与标题

1、标题:“#”+“标题内容”

以此博文为例,编辑内容如下:
MarkDown编辑语法(好看的博文专用,持续更新)_第1张图片
结果呈现如下:
MarkDown编辑语法(好看的博文专用,持续更新)_第2张图片
显然:#号越多标题级数越高(一二三……),字体越小。

2、目录:@+[TOC]+(你定义的目录标题)

以此博文为例,编辑内容如下:
请添加图片描述
结果呈现如下:根据“#”的数量会自动分级展示。“#”数量多的标题会自动向后缩进。
MarkDown编辑语法(好看的博文专用,持续更新)_第3张图片

二、内容渲染

前言:

  Markdown内嵌HTML,所以可以用html语法来进行编辑。

1、改变颜色

语法:此段文字颜色为紫色
效果呈现:此段文字颜色为紫色
在purple位置改成你想要的颜色英文即可。
 

2、加入下划线

语法:此段含下划线
效果呈现:此段含下划线
 

3、引用

语法:>+文本
MarkDown编辑语法(好看的博文专用,持续更新)_第4张图片
呈现效果:下述为一图片
MarkDown编辑语法(好看的博文专用,持续更新)_第5张图片 

4、空格

语法:
不换行空格: 
半角空格:
全角空格:&emsp
请添加图片描述
结果呈现:
 此段前有一个 (不换行空格)
 此段前有一个 (半角空格)
 此段前有一个(全角空格)

5、分割线

三个语法皆可:
***:三个*号
---:三个-号
___:三个_(英文下划线)号
效果呈现:




6、设置图像大小且居中

原图:
MarkDown编辑语法(好看的博文专用,持续更新)_第6张图片

设置图片居中

代码:#pic_center
MarkDown编辑语法(好看的博文专用,持续更新)_第7张图片

设置图片大小

代码:=500x400(前边有一个空格)

设置图片居中且自定义大小

代码:#pic_center =500x400 (其中为英文的“x”,居中要在设置大小前,两者间有一个空格
MarkDown编辑语法(好看的博文专用,持续更新)_第8张图片

6、小符号

枯燥的文字容易使读者视觉疲劳,一些可爱的小符号会让人眼前一亮。
直接复制粘贴如下图案至MarkDown编辑面板即可。
图案如下:
❤️✌

结果呈现如下:
MarkDown编辑语法(好看的博文专用,持续更新)_第9张图片

结束语:

目前我常用的语法就这么多啦,有什么想补充/想了解的语法可以评论区留言,此博文会持续更新,记得常回来看看哦,一起加油做出更好看更有用的博文呀。

你可能感兴趣的:(宝藏专栏,编辑器,markdown,html)