当前位置:网站首页>【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文件,在上方工具栏可以选择导入功能进行对应扩展名的文件导入,继续你的创作。
边栏推荐
- CTFshow,信息搜集:web3
- Ctfshow, information collection: web14
- Niuke real problem programming - Day10
- Lidar knowledge drops
- 知否|两大风控最重要指标与客群好坏的关系分析
- Cocoscreator resource encryption and decryption
- 【数据挖掘】视觉模式挖掘:Hog特征+余弦相似度/k-means聚类
- Comparable and comparator of sorting
- Niuke real problem programming - day14
- Today's sleep quality record 78 points
猜你喜欢

【目标检测】YOLOv5跑通VOC2007数据集

asp.netNBA信息管理系统VS开发sqlserver数据库web结构c#编程计算机网页源码项目详细设计

简述keepalived工作原理
![[deep learning] image hyperspectral experiment: srcnn/fsrcnn](/img/84/114fc8f0875b82cc824e6400bcb06f.png)
[deep learning] image hyperspectral experiment: srcnn/fsrcnn

防火墙基础之服务器区的防护策略

如何在opensea批量发布NFT(Rinkeby测试网)

Unity之ASE实现卡通火焰

asp. Netnba information management system VS development SQLSERVER database web structure c programming computer web page source code project detailed design

Change win10 Screensaver

2022年5月互联网医疗领域月度观察
随机推荐
Ctfshow, information collection: web13
FFmpeg----图片处理
Promoted to P8 successfully in the first half of the year, and bought a villa!
Novel Slot Detection: A Benchmark for Discovering Unknown Slot Types in the Dialogue System
Stm32cubemx, 68 sets of components, following 10 open source protocols
[机缘参悟-40]:方向、规则、选择、努力、公平、认知、能力、行动,读3GPP 6G白皮书的五层感悟
Niuke real problem programming - day20
@ComponentScan
Unity之ASE实现全屏风沙效果
Zhiting doesn't use home assistant to connect Xiaomi smart home to homekit
Niuke real problem programming - day18
Spatiotemporal deformable convolution for compressed video quality enhancement (STDF)
CTFshow,信息搜集:web9
MongoDB数据库基础知识整理
What are the safest securities trading apps
Niuke real problem programming - Day10
Unity's ASE realizes cartoon flame
智汀不用Home Assistant让小米智能家居接入HomeKit
PG basics -- Logical Structure Management (locking mechanism -- table lock)
leetcode 241. Different Ways to Add Parentheses 为运算表达式设计优先级(中等)