于是换个颜色吧，搞成灰色，或者自己喜欢的颜色。工具 -> 选项 -> 环境 -> 字体和颜色可以帮助来实现，但是有个简单的方法。

Studio Styles

这是一个发布和共享Visual Studio编辑器样式的网站，可以在这里通过缩略图以及注释获取称心的颜色搭配，看着舒服，才能写出优质的代码，我觉得是这样。

Studio Styles Website Snap

排在前面的未必是最好的，或许后面的也很不错，只是提交的时间比较晚而已。

© Naono for Tech@Naono, 2011. | 原文链接 | No comment | Email:naonoxp#gmail.com(Replace "#" to "@")
Post tags: Theme, Visual Studio

Feed enhanced by Better Feed from Ozh

Visual Studio是一个灰长强大的编辑器，但是如果用于CSS或者Javascript部分工作的开发工具，真的是在功能和效率上都不是最好的。而一般情况下Web前端的开发人员不需要面对太多的后台代码，所以尝试脱离VS用一种更理想的IDE是一个比较不错的尝试路径，而且在Assist Code For Javascript 或 CSS上，其它的IDE可能比起Visual Studio更有优势。

今天要尝试的工具是Eclipse，具体来说应该是其Eclipse For Javascript

1.安装Eclipse

这里有一点要注意的是，在选择安装Eclispe的时候，32位与64位倒是没有什么问题，但是为了能够正确的安装Aptana的插件，这里选择的Eclipse版本最好不要使用带有Web Tools的版本，否则在安装完Aptana以后会出现在CSS里的提示错误的成为HTML提示的问题，当然，如果不需要使用额外插件的话，可以直接使用Eclipse For Javascript Developer版本，详细的对比信息可以参考Eclispe的版本比较。推荐使用Eclispe Classic，虽然这个版本存在着一些问题，可能比较起来不如其它定制版本使用起来方便。

Eclipse官方网站

2.安装Aptana Studio 3.0 For Eclsipe Plugin

这个插件是一个非常强大的前端开发IDE，3.0版本发布后，反响很强烈，非常受推崇，不过具体使用起来如何应该还是看个人习惯，具体细节问题请到官方直接查询。

官方的安装方法如下：

Installing via Eclipse

Please copy the following Update Site URL to your clipboard and then follow the steps listed below to add this URL to your Available Software Sites list. Attempting to access this URL using your web browser will return an Access Denied error.

http://download.aptana.com/studio3/plugin/install

1. From the Help menu, select Install New Software… to open the Install New Software dialog.
2. Paste the URL for the update site into the Work With text box, and hit the Enter (or Return) key.
3. In the populated table below, check the box next to the name of the plug-in, and then click the Next button.
4. Click the Next button to go to the license page.
5. Choose the option to accept the terms of the license agreement, and click the Finish button.
6. You may need to restart Eclipse to continue.

安装方法不难，使用的是Eclipse通用的插件安装方法，不再赘述。因为这个插件是带有Ruby支持的，所以如果需要使用的话，还需要配置Ruby的支持环境，这个可以参考相关文章，Linux下的配置问题可以参考我的另一篇关于Linux下配置Ruby开发环境的文章。

Aptana官方网站

3.安装Eclipse For Microsoft Team Foundation Server的支持（用于微软下的源代码管理）

这个可以支持Eclipse访问TFS的插件在微软的产品叫做Microsoft Visual Studio Team Explorer Everywhere 2010。

下载完成后使用的是Eclispe的离线插件安装模式。具体安装方法可以参考下载页面中的InstallTEE.htm中的安装方法，搬运如下：

1. Open Eclipse.

   Note
   These installation instructions assume that you have Eclipse 3.5. On other versions of Eclipse, the steps might have different menu items, but the process is the same.

    

