用markdown使你的博文炫酷起来
原文地址为: 用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 项目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使你的博文炫酷起来相关推荐
- 超炫酷的Markdown渲染阅读工具(附开源地址)
前言 写东西的时候使用 Markdown 真的非常的顺滑,但是 Markdown 还需要有一个好编辑工具,大家应该也有自己喜欢和常用的支持 Markdonw 的软件,但是命令行形式的你们有吗? 今天要 ...
- 如何利用 Android 自定义控件实现炫酷的动画?|CSDN 博文精选
作者 | u012551350 本文精选自 CSDN 博客,已获作者授权 「知足常乐」,很多人不满足现状,各种折腾,往往舍本逐末,常乐才能少一分浮躁,多一分宁静.近期在笔者身上发生了许多事情,心态也发 ...
- R语言搭建炫酷的线上博客系统
本文转载自R语言中文社区,转载已获授权. 作者简介Introduction 徐静 硕士研究生.算法工程师 兴趣方向:统计机器学习,深度学习,模型的线上化部署.网络爬虫,前端可视化. 个人博客:http ...
- hexo的next主题个性化教程 打造炫酷网站
看到有些next主题的网站很炫酷,那么是怎么配置的呢?接下来我会讲一讲如何实现一些炫酷的效果 主要有以下30种: 在右上角或者左上角实现fork me on github 添加RSS 添加动态背景 实 ...
- 教你做炫酷的蜂巢式图片墙
之前博主写了几篇博文都是属于前端基础技术的总结,这个周末打算发布两到三篇博文来给大家点"干货". 之所以把话说这么早其实是想给自己点压力,免得又偷懒跳票了.... 几个月前浏览过一 ...
- cmd炫酷代码_基本操作!在VS 代码中如何使用Jupyter Notebook
全文共2534字,预计学习时长8分钟 VS Code现在通过Python插件对Jupyter Notebooks提供本地支持.概述其主要功能的简单示例如下. 尽管许多程序员选择使用IDE(即集成开发环 ...
- android仿IT之家、炫酷水波纹、Kotlin MVP项目、后台模拟点击、蜂巢迷宫小游戏等源码...
Android精选源码 Android 炫酷的多重水波纹源码 Android开发一款基于行为识别和个性化推荐的智能推荐APP 仿IT之家Android源码 android判断App位于前台或者后台源码 ...
- android仿IT之家、炫酷水波纹、Kotlin MVP项目、后台模拟点击、蜂巢迷宫小游戏等源码
Android精选源码 Android 炫酷的多重水波纹源码 Android开发一款基于行为识别和个性化推荐的智能推荐APP 仿IT之家Android源码 android判断App位于前台或者后台源码 ...
- 秒建炫酷的开源项目文档,这款神器用起来够优雅
学习过我的开源项目mall的朋友应该知道,我有一个使用Docsify 搭建的项目文档网站.使用Docsify搭建文档网站虽然简单,但是缺少分类.标签.SEO这类功能,随着文档越来越多,查找起来有点不方 ...
最新文章
- 天天说架构师,到底什么样的程序员能称为架构师?
- 【干货】原生js做的一维数组对象,二维数组对象的模糊查询(前端网备份)...
- python update_python 字典中的Update()函数
- 什么是死锁?死锁如何解决
- VTK:PolyData之MultiBlockMergeFilter
- reactive stream协议详解
- Delphi纯代码连SQLite数据库,同时支持数据库的加密解密
- 大型网站技术架构:核心原理与案例分析 mobi_大数据技术经典学习路线
- 魅族16s Pro跑分曝光:高通骁龙855 Plus+UFS 3.0闪存
- ogon denied for user/password. Able to find the database server and database, but the login request
- 不花钱的pdf编辑器_真香!免费pdf处理工具,等你来拿。工作又轻松了一步
- 最大最小标准化 数值_分享丨实验数据标准化处理方法
- 小行星编号_一颗比造成通古斯爆炸更大的小行星正疾速飞来,两天后与地球相会...
- 二分类图片标签从0-1改为0-255——将图片位深度从1改为8
- Python爬虫之小猪短租房
- UBOOT下自定义显示BMP图片
- win10网络适配器不见了_win10没有网络适配器怎么办
- 实现ins照片的爬取
- 微信新动作!加好友解除5000上限,扫码进群开放至200人
- 深度操作系统deepin 20.9 正式发布!