当前位置:网站首页>[markdown grammar advanced] make your blog more exciting (IV: set font style and color comparison table)
[markdown grammar advanced] make your blog more exciting (IV: set font style and color comparison table)
2022-07-07 15:22:00 【Dream of new】
Font style
- Portal exit
As mentioned before Markdown Basic and advanced knowledge of grammar , But in addition to the basic usage , We need to enrich font styles , Who says Markdown Rich text ? I think it's still Markdown better !【 No need to bother with typesetting , Simple markers , You can also create articles comparable to rich text , Beauty is not true ?】
<font face=" In black "> I'm in bold </font>
<font face=" Microsoft YaHei "> I am Microsoft YaHei </font>
<font face="STCAIYUN"> I am Caiyun in Chinese </font>
<font color=#0099ff size=12 face=" In black "> In black </font>
<font color=#00ffff size=3>null</font>
<font color=gray size=5>gray</font>
- face Set font type , size Set size , color Set the color
- Common available fonts :
Isoline Light
“ Fangzheng shutI ”
“ Imitation song ”
“ In black ”
“ Chinese Songti ”
“ Amber in Chinese ”
“ Fangzheng shutI ”
“ Chinese official script ”
“ Chinese is fine and black ”
“ Chinese New Wei ”
“ Chinese Xingkai ”
“ Song Dynasty in Chinese ”
“ Regular script ”
“ Official script ”
“ Microsoft YaHei ”
The background is highlighted
General background <table> label <table><tr><td bgcolor="red"> Red background </td></tr></table>
- effect :
| Red background |
- If you want a solid background , Then you can.
<table><tr><td bgcolor="red"> </td></tr></table>
- Article content positioning 【 Anchor point 】
- <!-- there ID Namely aaa , Taken from the first line of this article -->
<span id="aaa"> Since I learned programming </span >
<!-- Be careful : Don't add URL Address , Jump to somewhere on this page .-->
<a href="#aaa"> The first line of this article </a>
[ The first line of this article ](#aaa)
color table
| Color | name | RGB | |
|---|---|---|---|
| honeydew | #FFB6C1 | ||
| Medium violet red | #C71585 | ||
| Dark purple ( Orchid purple ) | #DA70D6 | ||
| Magenta ( Rose red ) | #DA70D6 | ||
| Purplish red ( Crabapple ) | #DA70D6 | ||
| Chinese orchid purple | #BA55D3 | ||
| Indigo / Purple blue | #4B0082 | ||
| Medium purple | #9370DB | ||
| Blue violet | #8A2BE2 | ||
| Stone blue ( SlateBlue ) | #6A5ACD | ||
| Pure blue | #0000FF | ||
| Royal blue / Royal Blue | #4169E1 | ||
| Flash blue ( Dodge blue ) | #1E90FF | ||
| Bright blue | #87CEFA | ||
| sky blue | #87CEEB | ||
| Deep sky blue | #00BFFF | ||
| Army blue ( Uniform blue ) | #5F9EA0 | ||
| Pink blue ( Gunpowder green ) | #B0E0E6 | ||
| Light green ( Water color ) | #00FFFF | ||
| The sea is green | #20B2AA | ||
| Medium emerald | #48D1CC | ||
| Mid spring green | #00FA9A | ||
| The gem is green | #7FFFD4 | ||
| China Ocean Green | #3CB371 | ||
| Flash dark green | #32CD32 | ||
| Flashing green | #00FF00 | ||
| Yellow green ( Chateau green ) | #7FFF00 | ||
| Beige / Gray brown | #F5F5DC | ||
| Bright chrysanthemum yellow | #FAFAD2 | ||
| Pure yellow | #FFFF00 | ||
| Lemon silk | #FFFACD | ||
| golden | #FFD700 | ||
| Golden chrysanthemum | #DAA520 | ||
| Orange | #FFA500 | ||
| Navarre ( Aboriginal white ) | #FFDEAD | ||
| Heavy brown ( The saddle is brown ) | #8B4513 | ||
| Orange red | #FF4500 | ||
| Pure red | #FF0000 | ||
| Light coral | #F08080 | ||
| Light rose ( Mist rose ) | #FFE4E1 | ||
| Chestnut | #800000 | ||
| Dark grey | #A9A9A9 | ||
| A dull gray | #696969 | ||
| All black | #000000 | ||
| 1.3 Add a directory | |||
| Fill in the first paragraph @[TOC] To display the directory structure of the full-text content , Yes, of course , The premise is that you use the classified directory (h1~h6). | |||
| By default, the article directory is displayed , If you want to change the name of the directory Title , have access to @TOC This way, . |
Export and import
export
If you want to try this editor , You can edit this article at will . When you finish writing an article , Find... On the top toolbar Article export , Generate a .md Documents or .html File for local storage .
Import
If you want to load an article you've written .md file , In the upper toolbar, you can select the import function to import the file with the corresponding extension , Continue your work .
边栏推荐
- CTFshow,信息搜集:web7
- 一个需求温习到的所有知识,h5的表单被键盘遮挡,事件代理,事件委托
- Ctfshow, information collection: web8
- 2022全开源企业发卡网修复短网址等BUG_2022企业级多商户发卡平台源码
- 简述keepalived工作原理
- STM32F103C8T6 PWM驱动舵机(SG90)
- Win10 or win11 taskbar, automatically hidden and transparent
- [机缘参悟-40]:方向、规则、选择、努力、公平、认知、能力、行动,读3GPP 6G白皮书的五层感悟
- leetcode 241. Different Ways to Add Parentheses 为运算表达式设计优先级(中等)
- 【搞船日记】【Shapr3D的STL格式转Gcode】
猜你喜欢

使用cpolar建立一个商业网站(2)
Implementation of crawling web pages and saving them to MySQL using the scrapy framework

【兰州大学】考研初试复试资料分享
![[机缘参悟-40]:方向、规则、选择、努力、公平、认知、能力、行动,读3GPP 6G白皮书的五层感悟](/img/38/cc5bb5eaa3dcee5ae2d51a904cf26a.png)
[机缘参悟-40]:方向、规则、选择、努力、公平、认知、能力、行动,读3GPP 6G白皮书的五层感悟

全日制研究生和非全日制研究生的区别!

Unity's ASE achieves full screen sand blowing effect

Niuke real problem programming - Day11
使用Scrapy框架爬取网页并保存到Mysql的实现
Window环境下配置Mongodb数据库

什麼是數據泄露
随机推荐
【深度学习】图像超分实验:SRCNN/FSRCNN
2022年5月互联网医疗领域月度观察
Comparable and comparator of sorting
知否|两大风控最重要指标与客群好坏的关系分析
#HPDC智能基座人才发展峰会随笔
[follow Jiangke University STM32] stm32f103c8t6_ PWM controlled DC motor_ code
Novel Slot Detection: A Benchmark for Discovering Unknown Slot Types in the Dialogue System
Ctfshow, information collection: web8
Unity's ASE realizes cartoon flame
Jetson AGX Orin CANFD 使用
摘抄的只言片语
Andriod --- JetPack :LiveData setValue 和 postValue 的区别
Niuke real problem programming - day14
避坑:Sql中 in 和not in中有null值的情况说明
jacoco代码覆盖率
Compile advanced notes
PAT 甲级 1103 Integer Factorizatio
Niuke real problem programming - Day9
全日制研究生和非全日制研究生的区别!
How to enable radius two factor / two factor (2fa) identity authentication for Anheng fortress machine