2. On the Help menu, click Install New Software.The Install dialog box appears.
3. Click Add.The Add Site dialog box appears.
4. In Name, type Local Team Explorer plug-in archive.
5. Click Archive.
6. Specify the location of the archive file on the product media of this procedure and click Open.You can find the archive file TFSEclipsePlugin-UpdateSiteArchive-10.0.0zip in the \PluginForEclipse folder on the product media.

   You can also download the archive file from the following page on the Microsoft Web site: Microsoft Download Center.

7. Click OK.
8. In the list of features in the Install dialog box, select the check box that corresponds to Team Explorer Everywhere.
9. Click Next two times.
10. Accept the Microsoft Software License Terms, and then click Next.
11. Select the Use a full-featured trial version of Microsoft Visual Studio Team Explorer Everywhere check box, and then click Finish.You must restart Eclipse when prompted.

序列号：7W3RJ-4WX3R-BV8JM-FC8P7-3W7QX

另：序列号的有效范围给我的感觉是跟你使用的Eclispe Workspace有关系，当Workspace变更时，会提示重新输入序列号。顺道鄙视一下连这个都要收费的微软……

Microsoft Visual Studio Team Explorer Everywhere 2010微软官方下载地址

题外话：

TFS在Visual Studio和Eclipse中的对比

关于在Eclipse中访问现有.Net Solution的问题，因为在Eclipse中不会识别.Net的项目结构，因此，在Eclipse中，呈现出来的项目结构应该是纯文件夹的，但是你可以不变更原始的结构，这样可以在VS和Eclipse中都能够正常的访问。其实可以费点儿劲，在Eclipse中也建立正常的网站结构，然后使两个IDE的配置文件共存，不会冲突。不过静态文件本身其实就是文件夹，也不需要什么项目结构支持，所以，我觉得其实都是无所谓的。

还有一点：在同一TFS中，在VS中和Eclipse中的同步状态不是很及时，因此，建议在签入签出的时候不要跨平台操作文件。否则可能需要重启IDE解决同步问题。

© Naono for Tech@Naono, 2011. | 原文链接 | No comment | Email:naonoxp#gmail.com(Replace "#" to "@")
Post tags: Eclipse, TFS

Feed enhanced by Better Feed from Ozh

所谓简单的环境，就是能用默认的就用默认的。

首先假设你所使用的Linux系统环境正常，然后开始进行环境的搭建：

这里有一个工具有必要介绍一下，所谓的RVM: Ruby Version Manager，是一个可以让你在同一系统中安装各种版本的Ruby并且方便切换的软件。虽然我暂时不知道Ruby开发中切换版本的需求有多大，但选择这种方法还是一种比较好的选择。

因为我具体也不太懂Linux，所以很多命令都是在尝试成功之后直接贴上了。

1.准备环境

这一步是必须的，安装了核心的东西，另外zlib1g这个东西如果前期不安装的话后期是会很麻烦的（我已经将顺序进行了调整，因此很多问题已经尽量的避免了），xxxx-dev的包也是必须安装的，这也是后期出问题的一个关键点。

这一步是为了安装RVM而准备的。

2.安装RVM

安装过程命令行有详细的提示。安装完毕后，可以根据以下这个命令看一下是否安装成功：

如果有类似与版本提示相关而非报错，说明安装成功。如果这里说RVM不是一个命令，最简单的办法是关闭命令行重新打开一个再试。这里又另外一种不用关闭命令行的方法，直接搬运了，需要的可以看一下。

3.安装Ruby

首先安装Ruby的先决条件。

这里假设安装的版本是1.9.2，安装命令非常简单，安装完成后，需要设置默认的Ruby版本如下：

这个时候可以执行：

查看当前Ruby的版本，方法同上，碰到检测不到的时候先关闭命令窗口再重新打开。

4.安装Rails

这个过程安装的应该是当前最新的稳定Rails，版本号现在已经是3.0+最高(11.07.19)。安装命令如下：

