原文地址为: 用markdown使你的博文炫酷起来

应用场景

当你在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

转载请注明本文地址: 用markdown使你的博文炫酷起来

用markdown使你的博文炫酷起来相关推荐

  1. 超炫酷的Markdown渲染阅读工具(附开源地址)

    前言 写东西的时候使用 Markdown 真的非常的顺滑,但是 Markdown 还需要有一个好编辑工具,大家应该也有自己喜欢和常用的支持 Markdonw 的软件,但是命令行形式的你们有吗? 今天要 ...

  2. 如何利用 Android 自定义控件实现炫酷的动画?|CSDN 博文精选

    作者 | u012551350 本文精选自 CSDN 博客,已获作者授权 「知足常乐」,很多人不满足现状,各种折腾,往往舍本逐末,常乐才能少一分浮躁,多一分宁静.近期在笔者身上发生了许多事情,心态也发 ...

  3. R语言搭建炫酷的线上博客系统

    本文转载自R语言中文社区,转载已获授权. 作者简介Introduction 徐静 硕士研究生.算法工程师 兴趣方向:统计机器学习,深度学习,模型的线上化部署.网络爬虫,前端可视化. 个人博客:http ...

  4. hexo的next主题个性化教程 打造炫酷网站

    看到有些next主题的网站很炫酷,那么是怎么配置的呢?接下来我会讲一讲如何实现一些炫酷的效果 主要有以下30种: 在右上角或者左上角实现fork me on github 添加RSS 添加动态背景 实 ...

  5. 教你做炫酷的蜂巢式图片墙

    之前博主写了几篇博文都是属于前端基础技术的总结,这个周末打算发布两到三篇博文来给大家点"干货". 之所以把话说这么早其实是想给自己点压力,免得又偷懒跳票了.... 几个月前浏览过一 ...

  6. cmd炫酷代码_基本操作!在VS 代码中如何使用Jupyter Notebook

    全文共2534字,预计学习时长8分钟 VS Code现在通过Python插件对Jupyter Notebooks提供本地支持.概述其主要功能的简单示例如下. 尽管许多程序员选择使用IDE(即集成开发环 ...

  7. android仿IT之家、炫酷水波纹、Kotlin MVP项目、后台模拟点击、蜂巢迷宫小游戏等源码...

    Android精选源码 Android 炫酷的多重水波纹源码 Android开发一款基于行为识别和个性化推荐的智能推荐APP 仿IT之家Android源码 android判断App位于前台或者后台源码 ...

  8. android仿IT之家、炫酷水波纹、Kotlin MVP项目、后台模拟点击、蜂巢迷宫小游戏等源码

    Android精选源码 Android 炫酷的多重水波纹源码 Android开发一款基于行为识别和个性化推荐的智能推荐APP 仿IT之家Android源码 android判断App位于前台或者后台源码 ...

  9. 秒建炫酷的开源项目文档,这款神器用起来够优雅

    学习过我的开源项目mall的朋友应该知道,我有一个使用Docsify 搭建的项目文档网站.使用Docsify搭建文档网站虽然简单,但是缺少分类.标签.SEO这类功能,随着文档越来越多,查找起来有点不方 ...

最新文章

  1. 天天说架构师,到底什么样的程序员能称为架构师?
  2. 【干货】原生js做的一维数组对象,二维数组对象的模糊查询(前端网备份)...
  3. python update_python 字典中的Update()函数
  4. 什么是死锁?死锁如何解决
  5. VTK:PolyData之MultiBlockMergeFilter
  6. reactive stream协议详解
  7. Delphi纯代码连SQLite数据库,同时支持数据库的加密解密
  8. 大型网站技术架构:核心原理与案例分析 mobi_大数据技术经典学习路线
  9. 魅族16s Pro跑分曝光:高通骁龙855 Plus+UFS 3.0闪存
  10. ogon denied for user/password. Able to find the database server and database, but the login request
  11. 不花钱的pdf编辑器_真香!免费pdf处理工具,等你来拿。工作又轻松了一步
  12. 最大最小标准化 数值_分享丨实验数据标准化处理方法
  13. 小行星编号_一颗比造成通古斯爆炸更大的小行星正疾速飞来,两天后与地球相会...
  14. 二分类图片标签从0-1改为0-255——将图片位深度从1改为8
  15. Python爬虫之小猪短租房
  16. UBOOT下自定义显示BMP图片
  17. win10网络适配器不见了_win10没有网络适配器怎么办
  18. 实现ins照片的爬取
  19. 微信新动作!加好友解除5000上限,扫码进群开放至200人
  20. 深度操作系统deepin 20.9 正式发布!

热门文章

  1. 老祖宗用过的IT产品,看得我一愣一愣的
  2. 天九共享集团:打造幸福企业领航者
  3. SAP PA获利分析案例教程后台配置
  4. Arduino IRremoteESP8266库 调用说明以及示例
  5. uniApp开发小程序基础教程(一)
  6. string类型的函数大全
  7. ES6 箭头函数大起底:熟知这几个特点让你少踩很多坑
  8. layer.js遇到的问题: layer.open is not a function
  9. 汽车悬架轻量化与疲劳寿命的关系
  10. DC/DC转换器PCB布局,第3部分