TIP : 如何在CSDN Blog展示你的代码

好多朋友都有在Blog中展示自己写的代码,但发表后样子很难看(别仍我XXX)。本来在IDE或文本编辑器中缩进很好看的代码,贴出来就变了样子。下面是一个小小的技巧,希望对大家有用。

1、CSDN Blog的编辑器用的是fckedior,一个开源的可视化HTML编辑器,功能强大。但有点太强大了,从IDE中粘贴过来的代码自动将空格转换成"&nbsp;",将回车转换成"<br>"。而在正常网页状态下,并不是我们想要的样式。

2、解决方法很简单,点击工具栏上的“源代码”,你就可以直接编辑HTML的源代码了。输入标记<pre></pre>,然后在标记中间粘贴你的代码。OK了。

3、需要说明一点,CSDN Blog的有些风格的CSS里没有对PRE设置样式,缺省是用Courier New字体,这个字体有些问题,如果有汉字和英文混排的行,可能会对不齐。

解决方法是自己设置一下样式,在写BLOG后台的“配置”的“公告”里输入样式,如下图所示。(自定义CSS样式不起作用,不知为何)

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值