这里是不需要获取管理员权限再执行的，因为据说如果加了sudo的话那么以后这个只能给管理员本人用了，对个人开发者来说意义不大，酌情处理吧。这个时候如果没有正确的执行安装，有可能会报一个找不到zlib之类的错误，恭喜，你开始的准备工作做的不好，请退回到文章开始重新再来一边。如果这时候安装完毕并且看上去是成功了的，那么一样可以通过：

这里可以分别看到Rails和负责安装的Gem的版本，如果读取异常，可以关闭命令行重新打开。操作方式完全同上面的查看版本验证方式。

5.验证RoR安装以及问题的解决。

具体的Rails实现就去看技术吧，这里要做的是简单的创建一个项目看看项目是否能正常的运转，这样就算是达到了这个简单开发环境搭建的目的。

创建一个测试项目，假设名称为demo

由于我买的书讲解的是RoR 2.x，所以这里的确让我碰到了一个问题，在2.x中，创建新项目的方式一般为rails 项目名称，而在3.x中变更为了rails new 项目名称。这是一个改变。

bundle install这个可以理解为自动的更新了一些项目运转所需要的程序和文件，在执行bundle install的时候，如果你是按照上面所说的方法安装的，应该会碰到提示sqlite3未正常运转的错误了，因为Rails默认数据库是sqlite，因此需要安装相关的支持：

接下来是启动服务器以发布网站查看，在执行rails server的时候（这句其实可以缩写为rails s），应该会报另外一个错，是关于openssl的，这个的安装可能会比较麻烦一些：

这个时候还不行，需要执行另一步操作，由于是使用RVM安装的Ruby，因此需要先定位到Ruby的安装目录，这个目录可以使用类似下面的命令进入：

这个时候应该是能够正常的通过了，我的测试环境是Ubuntu 11 64bit，其实在Ubuntu上发现某个包没有安装是件很简单的事情，一般情况下直接在命令行里敲上这个包的名字会自动提示你是否安装，并且提示命令，对于新手来说的确是福音。其它的系统因为安装获取方式不一样，不好多说，实在不行就Google一下吧。

剩下的就是体验RoR了，祝大家好运。
另：目前英文版的《Web开发敏捷之道 第四版 （Agile Web Development with Rails, Forth Edition》在亚马逊已经有售。

Agile Web Development with Rails

© Naono for Tech@Naono, 2011. | 原文链接 | No comment | Email:naonoxp#gmail.com(Replace "#" to "@")
Post tags: Ruby环境

Feed enhanced by Better Feed from Ozh

大部分稍微有一点强迫症的人（比如我）都喜欢把这个分区直接干掉，至少重新分区，因为DELL的设备出厂的时候如果不做特别的要求应该是只有一个C盘，无论你的硬盘是1T还是更高，这个基本上不太利于正常的使用（系统崩溃或恢复的时候系统盘的数据是很难保证的）。

Windows 7下面的分区工具推荐大家使用：Home版的Magic Partition Manager Software。如果不能满足需求，那么找找Crack吧，你懂的。

Dell Backup and Recovery Manager的最高版本我找到的只有1.3，而且这个东西现在貌似被一个叫做Dell DataSafe的东西取代了。

由于我在后来重新安装了系统，某天又突然想使用出厂的系统了，于是我尝试使用Dell DataSafe来还原，结果在Windows里我可以找到我出厂的还原点，并且软件提示我重启后可以进行还原，但是重启后却找不到备份文件，其实那个分区一直都在，后来证实数据也是可用的。至于原因搜了一下，有说是因为Recovery中记载着这个分区的信息等，我尝试更改盘符，也是无效的，还把我的D盘给搞丢了（可能是误操作）。于是搜了一下，发现Dell Backup and Recovery Manager貌似可以进行还原。但是我预装软件里没有，DELL的官方也没有搜到，在Google搜了半天，找到了一个名为DELL_BACKUP—RECOVERY-MANAG_A00_R270961的驱动程序，下载下来也找不到原备份，因为这是个1.1版本的，于是我开始尝试搜索R270962, R270963, R270964…R270964到了Windows 7 64bit的适用范围，于是果断下载，安装后还真是直接就找到了原来的备份。

