Markdown 通过简单标记语法,使普通文本内容具有一定格式。但它本身不支持修改字体、字号与颜色等功能的。CSDN-markdown 编辑器是其衍生版本,支持基于 PageDown ( Stack Overflow)所使用的编辑器的扩展功能(如表格、脚注、内嵌HTML、内嵌 LaTeX 等等)。
代码语法高亮
书写格式为:
language_key if (condition) { return true }
在 ```(三个反引号)之间的是代码,其中language_key的值,请参考下面的表格
例如,将language_key用javascript替换,效果如下:
if (condition){
return true
}
1
2
3
支持的语言和缩写标记
注:javascript代码的语法高亮,可以写成js,但不确定是否所有markdown编辑器都支持。
language
|
language_key
|
Apache
|
apache
|
AppleScript
|
applescript
|
AsciiDoc
|
asciidoc
|
Bash
|
bash
|
BrainFuck
|
brainfuck
|
CMake
|
cmake
|
CoffeeScript
|
coffeescript
|
C++
|
cpp
|
C#
|
c s
|
CSS
|
css
|
Delphi
|
delphi
|
Diff
|
diff
|
Django
|
django
|
ERB (Embedded Ruby)
|
erb
|
Erlang REPL
|
erlang-repl
|
Erlang
|
erlang
|
FIX
|
fix
|
F#
|
fsharp
|
G-code (ISO 6983)
|
gcode
|
GLSL
|
glsl
|
Go
|
go
|
Gradle
|
gradle
|
Groovy
|
groovy
|
Handlebars
|
handlebars
|
Haskell
|
haskell
|
Haxe
|
haxe
|
HTTP
|
http
|
Ini file
|
ini
|
Java
|
java
|
JavaScript
|
javascript
|
JSON
|
json
|
Lisp
|
lisp
|
LiveCode
|
livecodeserver
|
LiveScript
|
livescript
|
Lua
|
lua
|
Makefile
|
makefile
|
Markdown
|
markdown
|
Mathematica
|
mathematica
|
Matlab
|
matlab
|
MEL (Maya Embedded Language)
|
mel
|
Mercury
|
mercury
|
Monkey
|
monkey
|
nginx
|
nginx
|
Nix
|
nix
|
Objective C
|
objectivec
|
OCaml
|
ocaml
|
Oxygene
|
oxygene
|
Parser 3
|
parser3
|
Perl
|
perl
|
PHP
|
php
|
PowerShell
|
powershell
|
Processing
|
processing
|
Python’s profiler output
|
profile
|
Protocol Buffers
|
protobuf
|
Puppet
|
puppet
|
Python
|
python
|
Q
|
q
|
R
|
r
|
RenderMan RSL
|
rsl
|
Ruby
|
ruby
|
Oracle Rules Language
|
ruleslanguage
|
Rust
|
rust
|
Scala
|
scala
|
Scheme
|
scheme
|
Scilab
|
scilab
|
SCSS
|
scss
|
SmallTalk
|
smalltalk
|
SML
|
sml
|
SQL
|
sql
|
Stata
|
stata
|
Swift
|
swift
|
Tcl
|
tcl
|
TeX
|
tex
|
Thrift
|
thrift
|
TypeScript
|
typescript
|
VB.NET
|
vbnet
|
VBScript in HTML
|
vbscript-html
|
VBScript
|
vbscript
|
Verilog
|
verilog
|
VHDL
|
vhdl
|
Vim Script
|
vim
|
Intel x86 Assembly
|
x86asm
|
XML, HTML
|
xml
|
##文字样式1(内嵌HTML)
Size:规定文本的尺寸大小,取值从 1 到 7 ,浏览器默认值是 3.
<font face="黑体">我是黑体字</font>
<font face="微软雅黑">我是微软雅黑</font>
<font face="STCAIYUN">我是华文彩云</font>
<font color=#0099ff size=3 face="黑体">color=#0099ff size=3 face="黑体"</font>
<font color=#00ffff size=4>color=#00ffff size=4</font>
<font color=gray size=5>color=gray size=5</font>
呈现效果:
我是黑体字
我是微软雅黑
我是华文彩云
color=#0099ff size=3 face=“黑体”
color=#00ffff size=4
color=gray size=5
文字底色
由于 style 标签和标签的 style 属性不被支持,所以这里只能是借助 table, tr, td 等表格标签的 bgcolor 属性来实现背景色。故这里对于文字背景色的设置,只是将那一整行看作一个表格,更改了那个格子的背景色(bgcolor)。
使用实例:
这里的背景色是:PowderBlue, 十六进制颜色值: #B0E0E6,rgb(176, 224, 230)
|
颜色列表
颜色名
|
十六进制颜色值
|
颜色
|
AliceBlue
|
#F0F8FF
|
|
AntiqueWhite
|
#FAEBD7
|
|
Aqua
|
#00FFFF
|
|
Aquamarine
|
#7FFFD4
|
|
Azure
|
#F0FFFF
|
|
Beige
|
#F5F5DC
|
|
Bisque
|
#FFE4C4
|
|
Black
|
#000000
|
|
BlanchedAlmon
|
#FFEBCD
|
|
Blue
|
#0000FF
|
|
BlueViolet
|
#8A2BE2
|
|
Brown
|
#A52A2A
|
|
BurlyWood
|
#DEB887
|
|
CadetBlue
|
#5F9EA0
|
|
Chartreuse
|
#7FFF00
|
|
Chocolate
|
#D2691E
|
|
Coral
|
#FF7F50
|
|
CornflowerBlue
|
#6495ED
|
|
Cornsilk
|
#FFF8DC
|
|
Crimson
|
#DC143C
|
|
Cyan
|
#00FFFF
|
|
DarkBlue
|
#00008B
|
|
DarkCyan
|
#008B8B
|
|
DarkGoldenRod
|
#B8860B
|
|
DarkGray
|
#A9A9A9
|
|
DarkGreen
|
#006400
|
|
DarkKhaki
|
#BDB76B
|
|
DarkMagenta
|
#8B008B
|
|
DarkOliveGreen
|
#556B2F
|
|
Darkorange
|
#FF8C00
|
|
DarkOrchid
|
#9932CC
|
|
DarkRed
|
#8B0000
|
|
DarkSalmon
|
#E9967A
|
|
DarkSeaGreen
|
#8FBC8F
|
|
DarkSlateBlue
|
#483D8B
|
|
DarkSlateGray
|
#2F4F4F
|
|
DarkTurquoise
|
#00CED1
|
|
DarkViolet
|
#9400D3
|
|
DeepPink
|
#FF1493
|
|
DeepSkyBlue
|
#00BFFF
|
|
DimGray
|
#696969
|
|
DodgerBlue
|
#1E90FF
|
|
Feldspar
|
#D19275
|
|
FireBrick
|
#B22222
|
|
FloralWhite
|
#FFFAF0
|
|
ForestGreen
|
#228B22
|
|
Fuchsia
|
#FF00FF
|
|
Gainsboro
|
#DCDCDC
|
|
GhostWhite
|
#F8F8FF
|
|
Gold
|
#FFD700
|
|
GoldenRod
|
#DAA520
|
|
Gray
|
#808080
|
|
Green
|
#008000
|
|
GreenYellow
|
#ADFF2F
|
|
HoneyDew
|
#F0FFF0
|
|
HotPink
|
#FF69B4
|
|
IndianRed
|
#CD5C5C
|
|
Indigo
|
#4B0082
|
|
Ivory
|
#FFFFF0
|
|
Khaki
|
#F0E68C
|
|
Lavender
|
#E6E6FA
|
|
LavenderBlush
|
#FFF0F5
|
|
LawnGreen
|
#7CFC00
|
|
LemonChiffon
|
#FFFACD
|
|
LightBlue
|
#ADD8E6
|
|
LightCoral
|
#F08080
|
|
LightCyan
|
#E0FFFF
|
|
LightGoldenRodYellow
|
#FAFAD2
|
|
LightGrey
|
#D3D3D3
|
|
LightGreen
|
#90EE90
|
|
LightPink
|
#FFB6C1
|
|
LightSalmon
|
#FFA07A
|
|
LightSeaGreen
|
#20B2AA
|
|
LightSkyBlue
|
#87CEFA
|
|
LightSlateBlue
|
#8470FF
|
|
LightSlateGray
|
#778899
|
|
LightSteelBlue
|
#B0C4DE
|
|
LightYellow
|
#FFFFE0
|
|
Lime
|
#00FF00
|
|
LimeGreen
|
#32CD32
|
|
Linen
|
#FAF0E6
|
|
Magenta
|
#FF00FF
|
|
Maroon
|
#800000
|
|
MediumAquaMarine
|
#66CDAA
|
|
MediumBlue
|
#0000CD
|
|
MediumOrchid
|
#BA55D3
|
|
MediumPurple
|
#9370D8
|
|
MediumSeaGreen
|
#3CB371
|
|
MediumSlateBlue
|
#7B68EE
|
|
MediumSpringGreen
|
#00FA9A
|
|
MediumTurquoise
|
#48D1CC
|
|
MediumVioletRed
|
#C71585
|
|
MidnightBlue
|
#191970
|
|
MintCream
|
#F5FFFA
|
|
MistyRose
|
#FFE4E1
|
|
Moccasin
|
#FFE4B5
|
|
NavajoWhite
|
#FFDEAD
|
|
Navy
|
#000080
|
|
OldLace
|
#FDF5E6
|
|
Olive
|
#808000
|
|
OliveDrab
|
#6B8E23
|
|
Orange
|
#FFA500
|
|
OrangeRed
|
#FF4500
|
|
Orchid
|
#DA70D6
|
|
PaleGoldenRod
|
#EEE8AA
|
|
PaleGreen
|
#98FB98
|
|
PaleTurquoise
|
#AFEEEE
|
|
PaleVioletRed
|
#D87093
|
|
PapayaWhip
|
#FFEFD5
|
|
PeachPuff
|
#FFDAB9
|
|
Peru
|
#CD853F
|
|
Pink
|
#FFC0CB
|
|
Plum
|
#DDA0DD
|
|
PowderBlue
|
#B0E0E6
|
|
Purple
|
#800080
|
|
Red
|
#FF0000
|
|
RosyBrown
|
#BC8F8F
|
|
RoyalBlue
|
#4169E1
|
|
SaddleBrown
|
#8B4513
|
|
Salmon
|
#FA8072
|
|
SandyBrown
|
#F4A460
|
|
SeaGreen
|
#2E8B57
|
|
SeaShell
|
#FFF5EE
|
|
Sienna
|
#A0522D
|
|
Silver
|
#C0C0C0
|
|
SkyBlue
|
#87CEEB
|
|
SlateBlue
|
#6A5ACD
|
|
SlateGray
|
#708090
|
|
Snow
|
#FFFAFA
|
|
SpringGreen
|
#00FF7F
|
|
SteelBlue
|
#4682B4
|
|
Tan
|
#D2B48C
|
|
Teal
|
#008080
|
|
Thistle
|
#D8BFD8
|
|
Tomato
|
#FF6347
|
|
Turquoise
|
#40E0D0
|
|
Violet
|
#EE82EE
|
|
VioletRed
|
#D02090
|
|
Wheat
|
#F5DEB3
|
|
White
|
#FFFFFF
|
|
WhiteSmoke
|
#F5F5F5
|
|
Yellow
|
#FFFF00
|
|
YellowGreen
|
#9ACD32
|
|
Appendix
无聊的时候可以学习一下各种颜色~~
Markdown编辑器语法之代码高亮、标记和文字颜色相关推荐
- 手把手带你实现Markdown编辑器语法高亮
如果喜欢不如给个star鼓励一下:ZYMarkdownEditor 什么是正则表达式? iOS开发如何使用正则表达式? 使用正则表达式匹配Markdown 性能劣势? 配合YYTextView实现语法 ...
- CSDN Markdown编辑器语法、颜色规则(含常用内容补充)
本文记录了CSDN原始提供的Markdown编辑器语法以及部分博主在应用过程中用到的语法规则.更新于2018.11.30. 这里写自定义目录标题 欢迎使用Markdown编辑器 新的改变 功能快捷键 ...
- Markdown编辑器语法——设置字体、字号和颜色
注意 本人的博客都迁移到本人自己搭建的博客地址,通过此处可查看. Markdown编辑器语法--设置字体.字号和颜色 Markdown是一种可以使用普通文本编辑器编写的标记语言,类似于HTML的标记语 ...
- activiti高亮显示图片_第 09 篇:让博客支持 Markdown 语法和代码高亮
作者:HelloGitHub-追梦人物 文中涉及的示例代码,已同步更新到HelloGitHub-Team 仓库[1] 为了让博客文章具有良好的排版,显示更加丰富的格式,我们使用 Markdown 语法 ...
- markdown引入代码_第 09 篇:让博客支持 Markdown 语法和代码高亮
作者:HelloGitHub-追梦人物 文中涉及的示例代码,已同步更新到HelloGitHub-Team 仓库[1] 为了让博客文章具有良好的排版,显示更加丰富的格式,我们使用 Markdown 语法 ...
- Django博客--5.让博客支持 Markdown 语法和代码高亮
文章目录 0.前言 1.安装 Python Markdown 2.在 detail 视图中解析 Markdown 3.safe 标签 4.代码高亮 5.效果展示 0.前言 Markdown 是一种 H ...
- 【 Markdown 】Markdown 编辑器语法常用格式 ( 整理中 ... )
文章目录 一. MarkDown 常用语法 1. 标题相关语法 (1) 标题模板 (2) 插入目录 2. 字体相关 (1) 字体设置 (2) 常用颜色值速查 3. 插入代码 (1) 单行代码 (2) ...
- 博客园Markdown模式的MATLAB代码高亮方案
前言 博客园随笔写作可以使用 Markdown 进行编辑,当展示代码时,可以使用下面的语法来对代码块进行展示: ```language code-content ``` 一般来说,指明了 lang ...
- Webpack/Vue-cli两种方式加载markdown文件并实现代码高亮
准备的资源: highlight.js : 实现代码高亮,通过npm install highlight.js -D安装 vue-markdown-loader:解析md文件的必备loader,通过n ...
- CSDN的markdown编辑器使用(含表格背景色、文本颜色字体字号、锚点跳转、表情符号等)
内容介绍 最近在使用csdn的markdown编辑器写东西时发现了一些有趣的东西,下面简单列举一下,希望对看到的小伙伴有所帮助(本文目的为演示编辑效果,目录显示较乱). 一.基础编辑 1.目录 各 ...
最新文章
- 屏蔽firefox浏览器连接失败页面的广告
- apache rewrite规则实现白名单
- mysql 数据迁移_mysql实验--不同字符集数据库迁移步骤演示
- Codeforces 1291 Round #616 (Div. 2) B
- MySQL流浪记(七)—— MySQL删除表数据
- 【干货索引】阿里云大数据计算服务MaxCompute与生态系统的融合
- debian 删除mysql数据库_Debian中完全卸载MySQL的方法
- Scrum 大白话总结
- 前端跨域问题解决方案
- 商务统计_13 使用excel拟合曲趋势线
- 开源可视化bi工具有哪些,干货推荐
- 有效使用网易有道词典客户端
- 快速调用企业工商数据
- 《软件方法》第二章 自测题
- java 实现手机号码(String)校验----两种方法
- NOI的1.9.8白细胞计数
- border每个边框的阴影(box-shadow属性)
- 域自适应的理解(简单易懂)
- 天空卫士受邀成为四川省大数据发展研究会会长单位
- api有哪些 javasocket_Java原生Socket API
热门文章
- Visual Studio Code编辑器的实用插件和工作中实用的技巧
- 难得有一篇文章来仔细梳理cowboy bebop的种种.
- 电话号码正则表达式(标准)
- 学习C语言编程,推荐你看这6本书
- ORAN专题系列-5:5G O-RAN 一体式小基站硬件白盒化的参考架构
- Ubuntu下安装微信
- 随机森林:对UCI数据集的分类实现
- 性别政治和零和博弈:滴滴事件教会了我们什么?
- 最简便的Unity详细安装步骤及官网插件
- C语言中的函数(详解)