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
rgb(240, 248, 255)
AntiqueWhite #FAEBD7
rgb(250, 235, 215)
Aqua #00FFFF
rgb(0, 255, 255)
Aquamarine #7FFFD4
rgb(127, 255, 212)
Azure #F0FFFF
rgb(240, 255, 255)
Beige #F5F5DC
rgb(245, 245, 220)
Bisque #FFE4C4
rgb(255, 228, 196)
Black #000000
rgb(0, 0, 0)
BlanchedAlmon #FFEBCD
rgb(255, 235, 205)
Blue #0000FF
rgb(0, 0, 255)
BlueViolet #8A2BE2
rgb(138, 43, 226)
Brown #A52A2A
rgb(165, 42, 42)
BurlyWood #DEB887
rgb(222, 184, 135)
CadetBlue #5F9EA0
rgb(95, 158, 160)
Chartreuse #7FFF00
rgb(127, 255, 0)
Chocolate #D2691E
rgb(210, 105, 30)
Coral #FF7F50
rgb(255, 127, 80)
CornflowerBlue #6495ED
rgb(100, 149, 237)
Cornsilk #FFF8DC
rgb(255, 248, 220)
Crimson #DC143C
rgb(220, 20, 60)
Cyan #00FFFF
rgb(0, 255, 255)
DarkBlue #00008B
rgb(0, 0, 139)
DarkCyan #008B8B
rgb(0, 139, 139)
DarkGoldenRod #B8860B
rgb(184, 134, 11)
DarkGray #A9A9A9
rgb(169, 169, 169)
DarkGreen #006400
rgb(0, 100, 0)
DarkKhaki #BDB76B
rgb(189, 183, 107)
DarkMagenta #8B008B
rgb(139, 0, 139)
DarkOliveGreen #556B2F
rgb(85, 107, 47)
Darkorange #FF8C00
rgb(255, 140, 0)
DarkOrchid #9932CC
rgb(153, 50, 204)
DarkRed #8B0000
rgb(139, 0, 0)
DarkSalmon #E9967A
rgb(233, 150, 122)
DarkSeaGreen #8FBC8F
rgb(143, 188, 143)
DarkSlateBlue #483D8B
rgb(72, 61, 139)
DarkSlateGray #2F4F4F
rgb(47, 79, 79)
DarkTurquoise #00CED1
rgb(0, 206, 209)
DarkViolet #9400D3
rgb(148, 0, 211)
DeepPink #FF1493
rgb(255, 20, 147)
DeepSkyBlue #00BFFF
rgb(0, 191, 255)
DimGray #696969
rgb(105, 105, 105)
DodgerBlue #1E90FF
rgb(30, 144, 255)
Feldspar #D19275
rgb(209, 146, 117)
FireBrick #B22222
rgb(178, 34, 34)
FloralWhite #FFFAF0
rgb(255, 250, 240)
ForestGreen #228B22
rgb(34, 139, 34)
Fuchsia #FF00FF
rgb(255, 0, 255)
Gainsboro #DCDCDC
rgb(220, 220, 220)
GhostWhite #F8F8FF
rgb(248, 248, 255)
Gold #FFD700
rgb(255, 215, 0)
GoldenRod #DAA520
rgb(218, 165, 32)
Gray #808080
rgb(128, 128, 128)
Green #008000
rgb(0, 128, 0)
GreenYellow #ADFF2F
rgb(173, 255, 47)
HoneyDew #F0FFF0
rgb(240, 255, 240)
HotPink #FF69B4
rgb(255, 105, 180)
IndianRed #CD5C5C
rgb(205, 92, 92)
Indigo #4B0082
rgb(75, 0, 130)
Ivory #FFFFF0
rgb(255, 255, 240)
Khaki #F0E68C
rgb(240, 230, 140)
Lavender #E6E6FA
rgb(230, 230, 250)
LavenderBlush #FFF0F5
rgb(255, 240, 245)
LawnGreen #7CFC00
rgb(124, 252, 0)
LemonChiffon #FFFACD
rgb(255, 250, 205)
LightBlue #ADD8E6
rgb(173, 216, 230)
LightCoral #F08080
rgb(240, 128, 128)
LightCyan #E0FFFF
rgb(224, 255, 255)
LightGoldenRodYellow #FAFAD2
rgb(250, 250, 210)
LightGrey #D3D3D3
rgb(211, 211, 211)
LightGreen #90EE90
rgb(144, 238, 144)
LightPink #FFB6C1
rgb(255, 182, 193)
LightSalmon #FFA07A
rgb(255, 160, 122)
LightSeaGreen #20B2AA
rgb(32, 178, 170)
LightSkyBlue #87CEFA
rgb(135, 206, 250)
LightSlateBlue #8470FF
rgb(132, 112, 255)
LightSlateGray #778899
rgb(119, 136, 153)
LightSteelBlue #B0C4DE
rgb(176, 196, 222)
LightYellow #FFFFE0
rgb(255, 255, 224)
Lime #00FF00
rgb(0, 255, 0)
LimeGreen #32CD32
rgb(50, 205, 50)
Linen #FAF0E6
rgb(250, 240, 230)
Magenta #FF00FF
rgb(255, 0, 255)
Maroon #800000
rgb(128, 0, 0)
MediumAquaMarine #66CDAA
rgb(102, 205, 170)
MediumBlue #0000CD
rgb(0, 0, 205)
MediumOrchid #BA55D3
rgb(186, 85, 211)
MediumPurple #9370D8
rgb(147, 112, 216)
MediumSeaGreen #3CB371
rgb(60, 179, 113)
MediumSlateBlue #7B68EE
rgb(123, 104, 238)
MediumSpringGreen #00FA9A
rgb(0, 250, 154)
MediumTurquoise #48D1CC
rgb(72, 209, 204)
MediumVioletRed #C71585
rgb(199, 21, 133)
MidnightBlue #191970
rgb(25, 25, 112)
MintCream #F5FFFA
rgb(245, 255, 250)
MistyRose #FFE4E1
rgb(255, 228, 225)
Moccasin #FFE4B5
rgb(255, 228, 181)
NavajoWhite #FFDEAD
rgb(255, 222, 173)
Navy #000080
rgb(0, 0, 128)
OldLace #FDF5E6
rgb(253, 245, 230)
Olive #808000
rgb(128, 128, 0)
OliveDrab #6B8E23
rgb(107, 142, 35)
Orange #FFA500
rgb(255, 165, 0)
OrangeRed #FF4500
rgb(255, 69, 0)
Orchid #DA70D6
rgb(218, 112, 214)
PaleGoldenRod #EEE8AA
rgb(238, 232, 170)
PaleGreen #98FB98
rgb(152, 251, 152)
PaleTurquoise #AFEEEE
rgb(175, 238, 238)
PaleVioletRed #D87093
rgb(216, 112, 147)
PapayaWhip #FFEFD5
rgb(255, 239, 213)
PeachPuff #FFDAB9
rgb(255, 218, 185)
Peru #CD853F
rgb(205, 133, 63)
Pink #FFC0CB
rgb(255, 192, 203)
Plum #DDA0DD
rgb(221, 160, 221)
PowderBlue #B0E0E6
rgb(176, 224, 230)
Purple #800080
rgb(128, 0, 128)
Red #FF0000
rgb(255, 0, 0)
RosyBrown #BC8F8F
rgb(188, 143, 143)
RoyalBlue #4169E1
rgb(65, 105, 225)
SaddleBrown #8B4513
rgb(139, 69, 19)
Salmon #FA8072
rgb(250, 128, 114)
SandyBrown #F4A460
rgb(244, 164, 96)
SeaGreen #2E8B57
rgb(46, 139, 87)
SeaShell #FFF5EE
rgb(255, 245, 238)
Sienna #A0522D
rgb(160, 82, 45)
Silver #C0C0C0
rgb(192, 192, 192)
SkyBlue #87CEEB
rgb(135, 206, 235)
SlateBlue #6A5ACD
rgb(106, 90, 205)
SlateGray #708090
rgb(112, 128, 144)
Snow #FFFAFA
rgb(255, 250, 250)
SpringGreen #00FF7F
rgb(0, 255, 127)
SteelBlue #4682B4
rgb(70, 130, 180)
Tan #D2B48C
rgb(210, 180, 140)
Teal #008080
rgb(0, 128, 128)
Thistle #D8BFD8
rgb(216, 191, 216)
Tomato #FF6347
rgb(255, 99, 71)
Turquoise #40E0D0
rgb(64, 224, 208)
Violet #EE82EE
rgb(238, 130, 238)
VioletRed #D02090
rgb(208, 32, 144)
Wheat #F5DEB3
rgb(245, 222, 179)
White #FFFFFF
rgb(255, 255, 255)
WhiteSmoke #F5F5F5
rgb(245, 245, 245)
Yellow #FFFF00
rgb(255, 255, 0)
YellowGreen #9ACD32
rgb(154, 205, 50)