Dell DataSafe从用户体验和功能上的确比Dell Backup and Recovery Manager要更好一些，但是后者的很多功能都是高级版才能使用的，预装的应该都是基础版本。

在这里提醒各位拿到DELL产品希望重新做系统的，为了导致以后想用出厂系统的时候不至于很麻烦，建议在重新安装系统或是删除隐藏的Recovery分区前先把出厂系统备份到光盘或其它设备上。找客服不知道能否做到恢复系统或邮寄系统光盘，所以，几千上万的机器买了，也就别在乎那一两块的一张DVD空盘了。

下载Dell Backup and Recovery Manager 1.3 for Windows 7 64bit

© Naono for Tech@Naono, 2011. | 原文链接 | No comment | Email:naonoxp#gmail.com(Replace "#" to "@")
Post tags: DELL, Recovery

Feed enhanced by Better Feed from Ozh

或者

这时候应该会得到类似下图的结果：

netsh查询网络对应Idx

上图中的Idx为10的本地连接是我机器的链接，Idx为1的可以忽视，剩下两个是我VMware虚拟机的条目，现在设置本地连接，设置的前提是要知道你的网关对应的Mac地址是多少，可以简单的通过命令

来查看对应网段上网关的Mac地址（物理地址），一般为该段最后一位.1所对应的值

arp -a查询网关Mac地址，未被ARP攻击的情况下

如果此时已经被ARP攻击了，那么这个地址可能要找网站管理员获取了。
取得这些基本资料以后，可以手动绑定了。

比如我的操作大概就是

这样再使用arp -a查询的时候就有了，不过如果这个时候使用了arp -d，而此时又受到ARP攻击的时候，这个绑定会失效，重新运行绑定语句以后会提示对象已存在。这个无所谓，可以不管。
另：netshow是个功能很丰富的东西，不仅仅只是常用的绑定Mac地址，比如更换IP地址，我们可以这么写：

也可以在命令行中先输入netsh，然后逐步输入操作
或者将配置存于某.txt文件中，然后调用命令

上面的＞为>

更多netsh的用法可以参考Windows系统帮助。

PS:说到这个命令，我想起了一句诗……netsh:如何让你记得我？在你ARP的时候 = =#

© Naono for Tech@Naono, 2011. | 原文链接 | No comment | Email:naonoxp#gmail.com(Replace "#" to "@")
Post tags: ARP, netsh

Feed enhanced by Better Feed from Ozh

我使用的是HTC的Desire，又被称作G7（目前我个人比较推荐买G10）。这是一款Android的手机，同样比较常见的还有Windows Mobile的WM系统，Nokia的塞班系统，iPhone的iOS以及黑莓的BlackBerry系统等。这些系统都能够像普通操作系统一样提供一个系统平台来运行各种各样的程序（应用）。我想这也是智能手机与非智能手机的重要区别之一。

作为一个A系统的使用者，需要了解很多事情以更好的使用智能机。

Rom

我们可以把Rom比作是一张操作系统的光盘，Rom有很多种，就好比是有Windows各版本和Linux各版本一样。智能手机其实可以很形象的比作是一台台式机电脑，它提供的仅仅是硬件。因此，购买智能手机的很重要一点是要看机器的配置，比如屏幕的大小，CPU的快慢以及其它参数等。此外就是要看这款手机能使用什么样的系统。一般情况下手机只能使用一种操作系统的Rom，但有时候通过一些办法也可以让原本是A系统的机器刷入B系统的ROM。

Radio

如果ROM可以比作是操作系统的安装文件，那么Raido就可以比作是只能手机的驱动了，其实Rom是调节智能手机手机功能相关硬件的配置，我是这么感觉的，很多Rom的发布都需要跟进说明适用于或者推荐使用哪个版本的Radio。

