Archive for the ‘ 网络资源/工具 ’ Category

wordpress代码高亮插件：SyntaxHighlighter Evolved下载地址和使用方法

  • 十月 21st, 2009

一直对wordpress自带的代码高亮插件心怀不满，外观不好看也就罢了，编辑的时候出错率忒高，想将就都不行了。昨晚在网上搜罗，找到一款普遍口碑较好的wp插件：SyntaxHighlighter Evolved（作者：Andrew Ozz of Automattic）。

本来很简单的一个事情，却折腾了我整一个小时，原因就是偷懒方法错了。原来互联网上名曰SyntaxHighlighter的插件还真不少。其中有纯javascript插件（用来制作demo不错），也有专为wordpress制作的插件；就这样，我在网上找到了几个教程七拼八凑地实施，先是上传了错误的插件导致安装时报错，后来又用错了调用的方法。惰性啊惰性，不肯耐心花点时间比较和阅读文档而是匆忙地实施，结果花了更多的时间！！！

下面是有关SyntaxHighlighter Evolved的下载链接和安装方法：

下载地址：http://wordpress.org/extend/plugins/syntaxhighlighter/

使用方法：

1.上传插件到 wp-contents/plugins 文件夹并在博客后台启用————确实是废话。

2.在写文章时，在html模式下 使用这样的代码：

使用[language]的形式将需要高亮显示的代码包住，例如：

[sourcecode]code here[/sourcecode]

支持代码的类型可见：http://alexgorbatchev.com/wiki/SyntaxHighlighter:Brushes

3.效果预览

screenshot-1

附：

另外一款口碑很好的代码高亮插件，Google Syntax Highlighter for WordPress

另外一些互联网上比较推荐的代码高亮插件：http://paranimage.com/7-wordpress-syntax-highlight-plugin/

SyntaxHighlighter——五步实现高亮显示代码

  • 七月 11th, 2009

演示地址：http://alexgorbatchev.com/wiki/SyntaxHighlighter:Demo

下载地址：http://alexgorbatchev.com/wiki/SyntaxHighlighter:Download

SyntaxHighlighter是一款用javascript实现web页面高亮显示代码的工具，自带6种色彩样式，也可以自由编辑CSS。支持C#、CSS、C++、Delphi、Java、JavaScript、PHP、Python、Ruby、SQL、Visual Basic、XML / HTML等多种语言，并附带查看源码、复制、打印等功能，非常实用，缺点是比较大哈。

使用方法:

1 下载SyntaxHighlighter压缩包，解压缩后将文件夹重命名为SyntaxHighlighter，并上传到网站根目录下。

2 在网站头部的head里引入两个css文件，分别是：

/SyntaxHighlighter/styles/shCore.css

/SyntaxHighlighter/styles/shThemeDefault.css

其中第一个css文件shCore.css是必须的，shThemeDefault.css是高亮显示代码的默认主题样式，可更改。SyntaxHighlighter提供了6种样式，分别是shThemeDefault.css、shThemeDjango.css、shThemeEmacs.css、shThemeFadeToGrey.css、shThemeMidnight.css、shThemeRDark.css，根据你喜欢的更换即可。

3 在网页的body关闭标签前引入js文件:

