markdown的文章样式:字体、颜色、大小、背景色、图片、缩进

  自从我学习编程开始,我是一直在用CSDN,但是一直在看大神的博客,这几天才开始写博客,CSDN提供两种编辑方式来写文章。第一种便是xhEditor ;第二种便是markdown。第一种写文章的方式low爆了,作为程序员的我肯定要选一些能够装一下逼的方式。而且,markdown确实是用起来更好用。但也遇到不少的问题 ,如:给字体换个字体类型,大小,颜色、缩进等基本的文章样式,markdown的基本语法根本做不到。
  不过幸运的是,markdown的基本语法虽然不支持这些样式,但markdown支持HTML的语法,这就意味着markdown能够借助HTML实现功能扩展。就在我满怀心喜要使用使用我的前端知识来写出一篇样式绚丽的文章时,又发现markdown不支持HTML的style属性,这就意味着几乎所有样式是无法实现了。在我阅读了一些博文和不断尝试后,终于是可以实现基本需求的样式了。

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

  不过幸运的是,....

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

注意:别忘了分号

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

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

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

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

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

<img src="http://ww2.sinaimg.cn/bmiddle/88070423gw1ep30aw8an7g204d04gkgd.gif" 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)

效果:
本文的首行


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

颜色表
 颜色名中文名称Hex RGB十进制 Decimal 
 LightPink浅粉红#FFB6C1255,182,193 
 Pink粉红#FFC0CB255,192,203 
 Crimson深红(猩红)#DC143C220,20,60 
 LavenderBlush淡紫红#FFF0F5255,240,245 
 PaleVioletRed弱紫罗兰红#DB7093219,112,147 
 HotPink热情的粉红#FF69B4255,105,180 
 DeepPink深粉红#FF1493255,20,147 
 MediumVioletRed中紫罗兰红#C71585199,21,133 
 Orchid暗紫色(兰花紫)#DA70D6218,112,214 
 Thistle蓟色#D8BFD8216,191,216 
 Plum洋李色(李子紫)#DDA0DD221,160,221 
 Violet紫罗兰#EE82EE238,130,238 
 Magenta洋红(玫瑰红)#FF00FF255,0,255 
 Fuchsia紫红(灯笼海棠)#FF00FF255,0,255 
 DarkMagenta深洋红#8B008B139,0,139 
 Purple紫色#800080128,0,128 
 MediumOrchid中兰花紫#BA55D3186,85,211 
 DarkViolet暗紫罗兰#9400D3148,0,211 
 DarkOrchid暗兰花紫#9932CC153,50,204 
 Indigo靛青/紫兰色#4B008275,0,130 
 BlueViolet蓝紫罗兰#8A2BE2138,43,226 
 MediumPurple中紫色#9370DB147,112,219 
 MediumSlateBlue中暗蓝色(中板岩蓝)#7B68EE123,104,238 
 SlateBlue石蓝色(板岩蓝)#6A5ACD106,90,205 
 DarkSlateBlue暗灰蓝色(暗板岩蓝)#483D8B72,61,139 
 Lavender淡紫色(熏衣草淡紫)#E6E6FA230,230,250 
 GhostWhite幽灵白#F8F8FF248,248,255 
 Blue纯蓝#0000FF0,0,255 
 MediumBlue中蓝色#0000CD0,0,205 
 MidnightBlue午夜蓝#19197025,25,112 
 DarkBlue暗蓝色#00008B0,0,139 
 Navy海军蓝#0000800,0,128 
 RoyalBlue皇家蓝/宝蓝#4169E165,105,225 
 CornflowerBlue矢车菊蓝#6495ED100,149,237 
 LightSteelBlue亮钢蓝#B0C4DE176,196,222 
 LightSlateGray亮蓝灰(亮石板灰)#778899119,136,153 
 SlateGray灰石色(石板灰)#708090112,128,144 
 DodgerBlue闪兰色(道奇蓝)#1E90FF30,144,255 
 AliceBlue爱丽丝蓝#F0F8FF240,248,255 
 SteelBlue钢蓝/铁青#4682B470,130,180 
 LightSkyBlue亮天蓝色#87CEFA135,206,250 
 SkyBlue天蓝色#87CEEB135,206,235 
 DeepSkyBlue深天蓝#00BFFF0,191,255 
 LightBlue亮蓝#ADD8E6173,216,230 
 PowderBlue粉蓝色(火药青)#B0E0E6176,224,230 
 CadetBlue军兰色(军服蓝)#5F9EA095,158,160 
 Azure蔚蓝色#F0FFFF240,255,255 
 LightCyan淡青色#E0FFFF224,255,255 
 PaleTurquoise弱绿宝石#AFEEEE175,238,238 
 Cyan青色#00FFFF0,255,255 
 Aqua浅绿色(水色)#00FFFF0,255,255 
 DarkTurquoise暗绿宝石#00CED10,206,209 
 DarkSlateGray暗瓦灰色(暗石板灰)#2F4F4F47,79,79 
 DarkCyan暗青色#008B8B0,139,139 
 Teal水鸭色#0080800,128,128 
 MediumTurquoise中绿宝石#48D1CC72,209,204 
 LightSeaGreen浅海洋绿#20B2AA32,178,170 
 Turquoise绿宝石#40E0D064,224,208 
 Aquamarine宝石碧绿#7FFFD4127,255,212 
 MediumAquamarine中宝石碧绿#66CDAA102,205,170 
 MediumSpringGreen中春绿色#00FA9A0,250,154 
 MintCream薄荷奶油#F5FFFA245,255,250 
 SpringGreen春绿色#00FF7F0,255,127 
 MediumSeaGreen中海洋绿#3CB37160,179,113 
 SeaGreen海洋绿#2E8B5746,139,87 
 Honeydew蜜色(蜜瓜色)#F0FFF0240,255,240 
 LightGreen淡绿色#90EE90144,238,144 
 PaleGreen弱绿色#98FB98152,251,152 
 DarkSeaGreen暗海洋绿#8FBC8F143,188,143 
 LimeGreen闪光深绿#32CD3250,205,50 
 Lime闪光绿#00FF000,255,0 
 ForestGreen森林绿#228B2234,139,34 
 Green纯绿#0080000,128,0 
 DarkGreen暗绿色#0064000,100,0 
 Chartreuse黄绿色(查特酒绿)#7FFF00127,255,0 
 LawnGreen草绿色(草坪绿_#7CFC00124,252,0 
 GreenYellow绿黄色#ADFF2F173,255,47 
 DarkOliveGreen暗橄榄绿#556B2F85,107,47 
 YellowGreen黄绿色#9ACD32154,205,50 
 OliveDrab橄榄褐色#6B8E23107,142,35 
 Beige米色/灰棕色#F5F5DC245,245,220 
 LightGoldenrodYellow亮菊黄#FAFAD2250,250,210 
 Ivory象牙色#FFFFF0255,255,240 
 LightYellow浅黄色#FFFFE0255,255,224 
 Yellow纯黄#FFFF00255,255,0 
 Olive橄榄#808000128,128,0 
 DarkKhaki暗黄褐色(深卡叽布)#BDB76B189,183,107 
 LemonChiffon柠檬绸#FFFACD255,250,205 
 PaleGoldenrod灰菊黄(苍麒麟色)#EEE8AA238,232,170 
 Khaki黄褐色(卡叽布)#F0E68C240,230,140 
 Gold金色#FFD700255,215,0 
 Cornsilk玉米丝色#FFF8DC255,248,220 
 Goldenrod金菊黄#DAA520218,165,32 
 DarkGoldenrod暗金菊黄#B8860B184,134,11 
 FloralWhite花的白色#FFFAF0255,250,240 
 OldLace老花色(旧蕾丝)#FDF5E6253,245,230 
 Wheat浅黄色(小麦色)#F5DEB3245,222,179 
 Moccasin鹿皮色(鹿皮靴)#FFE4B5255,228,181 
 Orange橙色#FFA500255,165,0 
 PapayaWhip番木色(番木瓜)#FFEFD5255,239,213 
 BlanchedAlmond白杏色#FFEBCD255,235,205 
 NavajoWhite纳瓦白(土著白)#FFDEAD255,222,173 
 AntiqueWhite古董白#FAEBD7250,235,215 
 Tan茶色#D2B48C210,180,140 
 BurlyWood硬木色#DEB887222,184,135 
 Bisque陶坯黄#FFE4C4255,228,196 
 DarkOrange深橙色#FF8C00255,140,0 
 Linen亚麻布#FAF0E6250,240,230 
 Peru秘鲁色#CD853F205,133,63 
 PeachPuff桃肉色#FFDAB9255,218,185 
 SandyBrown沙棕色#F4A460244,164,96 
 Chocolate巧克力色#D2691E210,105,30 
 SaddleBrown重褐色(马鞍棕色)#8B4513139,69,19 
 Seashell海贝壳#FFF5EE255,245,238 
 Sienna黄土赭色#A0522D160,82,45 
 LightSalmon浅鲑鱼肉色#FFA07A255,160,122 
 Coral珊瑚#FF7F50255,127,80 
 OrangeRed橙红色#FF4500255,69,0 
 DarkSalmon深鲜肉/鲑鱼色#E9967A233,150,122 
 Tomato番茄红#FF6347255,99,71 
 MistyRose浅玫瑰色(薄雾玫瑰)#FFE4E1255,228,225 
 Salmon鲜肉/鲑鱼色#FA8072250,128,114 
 Snow雪白色#FFFAFA255,250,250 
 LightCoral淡珊瑚色#F08080240,128,128 
 RosyBrown玫瑰棕色#BC8F8F188,143,143 
 IndianRed印度红#CD5C5C205,92,92 
 Red纯红#FF0000255,0,0 
 Brown棕色#A52A2A165,42,42 
 FireBrick火砖色(耐火砖)#B22222178,34,34 
 DarkRed深红色#8B0000139,0,0 
 Maroon栗色#800000128,0,0 
 White纯白#FFFFFF255,255,255 
 WhiteSmoke白烟#F5F5F5245,245,245 
 Gainsboro淡灰色(庚斯博罗灰)#DCDCDC220,220,220 
 LightGrey浅灰色#D3D3D3211,211,211 
 Silver银灰色#C0C0C0192,192,192 
 DarkGray深灰色#A9A9A9169,169,169 
 Gray灰色#808080128,128,128 
 DimGray暗淡的灰色#696969105,105,105 
 Black纯黑#0000000,0,0 

评论 8
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值