内存容量/RAM

我觉得其实用电脑的人容易把这两点混淆，在电脑中，内存和RAM可以理解为一回事，而手机里却把这两个概念分离的出来。继续打比喻，如果说台式机有硬盘和内存的话，那手机的内存指的相当于是台式机的硬盘，而RAM指的则是相当于台式机的内容。这其实是很好理解的，比如iPhone，一般说的8G版本，16G版本说的是手机的内存，因此这个数可能很大，RAM只是在手机运行某程序的时候才用的到，手机在执行任意程序前把数据从内存中复制到RAM中 ，原理同台式机，因此，RAM影响的是手机的运行速度，而内存往往限制一部手机大约能安多少软件，放多少音乐等。手机可以扩展容量，那个扩展的同样是手机的内存，RAM一般是不会被扩展的。

Root

其实Android操作系统来源于Linux，因此A系统里的使用者是有不同的权限的，一般情况下，每个手机用户的权限仅仅在于正常的使用系统对外公开的功能，如电话，短信等。如果要更新手机的系统，那么可能需要高一些的权限，因为这可能需要操作一些系统文件。想要更改的文件越多，那么要求的权限也就越高。手机里的系统其实有两部分，一部分就是ROM里的各版本操作系统，另一部分就是控制用户操作刷ROM等的集成系统。经常所说的ROOT指的其实是如何让普通的手机用户获得更改系统文件的权限。变砖的原理，应该也就是在高权限的操作下破坏掉了另一部分集成的系统。因此经常会有人提示刷机谨慎等。

总的来说，智能手机能做很多事情，可以在手机对应的系统市场里找到各种各样的软件。因此，买智能机不需要考虑机器带有什么软件，只需要明白机器支持的硬件能力，比如GPS等，而至于想要实现什么功能，只要机器能够提供相应的硬件支持，一般都可以找到对应的软件来实现。很有可能同样的两部手机看上去里面的程序和样子完全不一样，那都是有可能的，再打个比喻，就好比是两台同样的电脑不同的人使用是一样的。

© Naono for Tech@Naono, 2011. | 原文链接 | No comment | Email:naonoxp#gmail.com(Replace "#" to "@")
Post tags: G7, HTC Desire, 手机

Feed enhanced by Better Feed from Ozh

公司的某项目如下：

1. 访问量短时间内较大；
2. 用户浏览器必须友好兼容IE 6 7 8；
3. 页面较多，但有正在使用的一系列框架
4. 页面基本上使用了异步加载，几乎不刷新；

于是我打算使用更多的HTML 5和CSS 3.

我把页面结构使用了HTML 5重写，并且使用了新标签，包括header footer nav section article aside等，另外把CSS的重置加入了HTML 5的元素，在页面文档中，代码量其实是比原来略有下降的，这对于减少页面大小有一定的帮助。

然后我使用了HTML5关于低版本IE的Fix，使老版本的IE浏览器能够正确的识别出HTML 5的标签。（详细说明请看http://code.google.com/p/html5shiv/)一切都没有问题

由于以前的CSS框架可能会受新标签的影响，部分样式要调整（我写的样式里大概是因为ID使用过多，因此导致更改的地方很多），但是整体上看来并不是推倒性的，而是将框架扩展，添加对新标签的辨识。

因为使用了异步加载，这里开始出现问题了。由于是异步加载，因此在主页面加载完毕执行异步加载的时候，HTML 5的标签就不被低版本浏览器所识别了。目前倒是有一些解决方案，如HTML 5 innerShiv或者Ajax HTML5 In IE

不过最终我耸了，我把页面的Doctype改为了HTML 5，但新标签我都去掉了，不过，已经更改过的CSS框架等没有什么影响，其原因很简单：

