之前一直不愿意使用MarkDown编辑器,主要是它的字体背景,颜色大小什么不太好设置,不愿意去使用,但是上篇文章不用MarkDown一直发不出去,无奈只好选择MarkDown,确实很麻烦,
  不过幸运的是,markdown的基本语法虽然不支持这些样式,但markdown支持HTML的语法,这就意味着markdown能够借助HTML实现功能扩展。就在我满怀心喜要使用使用我的前端知识来写出一篇样式绚丽的文章时,又发现markdown不支持HTML的style属性,这就意味着几乎所有样式是无法实现了。在我阅读了一些博文和不断尝试后,终于是可以实现基本需求的样式了。
让人不得不想是CSDN搞得鬼,MarkDown第一次弄一篇博客确实复杂,相信熟练了会好很多。

主要参考博客1:http://blog.csdn.net/jinggod/article/details/78241901
主要参考博客2:http://blog.csdn.net/testcs_dn/article/details/45719357/
主要参考博客3:http://www.jianshu.com/p/1e402922ee32/

1、缩进 和 空格
这里的缩进还是得通过空格来实现缩进的,效果就是我这文章的段落首行缩进

  不过幸运的是,....

  :输入一个空格
  :输入一个空格
  :输入两个空格

注意:别忘了分号

2、居中
2.1、方式一: <center>内容</center>
2.2、方式二: <div align=center> 内容 </div>

3、字体颜色、大小、字体类型
使用font标签以及其三个属性,下面代码的效果便是第3个标题

<font color="#0099ff" size=6 face="微软雅黑">3、字体颜色、大小、字体类型</font>
1

size:可能的值:从 1 到 7 的数字。浏览器默认值是 3。

4、图片
这里通过width、height控制图片的大小

<img src="https://img-blog.csdn.net/20171020111308763" width="400" height="400" alt=" 图片不见了。。。 "/>

alt:是图片没有加载成功时,显示的文字

5、背景色
html的标签中暂时发现只有两个标签有 bgcolor 的属性(这个属性可以设置背景色):<body><td>
经验证,<body>标签是不行的,而且这样写也不合理,所以就只有<td>标签了;

<table><tr><td bgcolor="red">红色背景</td></tr></table>

效果:

红色背景

6、空白行
虽然说markdown能回车换行,但是没办法做到n个空白行,而且。换行的办法就比较多了,因为别忘了,markdown是支持HTML标签的:
1. 使用块标签,撑开一行,如p、div

<p></p>
或
<div></div>
  1. 简单点的方法,就直接使用 br 标签
内容1<br/><br/>内容2

效果:
内容1

内容2

