Markdown常用书写语法合集

Posted 汀、

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Markdown常用书写语法合集相关的知识,希望对你有一定的参考价值。

1. 文字设置

1.1 文字颜色

中常用的文字颜色有:

红色文字:<font color="red">红色文字</font>
浅红色文字:<font color="#dd0000">浅红色文字</font> 
蓝色文字:<font color="blue">蓝色文字</font>
浅蓝色文字:<font color="#0000dd">浅蓝色文字</font>
绿色文字:<font color="green">绿色文字</font>
金黄色文字:<font color="#FFFF00">金黄色文字</font>
浅黄色文字:<font color="#dddd00">浅黄色文字</font> 
深黄色文字:<font color="#666600">深黄色文字</font>

红色文字:红色文字
浅红色文字:浅红色文字
蓝色文字:蓝色文字
浅蓝色文字:浅蓝色文字
绿色文字:绿色文字
金黄色文字:金黄色文字
浅黄色文字:浅黄色文字
深黄色文字:深黄色文字

颜色大全网址如下:
在这里插入图片描述

1.2 文字大小

size为1:<font size="1">size为1</font>
size为2:<font size="2">size为2</font>
size为3:<font size="3">size为3</font>
size为4:<font size="4">size为4</font>
size为10:<font size="10">size为10</font>

size为1:size为1
size为2:size为2
size为3:size为3
size为4:size为4
size为10:size为10

1.3 文字字体

<font face="黑体">我是黑体字</font>
<font face="宋体">我是宋体字</font>

<font face="微软雅黑">我是微软雅黑字</font>

我是黑体字
我是宋体字

我是微软雅黑字

*斜体*
**粗体**
***加粗斜体***
~~删除线~~

斜体
粗体
加粗斜体
删除线

1.4 文字背景色

<table><tr><td bgcolor=#FFFF00>背景色的设置是按照十六进制颜色值:#FFFF00</td></tr></table>
<table><tr><td bgcolor=#D1EEEE>背景色的设置是按照十六进制颜色值:#D1EEEE</td></tr></table>
<table><tr><td bgcolor=#C0FF3E>背景色的设置是按照十六进制颜色值:#C0FF3E</td></tr></table>
<table><tr><td bgcolor=#54FF9F>背景色的设置是按照十六进制颜色值:#54FF9F</td></tr></table>

背景色的设置是按照十六进制颜色值:#FFFF00
背景色的设置是按照十六进制颜色值:#D1EEEE
背景色的设置是按照十六进制颜色值:#C0FF3E
背景色的设置是按照十六进制颜色值:#54FF9F

引用块

> 文字引用

文字引用

2.设置图片尺寸

在 markdown 直接使用提供的语法引入图片是无法设置大小的,所以我们需要用到 html 的 img 标签。

<img src="http://i1.bvimg.com/683890/4961244f2ad4d9b4s.jpg" width="200" height="350" >

设置图片居中
在 markdown 设置图片居中是需要通过 div 来控制的。

<div align=center><img src="http://i1.bvimg.com/683890/4961244f2ad4d9b4s.jpg" width="400" height="550" ></div>

链接: [link](https://www.csdn.net/).

图片: ![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw)

带尺寸的图片: ![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw =30x30)

居中的图片: ![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw#pic_center)

居中并且带尺寸的图片: ![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw#pic_center =30x30)

2.1 单张居中显示:

<center>
    <img src="http://dreamofbook.qiniudn.com/Zero.png">
</center>

or

<figure>
<img src=“http://xxx.jpg”>
</figure>

固定图片宽度/高度:

<img src="http://xxx.jpg" title="Logo" width="100" /> 
宽度是 Width,高度是 High。Title 为图片描述。

2.2 两张并排显示:

<figure class="half">
    <img src="http://xxx.jpg">
    <img src="http://yyy.jpg">
</figure>

2.3 三张并排显示:

<figure class="third">
    <img src="http://xxx.jpg">
    <img src="http://yyy.jpg">
    <img src="http://zzz.jpg">
</figure>

固定宽度,并排显示并居中
就是把上面的几个例子和起来,下面给出代码:

<center class="half">
    <img src="http://xxx.jpg" width="300"/>
    <img src="http://yyy.jpg" width="300"/>
</center>

以上是关于Markdown常用书写语法合集的主要内容,如果未能解决你的问题,请参考以下文章

Markdown常用语法(个人总结)

Markdown 语法汇总

VS Code中小程序与Vue常用插件合集(前端合集)

Markdown的常用语法(个人总结)

Markdown的常用语法(个人总结)

书写博客: Markdown 语法讲解