第一，我对自己的Javascript水平不是很有信心，我并没有（或者说没有时间）去深入的了解一些关于HTML 5的Hack机制，由于页面上用到的脚本很多，我比较担心的是项目做到中后期由于脚本间的冲突而不得不改变其中的某一项设计甚至某几项设计；

第二，异步加载对于标签的输出顺序有严格的要求，而诸多Hack我认为基本都是自动调用的，因此会在异步加载中实效，而至于上文提到的两种解决方案也基本都是在输出异步加载内容前对输出的内容进行再一次的加工，使这部分输出的内容经过整理能够被低级别浏览器所识别；不过由于HTML 5的特性用的人还是要少一些，因此免不了很多问题会不断的暴露出来，如果脚本的水平比较高的话我倒是蛮希望继续研究下去的；

第三，CSS3的应用到页面上来说对于低版本的IE浏览器有一个“降低体验”的代价，有时候的一些应用是无所谓的，比如按钮的选中效果是否加阴影，此类细节问题没有太多的用户会关心，但有些时候比如页面的圆角，如果使用CSS 3的话就要考虑用户的感受了，毕竟如果同时对比这两个页面的话，差别还是很大的。使用CSS 3，要么用户群体中低版本的IE浏览器占比例不多，要不然就是用户界面上的纯美工元素要求并不高，否则的话建议还是老老实实的把图切出来为好。

© Naono for Tech@Naono, 2011. | 原文链接 | No comment | Email:naonoxp#gmail.com(Replace "#" to "@")
Post tags: CSS3, HTML5

Feed enhanced by Better Feed from Ozh

在默认的情况下，Ubuntu不能直接播放MP​​3，DVD，Flash等格式文件。因此安装完Ubuntu后要首先安装相关解码应用，在终端（快捷键 Ctrl – Alt – T）中：

执行该命令后，程序在后台运行，上述命令可以安装以下软件：

MP3、DVD解码
微软字体
Java
Flash 播放器等

或者在程序菜单里，打开Ubuntu软件中心，然后搜索“ Ubuntu restricted extras”并安装。

另：我在上面的CodeColor插件中使用的是lang=”apt_sources”，不知是否正确，请知道的朋友告诉一下。

© Naono for Tech@Naono, 2011. | 原文链接 | 2 comments | Email:naonoxp#gmail.com(Replace "#" to "@")
Post tags: Ubuntu

Feed enhanced by Better Feed from Ozh

根据微软已经发布的Visual Studio 2010 SP1 Beta（目前只有英文版和日文版），微软将会在SP1中支持HTML5和CSS3，但是如果你的VS是中文版或者其它版本的，那么有可能安装这个SP1的测试版是很有困难的，况且，假设你仅仅是用来做做试验，或者为了保证与你现在的开发项目不冲突，那么最好的办法就是不升级，找一个其它的方法。

在Visual Studio中，对于任何一个标准的支持，比如CSS2.1,CSS3,XHTML,HTML5，其实都是根据一个Intellisense Schema的文件来实现的，这类文件里对应了相应的标准，因此在编辑器中会关联出相关的信息。所以，想要Visual Studio支持新的标准，只要找到这两个Intellisense Schema就可以。

关于Intellisense Schema具体翻译过来是什么，我暂时没有去找，有知道的朋友可以告诉我一下。

微软已经在很早就支持了，不过存在一些问题，因为这些东西的版本一般都是针对英文版的Visual Studio，所以在中文版本或者其它版本里安装后，有可能遇到路径的问题。如果用过MVC Beta英文版的朋友应该会知道安装完了MVC3的工具后需要手动拷贝几个文件，原理其实是一样的。

微软在Visual Studio 2010里有了插件管理这一项，我们可以在这里找到许多比较实用的插件，对于支持HTML 5和CSS 3的Intellisense Schema，我们也要在这里找到。

• HTML 5 Intellisense Schema

这里下载HTML 5 Intellisense Schema

安装完成后，这个时候打开Visual Studio的时候是不行的，因为路径有一些问题。这里需要做一下处理。

