MARKdown语法与文字高亮

最新推荐文章于 2025-04-08 12:28:09 发布

原创最新推荐文章于 2025-04-08 12:28:09 发布 · 3.7k 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#markdown #html

工具类专栏收录该内容

8 篇文章

订阅专栏

本文详细介绍了Markdown的常用语法，包括标题、缩进、字体高亮、字体颜色与大小、背景颜色、表格制作、超链接、图片插入、流程图、文字居中和分割线等，还提供了相关的HTML颜色表和参考资料。

markdown 常用语法和快捷键使用

工欲善其事必先利其器，以前觉得MARKdown写博客太麻烦，写了两篇就不写了，一直把自己的笔记放在notebook中，但各有利弊，现在为了坚持学习，同时给学习增添点乐趣，这把刀需要开锋了跳转文尾

一、标题

优快云 markdown快捷键只能实现两级标题的设置Ctrl+shift+H

# 一级标题
## 二级标题
### 三级标题 
#### 四级标题

注意# 后留空格

二、缩近

半方大的空白&ensp;或&#8194;
全方大的空白&emsp;或&#8195;
不断行的空白格&nbsp;或&#160;

格式如下：

仰望天空，脚踏实地

&emsp;&emsp;仰望天空，脚踏实地，用两个即可

&nbsp;&nbsp;&nbsp;&nbsp;仰望天空，脚踏实地，对不齐

&ensp;&ensp;仰望天空，脚踏实地

效果呈现：

仰望天空，脚踏实地
仰望天空，脚踏实地，用两个即可

仰望天空，脚踏实地，对不齐

仰望天空，脚踏实地

三、字体高亮

==文字内容==

效果呈现：

文字内容
我还特别喜欢的一种标记

`文字`

	`dddbd`

效果呈现：

文字

四、字体、颜色、大小

Markdown中通过font 标签实现字体、字号及颜色配置。语法如下

<font face="隶书" size="3" color="blue">这里是需要突出显示的内容</font>

这里是需要突出显示的内容

说明：

字体：一般的字体都支持，如黑体、宋体、微软雅黑、楷体、隶书等等。
字号：取值范围[1-7],默认为3。
颜色：支持颜色名(如red )、十六进制颜色值(如#00FFFF)和rgb颜色值(如0,255,0 )。
自我验证RGB颜色数值不好用，有的没效果，读者可以指正
可以省略部分格式,个人喜欢默认格式，只需更改颜色
下面引用一些颜色格式备用

<font color="#dddd00">浅黄色文字</font>
<font color="#00dddd">浅青色文字</font>
<font color="#006666">深青色文字</font>
<font color="#dd00dd">浅紫色文字</font>
<font color="#dd0000">浅红色文字</font> 
<font color="#00dd00">浅绿色文字</font>
<font color="#006600">深绿色文字</font>
<font color="#0000dd">浅蓝色文字</font>

浅黄色文字
浅青色文字
深青色文字
浅紫色文字
浅红色文字
浅绿色文字
深绿色文字
浅蓝色文字

五、背景颜色

实质是利用了html表格颜色来设计的背景

<table><tr><td bgcolor=yellow> <font color=##FF0000 size=5>背景色是 1</td> </tr>
<tr><td bgcolor=     #ADFF2F > 背景色2  </td></tr></table>
<table><tr><td bgcolor=orange> 背景色3</td></tr></table>
<table><tr> <td bgcolor= BlueViolet><font size=4 color= orange>背景色4</font></td></tr></table>

其中<table>：制表符，并与</table>成对出现
   <tr>:表示一行，并与</tr>成对出现
   <td>:表示一列，并与</td>成对出现
   <table>...与</table>多少<tr>,就有多少行
   <tr>...与</tr>多少<td>,就有多少列
   和下面表格制表类似，只不过这是html语法直接呈现

背景色是 1

背景色2

背景色3

背景色4

六、表格制作

1. MD自带

| 种类 |数目  |金额 |
|:--|--|--:|
| 香蕉 |  2|  ￥5 |
| 菠萝 |  2|￥ 20  |

 - -:此列右对齐
 - :-此列左对齐
 - 不加任何符号，居中

种类	数目	金额
香蕉	2	￥5
菠萝	2	￥ 20

2.html颜色表格

有了上面主题背景的经验，现在来设计一款漂亮的表格

表格基础
<table>
<tr><td><td><td></tr>
<tr><td><td><td></tr>
<tr><td><td><td></tr>
</table>

下面为我们的表格注入灵魂吧！

<table>
<tr><td bgcolor= #00dddd><font color=##FF0000 size=1>种类<td bgcolor=#00dd00><font color=##FF0000 size=1>数量<td bgcolor= #dd00dd><font color=##FF0000 size=1>总价</tr>
<tr><td>菠萝<td>2<td>￥20</tr>
<tr><td >香蕉<td>2<td>￥5</tr>
</table>

种类	数量	总价
菠萝	2	￥20
香蕉	2	￥5

3.借助工具

简单的表格：excle转MD神器
复杂表格：excel做成表格后保存为HTML格式，用记事本打开后复制内容，粘贴博客中

七、超链接

快捷键Ctrl+shift+L

插入链接：
[超链接名](超链接地址 )
超链接名可以不写

延伸-页内跳转

开头处与结尾处分别粘贴下列第一，和第二语句
[跳转文尾](#ww)<a id="ws"></a>
[跳转文首](#ws)<a id="ww"></a>

跳转颜色表
 图片
 高清图片网址

八、插图

1、截图插入`ctrl+v`(非常快捷)

在这里插入图片描述

2、ctrl +shift +G（适用本地图片与网络图片链接）

可以直接加链接，也可以插图（插入图片可直接选着对齐方式,不可设置图片大小）适用本地图片

在这里插入图片描述

3、html语法方式（适用于网络用图）

（可以调整图片大小和位置）
格式如下

<left>
<img src = "https://i-blog.csdnimg.cn/blog_migrate/a3a85e73e6604b545082a7aa228194cb.png" width=30% >
可以自由选择对齐方式和缩放比例width大小
左对齐：left  居中：center  右对齐：right

效果呈现：

九、流程图##

流程图比较麻烦，也不利于更改，更好的方式就是用其他软件画好，插图进来，
有兴趣可以参考这

简易的倒是可以尝试一下

可替换为：

十、文字居中

<center>你好未来

你好未来

十一、分割线

***

效果呈现：

跳转文首

参考博文资料

———————————————————
html颜色表
 html教程
字体设置链接：https://blog.youkuaiyun.com/hanchao5272/article/details/79303931
链接2：https://blog.youkuaiyun.com/qq_43732429/article/details/108034518
颜色链接：https://www.cnblogs.com/remember-forget/p/8134849.html
画图链接：https://blog.youkuaiyun.com/weixin_38184741/article/details/86150000
制作复杂表格：https://blog.youkuaiyun.com/qty4505861/article/details/98945451