<script src="/SyntaxHighlighter/scripts/shCore.js" type="text/javascript"></script>
<script src="/SyntaxHighlighter/scripts/shBrushBash.js" type="text/javascript"></script>
<script src="/SyntaxHighlighter/scripts/shBrushCpp.js" type="text/javascript"></script>
<script src="/SyntaxHighlighter/scripts/shBrushCSharp.js" type="text/javascript"></script>
<script src="/SyntaxHighlighter/scripts/shBrushCss.js" type="text/javascript"></script>
<script src="/SyntaxHighlighter/scripts/shBrushDelphi.js" type="text/javascript"></script>
<script src="/SyntaxHighlighter/scripts/shBrushDiff.js" type="text/javascript"></script>
<script src="/SyntaxHighlighter/scripts/shBrushGroovy.js" type="text/javascript"></script>
<script src="/SyntaxHighlighter/scripts/shBrushJava.js" type="text/javascript"></script>
<script src="/SyntaxHighlighter/scripts/shBrushJScript.js" type="text/javascript"></script>
<script src="/SyntaxHighlighter/scripts/shBrushPerl.js" type="text/javascript"></script>
<script src="/SyntaxHighlighter/scripts/shBrushPhp.js" type="text/javascript"></script>
<script src="/SyntaxHighlighter/scripts/shBrushPlain.js" type="text/javascript"></script>
<script src="/SyntaxHighlighter/scripts/shBrushPython.js" type="text/javascript"></script>
<script src="/SyntaxHighlighter/scripts/shBrushRuby.js" type="text/javascript"></script>
<script src="/SyntaxHighlighter/scripts/shBrushScala.js" type="text/javascript"></script>
<script src="/SyntaxHighlighter/scripts/shBrushSql.js" type="text/javascript"></script>
<script src="/SyntaxHighlighter/scripts/shBrushVb.js" type="text/javascript"></script>
<script src="/SyntaxHighlighter/scripts/shBrushXml.js" type="text/javascript"></script>
<script type="text/javascript">
	SyntaxHighlighter.config.clipboardSwf = '/SyntaxHighlighter/scripts/clipboard.swf';
	SyntaxHighlighter.all();
</script>

不用被这堆东西吓到哈，其中除了shCore.js是必须的，其他几个脚本分别对应不同的编程语言，所以你只需载入你需要的语言脚本就可以了。

4 将需要进行高亮显示的源代码放在pre标签之间，为pre标签加一个class，这个class用来告诉SyntaxHighlighter你希望显示的语言，比如，class=”brush:css”。

其中css是定义编程语言的类型，关于其他类型编程语言的定义方法，详见下表的Brush aliases列：

SyntaxHighlighter

5 保存，刷新，看看效果吧。我自己滴尝试：http://blog.cargoo.net/simpson_drop_shadow_demo.html

部分转载自：http://www.zhangyajun.com/tag/syntaxhighlighter

免费获取SSH全选，享受翻墙的乐趣

  • 七月 10th, 2009

本文将提供一种一劳永逸的翻墙方式（ssh -D），实施之后，那道墙——对你来说——将从此透明。

本文面向的用户：使用Windows作为操作系统并且使用Firefox作为常用浏览器。

第一步：免费获取拥有SSH权限的帐号和密码。

默认的免费获取方式：将本文转载到你自己的博客上，将转载后的文章网址发送到f.ckgfw#gmail.com。

注意：转载前请先确认自己是(或曾是)一名blogger(博客)，否则将会浪费彼此的时间。

转载方式：拷贝文章代码至博客后台HTML编辑器中，直接发布即可，文章标题自拟，可在前后文插入自己的评论。

经过人工审核，你将收到一封附有五个拥有SSH权限的帐号和密码的电子邮件，你可以将它们赠与你信任的人。

更多获取方式将在今后陆续激活，请关注我们的最新更新：https://friendfeed.com/fuckgfw

第二步：配置MyEnTunnel软件

下载并安装MyEnTunnel，该软件全名为My Encrypted Tunnel。

一键下载：https://dl.getdropbox.com/u/873345/download/myentunnel.exe

myentunnel

按照上图将第一步收到的帐号信息填写到相应的地方后，点击save按钮，再点击hide按钮。

第一次连接过程中会出现一个认证对话框，按照提示确认即可。以后的自动连接中将不再出现此认证对话框。

最后点击hide按钮，使对话框隐藏到系统任务栏中。

提示：

为MyEntunnel创建一个快捷方式，将其复制到系统的【启动】（C:\Documents and Settings\当前用户名（需要修改成你自己的）\「开始」菜单\程序\启动）文件夹中，今后开机便可自动启动软件，并自动连接服务器。

tray

绿色代表连接成功且稳定；黄色代表正在连接或重新连接；红色代表连接失败。

第三步：配置Firefox浏览器

假设你正使用Firefox浏览器阅读本文。

一键安装：http://autoproxy.mozdev.org/latest.xpi

xpi-offical

点击立即安装，安装后，重新启动Firefox。然后你会看到如下对话框，选择gfwlist (P.R.China)后，点击确定。

