失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > markdown的文章样式:字体 颜色 大小 背景色 图片 缩进

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

时间:2023-03-12 21:43:47

相关推荐

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="/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>

简单点的方法,就直接使用 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)

效果:

本文的首行

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

如果觉得《markdown的文章样式:字体 颜色 大小 背景色 图片 缩进》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。