Appendix

无聊的时候可以学习一下各种颜色~~

Markdown编辑器语法之代码高亮、标记和文字颜色相关推荐

  1. 手把手带你实现Markdown编辑器语法高亮

    如果喜欢不如给个star鼓励一下:ZYMarkdownEditor 什么是正则表达式? iOS开发如何使用正则表达式? 使用正则表达式匹配Markdown 性能劣势? 配合YYTextView实现语法 ...

  2. CSDN Markdown编辑器语法、颜色规则(含常用内容补充)

    本文记录了CSDN原始提供的Markdown编辑器语法以及部分博主在应用过程中用到的语法规则.更新于2018.11.30. 这里写自定义目录标题 欢迎使用Markdown编辑器 新的改变 功能快捷键 ...

  3. Markdown编辑器语法——设置字体、字号和颜色

    注意 本人的博客都迁移到本人自己搭建的博客地址,通过此处可查看. Markdown编辑器语法--设置字体.字号和颜色 Markdown是一种可以使用普通文本编辑器编写的标记语言,类似于HTML的标记语 ...

  4. activiti高亮显示图片_第 09 篇:让博客支持 Markdown 语法和代码高亮

    作者:HelloGitHub-追梦人物 文中涉及的示例代码,已同步更新到HelloGitHub-Team 仓库[1] 为了让博客文章具有良好的排版,显示更加丰富的格式,我们使用 Markdown 语法 ...

  5. markdown引入代码_第 09 篇:让博客支持 Markdown 语法和代码高亮

    作者:HelloGitHub-追梦人物 文中涉及的示例代码,已同步更新到HelloGitHub-Team 仓库[1] 为了让博客文章具有良好的排版,显示更加丰富的格式,我们使用 Markdown 语法 ...

  6. Django博客--5.让博客支持 Markdown 语法和代码高亮

    文章目录 0.前言 1.安装 Python Markdown 2.在 detail 视图中解析 Markdown 3.safe 标签 4.代码高亮 5.效果展示 0.前言 Markdown 是一种 H ...

  7. 【 Markdown 】Markdown 编辑器语法常用格式 ( 整理中 ... )

    文章目录 一. MarkDown 常用语法 1. 标题相关语法 (1) 标题模板 (2) 插入目录 2. 字体相关 (1) 字体设置 (2) 常用颜色值速查 3. 插入代码 (1) 单行代码 (2) ...

  8. 博客园Markdown模式的MATLAB代码高亮方案

    前言 博客园随笔写作可以使用 Markdown 进行编辑,当展示代码时,可以使用下面的语法来对代码块进行展示: ​```language code-content ​``` 一般来说,指明了 lang ...

  9. Webpack/Vue-cli两种方式加载markdown文件并实现代码高亮

    准备的资源: highlight.js : 实现代码高亮,通过npm install highlight.js -D安装 vue-markdown-loader:解析md文件的必备loader,通过n ...

  10. CSDN的markdown编辑器使用(含表格背景色、文本颜色字体字号、锚点跳转、表情符号等)

    内容介绍   最近在使用csdn的markdown编辑器写东西时发现了一些有趣的东西,下面简单列举一下,希望对看到的小伙伴有所帮助(本文目的为演示编辑效果,目录显示较乱). 一.基础编辑 1.目录 各 ...