gfwlist

接着你会看到Firefox主界面右上角出现有一个“福”字图案，点击“福”。

fu

点击“代理服务器——编辑代理服务器”。

edit

随即出现如下画面，你会看到如GAppProxy、Tor和Your Freedom这样一系列代理服务器名称。

before

将GAppProxy一栏的参数修改为如下图所示。

after

修改完毕后，点击确定。至此配置已全部就绪。

获取更多帮助，请关注反馈中心：https://friendfeed.com/fuckgfw-feedback

Bernie:"Eat me!"

第四步：支持fuckGFW

  1. 如果您翻墙成功，请大笑一声并用充满磁性地低音说出：Hello, world!
  2. 如果由于线路原因，始终翻墙不成，不要气馁，给我们发Email，咱们一起解决问题。
  3. 假如哪天突然无法正常连接，请先到反馈中心汇报，我们会及时做出反应。
  4. 目前您有如下几种方式及时获取我们的最新动态：FriendFeed | Twitter | Blog。
  5. 保持默契，我们相信您一定可以做到。

版权信息：您可以自由复制、传播、演绎本作品且无需署名、无需注明原始出处。

AXURE各版本注册码

  • 二月 10th, 2009

axure

学Axure RP说了快一年了，每次都学到同一个地方就停止了，这就是没有实践没有需求学东西的坏处。缺少动力，需要恒心。

这次又来了，卷土重来，手头积累的注册码越来越多了。。。

记录一下，以防第N次要学习的时候找不到。。。

以下注册码来自搜索引擎信息，经过测试，没有问题。

Axure RP Pro4.6.2

Name：3ddown
Serial：FiCGEezgdGoYILo8U/2MFyCWj0jZoJc/sziRRj2/ENvtEq+7w1RH97k5MWctqVHA

Axure RP Pro v5.0.0.1529版

Name:www.okeydown.com
Code:Qp+yG6ofc7PIyI6JJY9uZvLg19SZSIDgkK5bgLQL+Jr99KCeidFXRfeiA3zNkn+2

Name：IloveyouAxure
Serial：UChpuxwbDW6eAIaAf9UujEFSBwN3vpEz9snHvlCQVJGQy4p7WrCyKLLvV5QLvqva

Axure RP Pro v5.1.0.1699版

Name：3ddown
Serial：FiCGEezgdGoYILo8U/2MFyCWj0jZoJc/sziRRj2/ENvtEq+7w1RH97k5MWctqVHA

————————–有个交代的分割线————————-
昨天捣鼓了半天，终于做了一个非常简单的线框图出来，虽然是照着公司网站做的而且交互极少，不过总算是踩在Axure的门槛上了。

使IE6和IE7并存的方法

  • 二月 6th, 2009

工作原因，测试浏览器兼容的时候一般至少要有IE的若干个版本和FF。以前试过IETester，效果不是很理想，应该是跟操作系统有关系。后来试过几个IE7的绿化版，还是不稳定，经常报错。今天又想解决这个问题，在网上看到一个不错的方法，稍微复杂了点但是感觉还比较稳定，转载一下：

具体步骤：

1、下载IE7 Standalone 这个工具，本地下载地址：http://files.cnblogs.com/JustinYoung/IE7-Release_yzy.rar

2、解压缩 IE7-Release_yzy.rar 到一个空目录中，例如 d:\ie7green。

3：根据你的系统下载合适你的IE7安装文件:

微软官方下载：Windows Internet Explorer 7 for Windows Server 2003 SP1简体中文正式版Windows Internet Explorer 7 for Windows XP SP2简体中文正式版

4、将 IE7 的安装文件（例如：IE7-WindowsXP-x86-enu.exe）改名为IE7SetupFile.exe保存到 d:\ie7green目录中（关键就是要和 IE7-Release_yzy.rar 解压缩出来的文件保存在同一个目录中）。

ie7green01

5、运行 d:\ie7green 目录中的 IE7 Standalone Setup.bat 批处理程序。这个程序会解压缩 IE7 的安装文件到 Installation 子目录中。

