新浪博客对代码的支持功能不尽完美,或者说一点都不好,可是对于一个追求完美的技术痴而言,代码不能够完美的显示,心里总有那么一些不爽,那么如何在新浪中显示那些带颜色的代码呢?经过探究,可以如下设置:

 
 
为了将代码与正文分开,我们可以在写博客的时候,点击左下角的显示源代码选项,进入源代码编辑界面,然后
插入一个div作为盛放代码的容器,我的设置非常简单,如下:
--------------------------------------------------------------------------------------------------
<br />
<div style="background-color: #669;">
The place to  place your codes......
</div>
<br/>
--------------------------------------------------------------------------------------------------
 
效果如下:
 
The place to place your codes......
【注意这里的文字不能少,你可以随便先填写上一些,然后在粘贴代码的时候删去。】
至于背景色完全取决于与你代码颜色的搭配。
 
然后我们可以找一个书写代码的编辑器,比如说eclipse等,在里面书写代码可以自动高亮。
 
加入我们书写完了代码,接下来,打开Word,然后将书写好的代码复制粘贴到Word中,你会发现,Word中的代码是高亮的。由于复制的代码没有行号,这时候,我们可以借助Word的编号功能,然后为每一行代码进行编号(当然你也可以不用编号),不过这里有一点需要注意,必须先手动为第一行代码编号,然后选中其余行,再用Word的编号功能进行编号。这一步稍微拐了一个弯,就属于Word排版的只是了,如果不清楚就自己摸索一下,在这里就不再说了。
 
接下来,在我们已经建立好的div盒子中,我们多敲击几次回车键,把div盒子扩大一些(以防止代码溢出),然后从Word中复制代码进行粘贴,效果如下:

可是这种情况下,仍然会出现div盒子分裂的情况,这是候,我们可以将鼠标指针放到没有代码的盒子中,然后删除掉分裂的div盒子,然而又有麻烦来了,那就是你会发现鼠标的光标在第一个div盒子中出不来了,没有关系,可以解决掉的。你点解右下方的【显示源代码】,然后进入代码编辑界面,你在界面的最下方填上以下代码:

 
 
<br/><br/>br/>
 
 
然后在返回,看看,是不是跳出盒子了?
 
附:如果你只是写一行或者说代码行数很少,那么你只要一行一行将eclipse里的代码复制到Word中然后直接再复制到博客上就可以了(不用放在div盒子里),代码会自动连eclipse里的背景色一起拾起。
 
如果有疑问,我很乐意回答,我的邮箱是1993zzo@163.com

新浪博客如何显示高亮代码,DIY的更多相关文章

  1. MWeb 1.3.7 发布!增加发布到 Wordpress 等支持 MetaWeblog API 的服务,如:Wordpress 博客、新浪博客、cnblogs、oschina。

    MWeb 1.3.7 版的新功能 增加发布到 Wordpress 等支持 Metaweblog API 的服务,目前经测试过的有: Wordpress 博客.新浪博客.cnblogs.oschina. ...

  2. python网络爬虫 新浪博客篇

    上次写了一个爬世纪佳缘的爬虫之后,今天再接再厉又写了一个新浪博客的爬虫.写完之后,我想了一会儿,要不要在博客园里面写个帖子记录一下,因为我觉得这份代码的含金量确实太低,有点炒冷饭的嫌疑,就是把上次的代 ...

  3. 用python2.7,采集新浪博客

    #coding=utf-8 #新浪博客 import urllib import re import os url=['']*1500 #每一骗博客的地址 title=['']*1500 #每一篇博客 ...

  4. Qt控制台和带窗口的区别_mickelfeng_新浪博客

    Qt控制台和带窗口的区别_mickelfeng_新浪博客     t控制台和带窗口的区别    (2012-04-30 10:50:53)    标签:    杂谈        分类: C/C    ...

  5. boost/lexical_cast.hpp的简单使用方法_行动_新浪博客

    boost/lexical_cast.hpp的简单使用方法_行动_新浪博客     boost/lexical_cast.hpp的简单使用方法    (2010-03-19 16:31:13)    ...

  6. python datetime模块strptime/strptime format常见格式命令_施罗德_新浪博客

    python datetime模块strptime/strptime format常见格式命令_施罗德_新浪博客     python datetime模块strptime/strptime form ...

  7. Nginx分时段限制下载速度解决方案(原创)_于堡舰_新浪博客

    Nginx分时段限制下载速度解决方案(原创)_于堡舰_新浪博客 Nginx分时段限制下载速度解决方案(原创)    (2011-03-02 16:40:49)    转载▼    标签:    ngi ...

  8. Javascript Jquery 中的数组定义与操作_子木玲_新浪博客

    body{ font-family: "Microsoft YaHei UI","Microsoft YaHei",SimSun,"Segoe UI& ...

  9. Word直接发布新浪博客(以Wo…

    原文地址:Word直接发布新浪博客(以Word 2013为例)作者:paulke2011 注意:这篇博客直接由Word 2013发出!这虽然也算是一个教程,但更多的是一个试验品. 老早就知道Word有 ...

随机推荐

  1. nyoj 93 汉诺塔(三)

    点击打开链接 汉诺塔(三) 时间限制:3000 ms  |  内存限制:65535 KB 难度:3 描述 在印度,有这么一个古老的传说:在世界中心贝拿勒斯(在印度北部)的圣庙里,一块黄铜板上插着三根宝 ...

  2. 页面设计--Tree目录树

    Tree目录树控件属性: 根据数据集合来配置相应的信息 加载模式有自动加载.自定加载 web中显示效果图:

  3. 共享有线实现手机上网,然后使用charles来抓包

    问题描述:共享有线实现手机上网(http://support1.lenovo.com.cn/lenovo/wsi/htmls/detail_1323385217890211.html)  [建议] 还 ...

  4. centos6.5网络配置问题:ping不通

    遇到的问题:win7网卡ping不通 win7中的VMnet8信息 centos6.5设置: /etc/sysconfig/network-scripts/ifcfg-eth0 DEVICE=eth0 ...

  5. 002..NET MVC实现自己的TempBag

    原文链接:http://www.dotnetbips.com/articles/bc422c95-02cc-4d05-9c5c-fa89d0e78cc0.aspx 1.前言 本来今天是想发那篇关于在W ...

  6. Flex 日期选择器控件

    在构建用户界面时,经常用到日期的输入和选择. 输入日期时,用户可以使用键盘输入,也可以在类似于日历的弹出式对话框中,通过鼠标单击所选日期. 在Flex中可以通过日期输入控件实现输入和选择日期.Flex ...

  7. the error code is 2203

    权限不够 切换管理员再操作

  8. 实现web页面按比例缩放

    对于web的掌握限于可以看懂别人的代码,并在框架中作相应修改或增加. 今天把另一个项目中的网页源代码粘过来做一个页面,结果问题百出. 首先,同样的代码,放在自己的项目里,页面排版错乱,看了下,引用的w ...

  9. eclipse打开出错 Error: opening registry key 'Software\JavaSoft\Java Runtime Environment'

    eclipse出现注册错误:①在“打开”输入框中输入“regedit”命令,删除注册表的HKEY_LOCAL_MACHINE\SOFTWARE\JavaSoft\  的INSTALLDIR删除. 或者 ...

  10. BG雪碧图制作要求

    使用软件 firework 保存png-8 然后参数如下图: 格式:PNG 8 调色板:最适合 深度:128 透明度:Alpha 透明度