7、文章内容的定位
有时候我们在写文章时,想提供读者一个参考。这里使用的便是a标签的锚点定位,既可以跳到本页的某一处,也可以定位到另一个网页的某一处:
1. 在目标处设置一个id;
2. 使用a标签,属性 href =”URL#id”
3. 使用markdown的语法:[文字](#id)

<!-- 这里的ID就是aaa ,截取自本文章的首行-->
<span id="aaa">自从我学习编程开始</span >
<!-- 注意:不添加URL地址,表示跳转到本页的某处。-->
<a href="#aaa">本文的首行</a>
[本文的首行](#aaa)

效果:
本文的首行

最后附上颜色表,可以开始你的表演了。本文底部 ⇓,欢迎讨论

颜色名 十六进制颜色值 颜色
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)
BlanchedAlmond #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)

初次使用MarkDown编辑器相关推荐

  1. 使用Atom快速打造好用的Markdown编辑器

    使用Atom快速打造好用的Markdown编辑器 Atom当前主流的跨平台的三大编辑器(Atom,sublime,vscode)之一 今天尝试了使用Atom来打造Markdown编辑器,快速上手且易用 ...

  2. 为什么选MWeb,iPad上四款Markdown编辑器测评

    大家好,我是夜雨 2020年5月7日,MarginNote社区发布了Markdown插件 近日,我开始学习如何使用Markdown 这里也推荐百度第一个网站菜鸟教程 工欲善其事 必先利其器 我发现在M ...

  3. lisp协议instand_分享|Linux 上 10 个最好的 Markdown 编辑器

    在这篇文章中,我们会点评一些可以在 Linux 上安装使用的最好的 Markdown 编辑器. 你可以在 Linux 平台上找到非常多的 的 Markdown 编辑器,但是在这里我们将尽可能地为您推荐 ...

  4. 在Ubuntu 14.04 64bit上安装Markdown编辑器Remarkble

    目前Markdown已经是非常流行和高效的文档整理和书写工具语言, 我以前接触过, 但是一直没有坚持下来, 这次五一假期期间我强迫自己去熟悉它的语法格式和编辑器, 原来我在Ubuntu 14.04 6 ...

  5. Markdown编辑器使用

    Markdown编辑器使用 欢迎使用Markdown编辑器 新的改变 功能快捷键 合理的创建标题,有助于目录的生成 如何改变文本的样式 插入链接与图片 如何插入一段漂亮的代码片 生成一个适合你的列表 ...

  6. 如何使用Python和Tkinter构建Toy Markdown编辑器

    Markdown editors are trending these days. Everybody is creating a markdown editor, and some of them ...

  7. 使用MarkDown编辑器做出有意思的柱状图(完整代码)

    这是生成的效果 {∣∣∣∣050100基础信用:100+练习情况:61+社区贡献:25+比赛情况:0+获得成就:0+总估值:186\def{\cGreen}{#52C41A} \def{\cOrang ...

  8. markdown编辑器的小建议

    markdown编辑器使用建议 yaung  by 2012.12.1-------- 这里主要说明一下我们在windows和linux下对md文件的编辑方法,为大家提供一点个人建议,如果有更好的选择 ...

  9. mac最好用的markdown_Markdown 语法简明教程 amp; Markdown 编辑器推荐

    什么是 Markdown? Markdown 是一种轻量级的纯文本标记语言,它允许我们 "使用易读易写的纯文本格式编写文档,然后将其转换成具有一定格式的 HTML 文档展示出来". ...

  10. CSDN写作Markdown编辑器中的Python命令帮手

    简 介: 利用Python短程序帮助对CSDN上的Markdown编辑器提供格式化的命令,可以大大提高Markdown编辑器的编写效率.本文给出了CDF的小程序. 关键词: markdown,csdn ...

最新文章

  1. 反向词典_根据描述查找词语
  2. Eclipse.自动提示--编写HTML/CSS/JS/JSP代码时自动提示的解决办法
  3. java 限制日期格式_Java日期格式
  4. Visual C++——加速键
  5. java中的工厂模式_深入理解Java的三种工厂模式
  6. CAN总线技术 | 数据链路层04 - CAN节点状态与错误处理机制
  7. Listary 6 插件开发教程:使用 Javascript 开发
  8. eclipse 语言包下载 中文汉化
  9. 新浪pop服务器无响应,新浪 – Pop's Blog
  10. Nginx 跨域配置
  11. assume用法及意思_assume用法及例句
  12. android 4.4 录屏方法,android 4.4 录屏方法
  13. linux dot命令,linux绘图工具之dot
  14. 炫舞滑板机器人_教程丨自制鬼畜滑板机器人,用纸壳就能做
  15. ITeye4月读书活动之《游戏引擎架构》
  16. MATLAB Symbolic Math Toolbox
  17. 云从的多粒度网络(MGN)的结构设计与技术实现-ReID行人重识别
  18. ACE-NODE: Attentive Co-Evolving Neural Ordinary DifferentialEquations(KDD 2021)
  19. 【论文阅读】PGM-index
  20. jiaozivideoplayer全屏填充模式字幕被裁切掉了的问题解决

热门文章

  1. BZOJ1854: [Scoi2010]游戏(二分图匹配)
  2. maya导入abc动画_带你直观了解三维动画设计
  3. 网易交互设计师微专业C3 规范信息架构与流程设计
  4. 进销存小程序(一)项目整体功能和设计
  5. springboot+redis实现文章浏览量记录
  6. 十年磨一剑——一夜成名背后是十年的努力
  7. TypeScript 的类型检查和类型保护
  8. java图片文字识别_java初探Tess4j识别图片文字
  9. c语言编程软件v,c语言编程工具mytc下载
  10. 游戏建模教程:肌肉建模丨人体比例及肌肉骨骼介绍