6、运行 d:\ie7green 目录中的 ie7.bat 就可以启动 ie7 了。注意启动的时候会出现一个 dos 窗口，不能关闭这个窗口，15 秒后这个窗口会自动关闭。

ie7green02
 
同时推荐阅读《多IE版本共存的解决方案——IETester（推荐）》

备忘录：Ping中心地址列表 ＋ 死亡贴图

  • 九月 3rd, 2008

http://www.feedsky.com/api/RPC2
http://rpc.technorati.com/rpc/ping
http://rpc.pingomatic.com/
http://blogsearch.google.com/ping/RPC2
http://api.my.yahoo.com/rss/ping
http://www.xianguo.com/xlmrpc/ping.php
http://www.zhuaxia.com/rpc/server.php
http://ping.blog.qikoo.com/rpc2.php
http://blog.iask.com/RPC2
http://api.moreover.com/RPC2
http://api.my.yahoo.com/RPC2
http://bitacoras.net/ping/
http://blog.iask.com/ping.php
http://blogsearch.google.com/ping
http://coreblog.org/ping/
http://ping.amagle.com/
http://ping.bitacoras.com
http://ping.blo.gs/
http://ping.bloggers.jp/rpc/
http://ping.cocolog-nifty.com/xmlrpc
http://ping.myblog.jp
http://ping.rootblog.com/rpc.php
http://ping.syndic8.com/xmlrpc.php
http://ping.weblogalot.com/rpc.php
http://ping.weblogs.se/
http://ping.wordblog.de/
http://pinger.blogflux.com/rpc
http://pingoat.com/goat/RPC2
http://pingomatic.com/
http://rcs.datashed.net/RPC2
http://rpc.blogbuzzmachine.com/RPC2
http://rpc.blogrolling.com/pinger/
http://rpc.britblog.com
http://rpc.newsgator.com/
http://rpc.pingomatic.com/
http://rpc.tailrank.com/feedburner/RPC2
http://rpc.weblogs.com/pingSiteForm
http://rpc.weblogs.com/RPC
http://rpc.weblogs.com/RPC2
http://rpc.wpkeys.com
http://services.newsgator.com/ngws/xmlrpcping.aspx
http://so.blog.qihoo.com/pingblog.html
http://topicexchange.com/RPC2
http://www.a2b.cc/setloc/bp.a2b
http://www.bitacoles.net/ping.php
http://www.blogdigger.com/RPC2
http://www.blogoole.com/ping/
http://www.blogoon.net/ping/
http://www.blogpeople.net/servlet/weblogUpdates
http://www.blogsdominicanos.com/ping/
http://www.blogsnow.com/ping
http://www.blogstreet.com/xrbin/xmlrpc.cgi
http://www.feedping.com
http://www.lasermemory.com/lsrpc/
http://www.newsisfree.com/RPCCloud
http://www.pingoat.com/
http://www.popdex.com/addsite.php
http://www.rssping.com/
http://www.snipsnap.org/RPC2
http://www.syndic8.com/xmlrpc.php
http://www.wasalive.com/ping/
http://www.weblogues.com/RPC/
http://xmlrpc.blogg.de/
http://xping.pubsub.com/ping/
http://bblog.com/ping.php
http://blog.goo.ne.jp/XMLRPC
http://bulkfeeds.net/rpc
http://ping.fakapster.com/rpc
http://ping.feedburner.com/

今天在混乱中看了一个人的blog，受益匪浅。看过国内这么多从事前端架构工作的人，这么深入思考过xhtml本身的人并不多。我想说这其实并不是一个纯理论上的问题，事实上每一个用心在前台工作过的人都会因为xhtml遇到这样那样的问题。有些问题被认为是无奈的，是难以解决的，是需要人为去迁就和处理的。为什么不回到本质去呢，回到xhtml本身去理解它的结构和语意，从中找到更合理的前台工作方式和标准。是的，我们每天都在面临这样的问题，同一个UI没有一个人写的xhtml是完全一样的。有没有可能象他所说的，最理想的境界是前台闭着眼睛都能知道后台输出的是什么样的xhtml结构代码。

探索还远远没有结束，我想我应该更用心去学习。