最新文章

  1. 屏蔽firefox浏览器连接失败页面的广告
  2. apache rewrite规则实现白名单
  3. mysql 数据迁移_mysql实验--不同字符集数据库迁移步骤演示
  4. Codeforces 1291 Round #616 (Div. 2) B
  5. MySQL流浪记(七)—— MySQL删除表数据
  6. 【干货索引】阿里云大数据计算服务MaxCompute与生态系统的融合
  7. debian 删除mysql数据库_Debian中完全卸载MySQL的方法
  8. Scrum 大白话总结
  9. 前端跨域问题解决方案
  10. 商务统计_13 使用excel拟合曲趋势线
  11. 开源可视化bi工具有哪些,干货推荐
  12. 有效使用网易有道词典客户端
  13. 快速调用企业工商数据
  14. 《软件方法》第二章 自测题
  15. java 实现手机号码(String)校验----两种方法
  16. NOI的1.9.8白细胞计数
  17. border每个边框的阴影(box-shadow属性)
  18. 域自适应的理解(简单易懂)
  19. 天空卫士受邀成为四川省大数据发展研究会会长单位
  20. api有哪些 javasocket_Java原生Socket API

热门文章

  1. Visual Studio Code编辑器的实用插件和工作中实用的技巧
  2. 难得有一篇文章来仔细梳理cowboy bebop的种种.
  3. 电话号码正则表达式(标准)
  4. 学习C语言编程,推荐你看这6本书
  5. ORAN专题系列-5:5G O-RAN 一体式小基站硬件白盒化的参考架构
  6. Ubuntu下安装微信
  7. 随机森林:对UCI数据集的分类实现
  8. 性别政治和零和博弈:滴滴事件教会了我们什么?
  9. 最简便的Unity详细安装步骤及官网插件
  10. C语言中的函数(详解)