用markdown使你的博文炫酷起来

简介: 应用场景当你在CSDN上发表博文,发现样式太单调,排版太乱,markdown除了本身支持的一些格式以外,并不支持字体颜色,字体样式,字体背景色的管控,所以需要借助HTML标签,使博文炫丽起来!1.

应用场景

当你在CSDN上发表博文,发现样式太单调,排版太乱,markdown除了本身支持的一些格式以外,并不支持字体颜色,字体样式,字体背景色的管控,所以需要借助HTML标签,使博文炫丽起来!

1. markdown本身支持的效果

1.1 使用方法

 加粗 `Ctrl + B` 
 斜体 `Ctrl + I` 
 引用 `Ctrl + Q` 
 插入链接 `Ctrl + L` 
 插入代码 `Ctrl + K` 
 插入图片 `Ctrl + G` 
 提升标题 `Ctrl + H` 
 有序列表 `Ctrl + O` 
 无序列表 `Ctrl + U` 
 横线 `Ctrl + R` 
 撤销 `Ctrl + Z` 
 重做 `Ctrl + Y`

 梯度展示:
 项目1
 项目2
:   定义 A
:   定义 B

 表格:
 项目     | 价格
-------- | ---
Computer | $1600
Phone    | $12
Pipe     | $1

1.2 效果展示

加粗
斜体

引用

插入链接

插入代码
  1. 有序列表

    • 无须列表

横线

项目1
项目2
定义 A
定义 B
项目 价格
Computer $1600
Phone $12
Pipe $1

2. 通过HTML支持的效果

2.1 使用方法

<font face="STLiti ">我是华文隶书</font>
<font color=green>绿色字体</font>
<font color=red size=8>8号红色字体</font>
<table><tr><td bgcolor=Chocolate>巧克力色背景</td></tr></table>

2.2 效果展示

我是华文隶书
绿色字体
8号红色字体

巧克力色背景

3. 附件

3.1 中文字体的英文名称对照表

中文名 价英文名 样式
华文细黑 STXihei 华文细黑
华文黑体 STHeiti 华文黑体
华文楷体 STKaiti 华文楷体
华文宋体 STSong 华文宋体
华文仿宋 STFangsong 华文仿宋
丽黑 Pro LiHei Pro Medium 丽黑 Pro
丽宋 Pro LiSong Pro Light 丽宋 Pro
标楷体 BiauKai 标楷体
苹果丽中黑 Apple LiGothic Medium 苹果丽中黑
苹果丽细宋 Apple LiSung Light 苹果丽细宋
新细明体 PMingLiU 新细明体
细明体 MingLiU 细明体
标楷体 DFKai-SB 标楷体
黑体 SimHei 黑体
宋体 SimSun 宋体
新宋体 NSimSun 新宋体
仿宋 FangSong 仿宋
楷体 KaiTi 楷体
仿宋_GB2312 FangSong_GB2312 仿宋_GB2312
楷体_GB2312 KaiTi_GB2312 楷体_GB2312
微软正黑体 Microsoft JhengHei 微软正黑体
微软雅黑 Microsoft YaHei 微软雅黑
隶书 LiSu 隶书
幼圆 YouYuan 幼圆
华文细黑 STXihei 华文黑体
华文楷体 STKaiti 华文楷体
华文宋体 STSong 华文宋体
华文中宋 STZhongsong 华文中宋
华文仿宋 STFangsong 华文仿宋
方正舒体 FZShuTi 方正舒体
方正姚体 FZYaoti 方正姚体
华文彩云 STCaiyun 华文彩云
华文琥珀 STHupo 华文琥珀
华文隶书 STLiti 华文隶书
华文行楷 STXingkai 华文行楷
华文新魏 STXinwei 华文新魏

3.2 颜色英文名与十六进制对照表【只列部分常用的颜色】

颜色名 十六进制颜色值
AntiqueWhite #FAEBD7
Aqua #00FFFF
Aquamarine #7FFFD4
Bisque #FFE4C4
Black #000000
Blue #0000FF
BlueViolet #8A2BE2
Brown #A52A2A
Chartreuse #7FFF00
Chocolate #D2691E
Coral #FF7F50
CornflowerBlue #6495ED
Crimson #DC143C
Cyan #00FFFF
DarkBlue #00008B
DarkCyan #008B8B
DarkGreen #006400
DarkMagenta #8B008B
Darkorange #FF8C00
DarkOrchid #9932CC
DarkRed #8B0000
DarkSeaGreen #8FBC8F
DarkTurquoise #00CED1
DeepPink #FF1493
DeepSkyBlue #00BFFF
DodgerBlue #1E90FF
Fuchsia #FF00FF
GreenYellow #ADFF2F
Indigo #4B0082
LawnGreen #7CFC00
Lime #00FF00
Magenta #FF00FF
SkyBlue #87CEEB
SpringGreen #00FF7F
Turquoise #40E0D0
VioletRed #D02090
Yellow #FFFF00
YellowGreen #9ACD32
Teal #008080
SeaGreen #2E8B57
Wheat #F5DEB3
目录
相关文章
|
6天前
|
程序员
Markdown简易教程
Markdown教程概览:一种轻量级标记语言,用于编写易读易写的文本,可转换为HTML、Word等多种格式。常用功能包括标题(#号表示级别)、段落、字体样式(斜体、粗体、删除线等)、分隔线、列表(有序、无序、任务列表)、代码块、数学公式、链接、图片和视频。支持引用、表格和脚注等。推荐编辑器有Typora。官方教程:[Markdown 基本语法](https://markdown.com.cn/basic-syntax/)。
6 0
|
2月前
|
XML 存储 数据格式
Markdown(2篇文章学会Markdown第一篇
Markdown(2篇文章学会Markdown第一篇
44 0
|
2月前
Markdown(2篇文章学会Markdown第二篇
Markdown(2篇文章学会Markdown第二篇
30 0
|
2月前
|
数据可视化 开发工具 git
Markdown(2篇文章学会Markdown
Markdown(2篇文章学会Markdown
17 1
|
7月前
|
机器学习/深度学习 uml
如何使用CSDN的Markdown编辑器?
如何使用CSDN的Markdown编辑器?
43 1
|
9月前
|
编译器
如何使用Markdown写一篇博客
如何使用Markdown写一篇博客
66 0
Markdown 写作的 N 个小技巧
Markdown 写作的 N 个小技巧
|
程序员 Perl
MarkDown入门学习总结教程
我们坚信写作写的是内容,所思所想,而不是花样格式.
114 0
MarkDown入门学习总结教程
|
Cloud Native
MarkDown入门链接
MarkDown入门链接
146 0