当前位置:网站首页>【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文件,在上方工具栏可以选择导入功能进行对应扩展名的文件导入,继续你的创作。
边栏推荐
- [机缘参悟-40]:方向、规则、选择、努力、公平、认知、能力、行动,读3GPP 6G白皮书的五层感悟
- 知否|两大风控最重要指标与客群好坏的关系分析
- There is a cow, which gives birth to a heifer at the beginning of each year. Each heifer has a heifer at the beginning of each year since the fourth year. Please program how many cows are there in the
- 2. 堆排序『较难理解的排序』
- CTFshow,信息搜集:web5
- Shengteng experience officer Episode 5 notes I
- Read PG in data warehouse in one article_ stat
- Ctfshow, information collection: Web3
- 连接ftp服务器教程
- Unity之ASE实现卡通火焰
猜你喜欢

Novel Slot Detection: A Benchmark for Discovering Unknown Slot Types in the Dialogue System

Novel Slot Detection: A Benchmark for Discovering Unknown Slot Types in the Dialogue System

Niuke real problem programming - day13

数学建模——什么是数学建模

Ctfshow, information collection: web7

有一头母牛,它每年年初生一头小母牛。每头小母牛从第四个年头开始,每年年初也生一头小母牛。请编程实现在第n年的时候,共有多少头母牛?

Typescript release 4.8 beta

How to enable radius two factor / two factor (2fa) identity authentication for Anheng fortress machine

Guangzhou Development Zone enables geographical indication products to help rural revitalization

微信小程序 01
随机推荐
一个需求温习到的所有知识,h5的表单被键盘遮挡,事件代理,事件委托
Zhiting doesn't use home assistant to connect Xiaomi smart home to homekit
MySQL installation configuration 2021 in Windows Environment
激光雷達lidar知識點滴
时空可变形卷积用于压缩视频质量增强(STDF)
【數據挖掘】視覺模式挖掘:Hog特征+餘弦相似度/k-means聚類
上半年晋升 P8 成功,还买了别墅!
Guangzhou Development Zone enables geographical indication products to help rural revitalization
CTFshow,信息搜集:web10
Shengteng experience officer Episode 5 notes I
【目标检测】YOLOv5跑通VOC2007数据集
What is the process of ⼀ objects from loading into JVM to being cleared by GC?
Find your own value
Niuke real problem programming - day16
Today's sleep quality record 78 points
【服务器数据恢复】某品牌StorageWorks服务器raid数据恢复案例
【数据挖掘】视觉模式挖掘:Hog特征+余弦相似度/k-means聚类
全日制研究生和非全日制研究生的区别!
大表delete删数据导致数据库异常解决
[follow Jiangke University STM32] stm32f103c8t6_ PWM controlled DC motor_ code