写一篇漂亮的CSDN-markdown

时间:2022-07-09 06:50:04

前言

说起CSDN-markdown,真是非常的简洁(简单)啊。用马克飞象-markdown写完之后,再来粘贴到CSDN-markdown,我流泪了。

作为一个外貌主义者,我还是喜欢漂亮的页面,最好是能有一些和读者的互动。和读者的互动…就不说了,这个,目前(2016年4月17日)应该…可能…做不到。但是写一篇漂亮的markdown博文,哎哟,还是可以的。


内容

提要

@示例笔记 CSDN 帮助 Markdown

上面是用CSDN-markdown写的提要样式,下面是马克飞象写的提要样式。
写一篇漂亮的CSDN-markdown
不同的是马克飞象-markdown直接提供了快捷的方式,而CSDN是没有的。那我是怎么做到的呢?
先看看我写的代码

<table> <tr>
<td bgcolor="#4F4F4F" width="100"><font color="#F0F0F0">示例笔记</font></td><td bgcolor="#ADADAD" width="100"><font color="#F0F0F0">CSDN</font></td><td bgcolor="#ADADAD" width="100"><font color="#F0F0F0">帮助</font></td><td bgcolor="#ADADAD" width="100"><font color="#F0F0F0" >Markdown</font></td>
<tr></table>

看到这,你也许可能会吃惊吧。如果你是一个前端工程师,而且脑子有比较灵光的,这时候,你可能是准备上天的姿势了。

你可能会误以为,HTML的样式都可以用到CSDN-markdown了吧,但是悲剧的是,并不!

CSDN-markdown把style 和谐了,而且经过一定尝试之后,我发现 div 也被和谐了。/*如果我说错了,请留言通知我哈*/ 嘿嘿,难过吧。

字体

CSDN所提供的字体、字号、颜色是非常有限的,如果你没有动动脑筋,可能,CSDN就不能成为一个展示你性格的地方了,就只是一个发布文字的平台。


所以 要这么 干!!!


我还要这么干!

哎哟,是不是有点意思了?来看看我的代码吧。

<font color=#46A3FF size=4 face="微软雅黑">所以</font><font color=#80FFFF size=6 face="微软雅黑"></font><font color=#00E3E3 size=5 face="微软雅黑">要这么</font><font color= #003E3E size=7 face="微软雅黑">干!!!</font>

<font color=#FF2D2D size=7 face="圆宋">我还要这么干!</font>

前端玩家可能已经看出来了,没错,只是加上了一些内部样式,就有这样的效果。你也可以去尝试一下其他的做法。

图片

CSDN-markdown还有一个很无语的是那就是为什么图片不自动居中对齐的?/*有可能是没有发现,发现的博友请留言,谢谢*/
这样的事,我是很纠结的,毕竟如果我上传的是小图,然后是这样的

写一篇漂亮的CSDN-markdown

    右边缘没对齐,好难受啊。所以,我希望他能这样。

写一篇漂亮的CSDN-markdown

    这样就好一点啦。
写一篇漂亮的CSDN-markdown 姓名:张起灵
状态:开心

怎么样,这样的东西,你觉得是怎么做出来的,答案在后面。

我用 center 标签包住了图片 。

其他

之前搜索CSDN-markdown的高级用法,一下子就出了一大堆什么标题怎么写啊、列表怎么写啊、引用怎么写啊…没有半点营养。


写一篇漂亮的CSDN-markdown

拜托,CSDN-markdown不是已经提供了吗?


后言

当然,我写这篇博文,只是提供一些我能搜到和自己的创意做法,并不是反对CSDN-markdown的模式。CSDN-markdown提供简洁的模式,让人编写博文,有利于一个思路的分析和讲解。

但,我还是喜欢漂亮的页面。

图片模块的答案呢?
对着本页面,按着“ctrl+A”,然后回去看,图片模块的最后一句。

是不是很有趣