安装完成后，无论你的Visual Studio安装在了什么路径上，你应该都可以在

C:\Program Files (x86)\Microsoft Visual Studio 10.0\Common7\Packages\Schemas\Html

下找到一个名为html_5.xsd的文件（如果是32bit操作系统就没有x86），这个xsd文件就是支持HTML 5很关键的Intellisense Schema文件。把这个文件拷贝到你的Visual Studio目录下的

%Microsoft Visual Studio 10.0%\Common7\Packages\schemas\html

下，你会发现这个目录下已经有很多类似文件。这时重启IDE，选择页面的标准为HTML5就会发现已经是HTML5的标准了。

• CSS 3 Intellisense Schema

这里下载CSS 3 Intellisense Schema

同HTML5一样，CSS3也需要做一点儿小工作。

安装完成后，可以在

C:\Program Files (x86)\Microsoft Visual Studio 10.0\Common7\Packages\1033\schemas\CSS

下找到一个名为css30.xml的文件（如果是32bit操作系统就没有x86），这个文件是支持CSS 3的关键，把这个文件拷贝到你的Visual Studio目录下的

%Microsoft Visual Studio 10.0%\Common7\Packages\2052\schemas\CSS

下，重启IDE，这个时候才可以真正在编辑器里支持CSS 3。

PS：以上这两个Intellisense Schema文件的配置路径是不相同的，而且文件格式也是不相同的，拷贝的时候需要注意。另外说明一下，在CSS 3的支持路径中，原地址是1033目录，需要拷贝到的目录是2052目录，在中文版里可能会有1033目录同时存在，这时候不要拷贝错了。1033代表的应该是英文版的VS编号，而2052是中文的专门目录。

Visual Studio 2010支持HTML 5后

期待Visual Studio 2010 SP1的正式版本能够尽快发布。

doubanclaimd638a40738352ad7

© Naono for Tech@Naono, 2011. | 原文链接 | One comment | Email:naonoxp#gmail.com(Replace "#" to "@")
Post tags: CSS 3, HTML 5, Visual Studio

Feed enhanced by Better Feed from Ozh

Google API 和开发者产品元素表

分类以及产品罗列都相当清晰，而且看地址而言会不停的跟进更新，相信收藏这个地址：http://code.google.com/intl/zh-CN/more/table/会是一件很有帮助的事情。

© Naono for Tech@Naono, 2011. | 原文链接 | No comment | Email:naonoxp#gmail.com(Replace "#" to "@")
Post tags: Google

Feed enhanced by Better Feed from Ozh

WordPress代码高亮插件的一个介绍地址：

http://wordpressplanet.com/plugins/10-wordpress-code-editor-plugin.xhtml

1 2

// For discussion and comments, see: http://remysharp.com/2009/01/07/html5-enabling-script/ (function(){if(!/*@cc_on!@*/0)return;var e = "abbr,article,aside,audio,canvas,datalist,details,figure,figcaption,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,summary,time,video".split(','),i=e.length;while(i--){document.createElement(e[i])}})()

• Plugin based on GeSHi library, which supports most languages. CodeColorer has various nice features:
• syntax highlighting in RSS feeds
• syntax highlighting of single line of code (inline)
• syntax highlighting of code in comments
• line numbers
• automatic links to the documentation inserting
• code block intelligent scroll detection (short code would have short block, for long one block height would be fixed and scrollbar would appear)
• predefined color themes (Slush & Poppies, Blackboard, Dawn, Mac Classic, Twitlight, Vibrant Ink)
• syntax colors customization in CSS file
• code protect from mangling by WordPress (for example, quotes, double-dashes, etc would look just right as you entered)

1	background-color { color:#ff0000; }

© Naono for Tech@Naono, 2011. | 原文链接 | One comment | Email:naonoxp#gmail.com(Replace "#" to "@")
Post tags: 测试

Feed enhanced by Better Feed from Ozh