当前位置:网站首页>【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文件,在上方工具栏可以选择导入功能进行对应扩展名的文件导入,继续你的创作。
边栏推荐
- [understanding of opportunity -40]: direction, rules, choice, effort, fairness, cognition, ability, action, read the five layers of perception of 3GPP 6G white paper
- 2. 堆排序『较难理解的排序』
- TypeScript 发布 4.8 beta 版本
- [data mining] visual pattern mining: hog feature + cosine similarity /k-means clustering
- "Baidu Cup" CTF competition 2017 February, web:include
- 暑期安全很重要!应急安全教育走进幼儿园
- 【OBS】RTMPSockBuf_ Fill, remote host closed connection.
- [make a boat diary] [shapr3d STL format to gcode]
- CTFshow,信息搜集:web12
- 激光雷達lidar知識點滴
猜你喜欢
asp. Netnba information management system VS development SQLSERVER database web structure c programming computer web page source code project detailed design
Ctfshow, information collection: web1
Niuke real problem programming - day16
拜拜了,大厂!今天我就要去厂里
Ctfshow, information collection: web8
Today's sleep quality record 78 points
Change win10 Screensaver
Zhiting doesn't use home assistant to connect Xiaomi smart home to homekit
8大模块、40个思维模型,打破思维桎梏,满足你工作不同阶段、场景的思维需求,赶紧收藏慢慢学
Niuke real problem programming - Day9
随机推荐
Niuke real problem programming - Day10
@Introduction and three usages of controlleradvice
防火墙基础之服务器区的防护策略
智汀不用Home Assistant让小米智能家居接入HomeKit
[make a boat diary] [shapr3d STL format to gcode]
Infinite innovation in cloud "vision" | the 2022 Alibaba cloud live summit was officially launched
Briefly describe the working principle of kept
[follow Jiangke University STM32] stm32f103c8t6_ PWM controlled DC motor_ code
激光雷达lidar知识点滴
Why do we use UTF-8 encoding?
什么是数据泄露
连接ftp服务器教程
Ctfshow, information collection: web13
Xiaomi's path of chip self-development
CPU与chiplet技术杂谈
Protection strategy of server area based on Firewall
时空可变形卷积用于压缩视频质量增强(STDF)
asp. Netnba information management system VS development SQLSERVER database web structure c programming computer web page source code project detailed design
[Data Mining] Visual Pattern Mining: Hog Feature + cosinus Similarity / K - means Clustering
Niuke real problem programming - day14