当前位置:网站首页>【Markdown语法高级】让你的博客更精彩(四:设置字体样式以及颜色对照表)
【Markdown语法高级】让你的博客更精彩(四:设置字体样式以及颜色对照表)
2022-07-07 13:17:00 【梦想new的出来】
字体样式
- 传送门出口
之前讲述了Markdown语法的基础以及进阶知识,但是除了那些基本的用法之外,我们需要让字体样式也丰富起来,谁说 Markdown不如富文本?我看还是 Markdown更胜一筹!【无需费心排版,简单的标记,又可以创作出堪比富文本的文章,岂不美哉?】
<font face="黑体">我是黑体字</font>
<font face="微软雅黑">我是微软雅黑</font>
<font face="STCAIYUN">我是华文彩云</font>
<font color=#0099ff size=12 face="黑体">黑体</font>
<font color=#00ffff size=3>null</font>
<font color=gray size=5>gray</font>
- face设置字体种类, size设置大小, color设置颜色
- 常见可用字体:
等线 Light
“方正舒体”
“仿宋”
“黑体”
“华文宋体”
“华文琥珀”
“方正舒体”
“华文隶书”
“华文细黑”
“华文新魏”
“华文行楷”
“华文中宋”
“楷体”
“隶书”
“微软雅黑”
背景高亮
背景一般用 <table>标签<table><tr><td bgcolor="red">红色背景</td></tr></table>
- 效果:
| 红色背景 |
- 如果想要纯色背景,那么可以
<table><tr><td bgcolor="red"> </td></tr></table>
- 文章内容定位【锚点】
- <!-- 这里的ID就是aaa ,截取自本文章的首行-->
<span id="aaa">自从我学习编程开始</span >
<!-- 注意:不添加URL地址,表示跳转到本页的某处。-->
<a href="#aaa">本文的首行</a>
[本文的首行](#aaa)
颜色表
| 颜色 | 名称 | RGB | |
|---|---|---|---|
| 浅粉红 | #FFB6C1 | ||
| 中紫罗兰红 | #C71585 | ||
| 暗紫色(兰花紫) | #DA70D6 | ||
| 洋红(玫瑰红) | #DA70D6 | ||
| 紫红(灯笼海棠) | #DA70D6 | ||
| 中兰花紫 | #BA55D3 | ||
| 靛青/紫兰色 | #4B0082 | ||
| 中紫色 | #9370DB | ||
| 蓝紫罗兰 | #8A2BE2 | ||
| 石蓝色(板岩蓝) | #6A5ACD | ||
| 纯蓝 | #0000FF | ||
| 皇家蓝/宝蓝 | #4169E1 | ||
| 闪兰色(道奇蓝) | #1E90FF | ||
| 亮天蓝色 | #87CEFA | ||
| 天蓝色 | #87CEEB | ||
| 深天蓝 | #00BFFF | ||
| 军兰色(军服蓝) | #5F9EA0 | ||
| 粉蓝色(火药青) | #B0E0E6 | ||
| 浅绿色(水色) | #00FFFF | ||
| 浅海洋绿 | #20B2AA | ||
| 中绿宝石 | #48D1CC | ||
| 中春绿色 | #00FA9A | ||
| 宝石碧绿 | #7FFFD4 | ||
| 中海洋绿 | #3CB371 | ||
| 闪光深绿 | #32CD32 | ||
| 闪光绿 | #00FF00 | ||
| 黄绿色(查特酒绿) | #7FFF00 | ||
| 米色/灰棕色 | #F5F5DC | ||
| 亮菊黄 | #FAFAD2 | ||
| 纯黄 | #FFFF00 | ||
| 柠檬绸 | #FFFACD | ||
| 金色 | #FFD700 | ||
| 金菊黄 | #DAA520 | ||
| 橙色 | #FFA500 | ||
| 纳瓦白(土著白) | #FFDEAD | ||
| 重褐色(马鞍棕色) | #8B4513 | ||
| 橙红色 | #FF4500 | ||
| 纯红 | #FF0000 | ||
| 淡珊瑚色 | #F08080 | ||
| 浅玫瑰色(薄雾玫瑰) | #FFE4E1 | ||
| 栗色 | #800000 | ||
| 深灰色 | #A9A9A9 | ||
| 暗淡的灰色 | #696969 | ||
| 纯黑 | #000000 | ||
| 1.3 添加目录 | |||
| 在首行段落中填写@[TOC]以显示全文内容的目录结构,当然了,前提是你使用了分级目录(h1~h6)。 | |||
| 默认显示的是文章目录,如果想改变目录标题的名称,可以使用@TOC这种方式。 |
导出与导入
导出
如果你想尝试使用此编辑器, 你可以在此篇文章任意编辑。当你完成了一篇文章的写作, 在上方工具栏找到 文章导出 ,生成一个.md文件或者.html文件进行本地保存。
导入
如果你想加载一篇你写过的.md文件,在上方工具栏可以选择导入功能进行对应扩展名的文件导入,继续你的创作。
边栏推荐
- [deep learning] semantic segmentation experiment: UNET network /msrc2 dataset
- Ctfshow, information collection: web12
- Niuke real problem programming - day13
- 【搞船日记】【Shapr3D的STL格式转Gcode】
- 【深度学习】图像超分实验:SRCNN/FSRCNN
- 知否|两大风控最重要指标与客群好坏的关系分析
- 什么是pv和uv? pv、uv
- Yyds dry goods inventory # solve the real problem of famous enterprises: cross line
- CPU与chiplet技术杂谈
- [today in history] July 7: release of C; Chrome OS came out; "Legend of swordsman" issued
猜你喜欢

Ctfshow, information collection: web5

用于增强压缩视频质量的可变形卷积密集网络

【兰州大学】考研初试复试资料分享

Unity之ASE实现卡通火焰

How bad can a programmer be? Nima, they are all talents

Ctfshow, information collection: web7

Do you know the relationship between the most important indicators of two strong wind control and the quality of the customer base
![[target detection] yolov5 Runtong voc2007 data set](/img/b3/b7f3d46075cb1782d772a24362003e.png)
[target detection] yolov5 Runtong voc2007 data set

CTFshow,信息搜集:web14
![[follow Jiangke University STM32] stm32f103c8t6_ PWM controlled DC motor_ code](/img/8d/a6d477a8679ca4f3885b1a7b542437.png)
[follow Jiangke University STM32] stm32f103c8t6_ PWM controlled DC motor_ code
随机推荐
Unity之ASE实现卡通火焰
微信小程序 01
Delete a whole page in word
Oracle控制文件丢失恢复归档模式方法
激光雷達lidar知識點滴
Integer learning
【原创】一切不谈考核的管理都是扯淡!
Briefly describe the working principle of kept
Read PG in data warehouse in one article_ stat
【目标检测】YOLOv5跑通VOC2007数据集
CTFshow,信息搜集:web7
Zhiting doesn't use home assistant to connect Xiaomi smart home to homekit
MongoDB数据库基础知识整理
2. 堆排序『较难理解的排序』
Compile advanced notes
[server data recovery] a case of RAID data recovery of a brand StorageWorks server
What is the process of ⼀ objects from loading into JVM to being cleared by GC?
@Introduction and three usages of controlleradvice
众昂矿业:萤石继续引领新能源市场增长
CTFshow,信息搜集:web14