Markdown：字体

斜体文本    斜体文本
粗体文本    粗体文本
粗斜体文本    粗斜体文本

加粗显示

Tables	Are	Cool
col 3 is	right-aligned	$1600
col 2 is	centered	$12
zebra stripes	are neat	$1

---

*斜体文本*    _斜体文本_
**粗体文本**    __粗体文本__
***粗斜体文本***    ___粗斜体文本___

---

字体

支持字体的加粗、斜杠,删除

支持字体的**加粗**、*斜体*,~~删除~~

两个星星就是表示加粗，一个星星就是斜体，两个波浪就是删除啦

---

## 字体
支持字体的**加粗**、*斜杠*,~~删除~~
```markdown
支持字体的**加粗**、*斜体*,~~删除~~
```
两个星星就是表示加粗，一个星星就是斜体，两个波浪就是删除啦

---

这段内容展示了在内容里面一些排版格式，比如：

• 加粗 - **加粗**
• 倾斜 - *倾斜*
• 删除线 - ~~删除线~~
• Code 标记 - Code 标记
• 超级链接 - [超级链接](https://hacpai.com)
• username@gmail.com - [username@gmail.com](mailto:username@gmail.com)
  

• 星号和标识iivbn
• jo d l
• im

可以增加===强调===

星号和标识的说明。 序列也可以这么制作。

<font face="宋体">宋体</font>
<font face="楷书">楷书</font>
<font face="草书">草书</font>
<font face="隶书">隶书</font>
<font face="行书">行书</font>
<font face="黑体">黑体</font>
<font face="仿宋">仿宋</font>
<font face="篆书">篆书</font>
<font face="仿宋_GB2312">仿宋_GB2312</font>
<font face="微软雅黑">微软雅黑</font>
<font face="Times New Roman">Times New Roman</font>

<font color=red> 红色 </font>
<font color=orange> 橙色 </font>
<font color=yellow> 黄色 </font>
<font color=green> 绿色 </font>
<font color=cyan> 青色 </font>
<font color=blue> 蓝色 </font>
<font color=violet> 紫罗兰色 </font>

<font color=gray> 灰色 </font>
<font color=purple> 紫色 </font>

<font color=#FF0000 >红色</font>
<font color=#008000 >绿色</font>
<font color=#0000FF >蓝色</font>

<font size=1> 小字体 </font>
<font size=6> 中字体 </font>
<font size=10> 大字体 </font>

<table><tr><td bgcolor=red> 红色背景 </td></tr></table>
<table><tr><td bgcolor=orange> 橙色背景 </td></tr></table>
<table><tr><td bgcolor=yellow> 黄色背景 </td></tr></table>
<table><tr><td bgcolor=green> 绿色背景 </td></tr></table>
<table><tr><td bgcolor=cyan> 青色背景 </td></tr></table>
<table><tr><td bgcolor=blue> 蓝色背景 </td></tr></table>
<table><tr><td bgcolor=violet> 紫罗兰色背景 </td></tr></table>

<table><tr><td bgcolor=gray> 灰色背景 </td></tr></table>
<table><tr><td bgcolor=purple> 紫色背景 </td></tr></table>

<table><tr><td bgcolor=orange><font face="篆书" color=red size=9> 红色篆书9号字体背景色橘色</font> </td></tr></table>

字体、字号与颜色

• 举例：
  我是黑体
  我是楷体
  color=#0099FF size=4 face=consolas 公式=1 0 7 10^7107
  color=gray size=6
  color=#FF0000

• 对应代码：

  
  

我是黑体我是楷体*color*=#0099FF **size**=4 face=consolas 公式=$10^7$ color=gray size=6 color=#FF0000

• 1
• 2
• 3
• 4
• 5
  

• 说明：
  

• 模版：文本内容
  上面的模版代码中文本内容部分可以加*,$等 （加粗，数学公式）相关的原markdown语法，不冲突
• Size：规定文本的尺寸大小。可能的值：从 1 到 7 的数字。浏览器默认值是 3
  苹果电脑中的常用字体：
  Courier New、consolas、Times New Roman
  华文黑体：STHeiti
  华文楷体：STKaiti
  华文宋体：STSong
  华文仿宋：STFangsong
  丽黑 Pro：LiHei Pro Medium
  丽宋 Pro：LiSong Pro Light
  标楷体：BiauKai
  苹果丽中黑：Apple LiGothic Medium
  苹果丽细宋：Apple LiSung Light
  

字体和font-family对照表
字体对照表

• Color：可以写16进制RGB（#FF0000或#ff0000）or 直接写名称（red）
  

---

颜色设置说明法1 ：用markdown内嵌HTML语法（推进）

特点：可以给包含$的内容加颜色

例：红色 l o g 1 0 n ≈ 4 n log 10^napprox4nlog10n≈4n

对应代码：红色 $log 10^napprox4n$

法2：用简短的$公式

特点：代码稍短，但是不能给包含$的内容加颜色

例：彩虹的颜色是：

红 color{#FF0000}{红}红 橙 color{#FF7D00}{橙}橙 黄 color{#FF0000}{黄}黄 绿 color{#00FF00}{绿}绿 蓝 color{#0000FF}{蓝}蓝 靛 color{#00FFFF}{靛}靛 紫 color{#FF00FF}{紫}紫

对应的代码:
$color{#FF0000}{红}$ $color{#FF7D00}{橙}$ $color{#FF0000}{黄}$ $color{#00FF00}{绿}$ $color{#0000FF}{蓝}$ $color{#00FFFF}{靛}$ $color{#FF00FF}{紫}$

对应的RGB颜色标号是：

红：255，0，0 #FF0000橙: 255,125,0 #FF7D00黄：255，255，0 #FFFF00绿：0，255，0 #00FF00蓝：0，0，255 #0000FF靛: 0,255,255 #00FFFF紫: 255,0,255 #FF00FF

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
  

参考：RGB颜色对照表

markdown语法进阶——字体、字号与颜色设置_markdown 新罗马字体-CSDN博客

一、更改字体、大小、颜色

Markdown语法

<font face="黑体">我是黑体字</font><font face="微软雅黑">我是微软雅黑</font><font face="STCAIYUN">我是华文彩云</font><font color=red>我是红色</font><font color=#008000>我是绿色</font><font color=Blue>我是蓝色</font><font size=5>我是尺寸</font><font face="黑体" color=green size=5>我是黑体，绿色，尺寸为5</font>

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
  

效果如下：

我是黑体字
我是微软雅黑
我是华文彩云
我是红色
我是绿色
我是蓝色
我是尺寸
我是黑体，绿色，尺寸为5

---

二、为文字添加背景色

由于 style 标签和标签的 style 属性不被支持，所以这里只能是借助 table, tr, td 等表格标签的 bgcolor 属性来实现背景色。故这里对于文字背景色的设置，只是将那一整行看作一个表格，更改了那个格子的背景色（bgcolor）

Markdown语法

<table><tr><td bgcolor=yellow>背景色yellow</td></tr></table>

• 1
  

效果如下

背景色yellow

---

三、设置图片大小1、设置设置图片百分比

Markdown语法

<img src="https://i-blog.csdnimg.cn/blog_migrate/714b1fac576603ac8efe92140d138537.jpeg" width="50%" height="50%">

• 1
  

2、设置图片大小

Markdown语法

<img src="https://i-blog.csdnimg.cn/blog_migrate/714b1fac576603ac8efe92140d138537.jpeg" width="251" height="350" >

• 1
  

3、设置图片居中

Markdown语法

<div align=right><img src="https://i-blog.csdnimg.cn/blog_migrate/714b1fac576603ac8efe92140d138537.jpeg" width="50%" height="50%"></div>

• 1
  

ps：center,left,left

参考链接

RGB颜色对照表

Markdown 语法大全 包括设置字体 颜色

Markdown: Basics （快速入门）

CSDN-markdown 文字样式设置（字体, 大小, 颜色, 高亮底色）