之前的做法比较傻，为了让Git和Hg管理同一个目录，通常操作完Hg的push，然后再用Git进行commit然后push，虽然也是能达到版本库同步的目的，但是很繁琐，因为要分别用Hg和Git进行commit和push操作，有时候还会面临merge问题，实在不是一个好方法。

那肯定是有更好的方法咯？当然！有一个Hg的插件叫做Hg-Git正好满足了这样的需求。

什么是Hg-Git

Hg-Git是Mercurial(Hg)的扩展插件，为Hg增加了从Git服务器pull和push到Git服务器的功能。这意味着你可以从Git的服务器上pull代码然后转变成Hg版本库来进行管理，同时意味着你可以同时把你的Hg版本库push到Git服务器。

安装Hg-Git

简单方式

在你的命令行终端里运行easy_install hg-git，然后查看你的~/.hgrc文件里是否有如下几行代码

[extensions]
hgext.bookmarks =
hggit =

esay_install 是python 包管理工具，它的作用类似于Php中的pear，或者Ruby中的gem，或者Perl中的cpan，或者haskell 中的cabal。

手动方式

从Hg-Git托管在Github的代码库http://github.com/schacon/hg-git/zipball/master里下载然后放置到某个目录。当然前提是你安装了0.4.0或者更新版本的dulwich。你可以使用easy_install ‘dulwich>=0.4.0′ 命令进行安装如果你安装了setuptools。接着打开你的~/.hgrc文件，复制并编辑如下配置

[extensions]
hgext.bookmarks =
hggit = [path-to]/hg-git/hggit

这样就安装好了Hg-Git扩展，这里的配置中bookmarks的配置并不是必须的，但是当在push的时候它会被转化成Git的heads。

用法

如果你想要用Hg clone一個Git版本库，只需使用hg clone [url]便可，例如

$ hg clone git+ssh://git@github.com:Leeiio/Vim.git

push的命令也很简单

$ hg push git+ssh://git@github.com:Leeiio/Vim.git

如果不想每次输入这么长的git服务器地址，你可以打开.hg/hgrc文件，编辑如下

[paths]
default = https://leeiio@bitbucket.org/leeiio/vim
git = git+ssh://git@github.com:Leeiio/Leeiio.git

这样便可以直接使用如下命令来进行push操作了

$ hg push git

更多使用方法参见 http://github.com/schacon/hg-git

同步目前已存在的Hg版本库到Git

从bitbucket服务器clone一份Hg的版本到本地做示范用，如果你本地已经存在一份需要被转换以及同步的Hg版本库就略过此步骤，只要cd要你的Hg管理的项目目录即可。

$ hg clone https://leeiio@bitbucket.org/leeiio/vim vim-test
requesting all changes
adding changesets
adding manifests
adding file changes
added 23 changesets with 418 changes to 239 files
updating to branch default
239 files updated, 0 files merged, 0 files removed, 0 files unresolved
$ cd vim-test/

创建一个bookmark，然后push到Git服务器

$ hg bookmark -r default master
$ hg push git+ssh://git@github.com:Leeiio/vim-test.git
pushing to git+ssh://git@github.com:Leeiio/vim-test.git
importing Hg objects into Git
creating and sending data
git::refs/heads/master => GIT:092e7cf3

如果你想从Git服务器上pull最近的更新的话也可以直接是用Hg的pull命令

$ hg pull git+ssh://git@github.com:Leeiio/vim-test.git
pulling from git+ssh://git@github.com:Leeiio/vim-test.git
importing Hg objects into Git
Total 0 (delta 0), reused 0 (delta 0)
importing Git objects into Hg
(run 'hg update' to get a working copy)

是不是超级简单且强大的一个玩意？如果你也有这样的需求，那么就下载Hg-Git试试吧！

前段时间VIM升级到了7.3，除了带来不少的新特性，性能也有提升，不过因为MacVim是第三方编译维护的，所以MacVim 7.3版本会发现有些小问题，比如原来的透明度设置无效了，以及上下移动文本的时候会发现有残影，期待作者的修正版本。所以我还是用的MacVim 7.2版本。

闲耘同学的Wiki上收集了不少Vim的使用技巧和心得，是大家学习Vim值得关注的一个地方。都说Vim的学习曲线非常的陡，其实不假，我从写完上篇《VIM 新手上路》后的一段时间，也并不是一直在使用Vim，因为一些种种的不适应中间也是冷落过Vim的，毕竟Windows下有不少好用的文本编辑器，类似Notepad++和Sublime Text以及EditPlus等等等，Mac下有Coda，espresso，Textmate等等等。虽然倒现在我还是觉得Vim在查找文件方便我怎么都不顺手，虽然grep和vimgrep命令很强大，可是大部分IDE或者说是文本编辑器提供的项目搜索功能都很方便，且能快速定位到该文件，但是Vim目前已经再次成为了我的主力文本编辑器，并且我也在怂恿身边的一些朋友尝试下Vim。

Vim是键盘流的大爱，因为大部分操作都可以通过快捷键来操作实现，那么可能你就需要记忆很多的快捷键了，当然熟能生巧是记忆的一种方式，查手册也是不错的记忆方式，你查的多了，用得多了，其实自然而然就熟络了。:help命令是学习Vim不可不用得命令之一，当然默认他是英文的，不过在Sourceforge上有一个Vimcdoc的项目提供了Vim的中文文档支持，你只要安装了中文文档，再次使用:help命令的时候它显示的就是中文帮助了。

这张图片我觉得非常适合Vim新手入门，并且忘记的时候还可以时常看看，非常直观。这里还有Vim入门图解的PDF版本，方便你打印下来查看。

当你慢慢开始学着用Vim的时候，你会发现Vim真的太棒了，千万不要忘了，它还是一款开源的文本编辑器。Vim还是一款有趣的文本编辑器，看看它的彩蛋，当你输入:help 42和:h!，发现了么？当然Vim目前还不能用来洗盘子，这是作者对大家说抱歉的地方。

这个世界其实并不存在一款完美的文本编辑器，因为我常常看到一大群人在为自己使用的文本编辑器比别人的好而喋喋争论不休，其实最典型的用户群是Emacs用户和Vim用户，似乎两个阵营的人有不共戴天之仇一般，当然最终谁都是无法说服对方的，通常的争论都是如此。适合你用的文本编辑器才是最好的文本编辑器。

文中提及资源：
gVIM
MacVim
我的在Bitbucket上的Vim配置项目
我的在Github上的Vim配置项目
闲耘同学的关于Vim的Wiki
Vim的中文文档

不过CSS3本身W3C也并未有正式版发布，现在还只是草案。下面我推荐两个很直观的，可视化的，自动生成CSS3样式代码的工具网站给大家。

1.CSS3 Generator

选择自己想要的CSS3属性，然后填写数值，右边便可直观的展示出效果了，然后你复制生成的样式代码即可。并且还列出了兼容这些样式的浏览器。可谓十分的方便。
http://www.css3generator.com/

2.CSS3, please!

这个看起来就更加的直观了，就像做填空题一样，在网页上填写相应的数值，右上角的元素就会呈现出相应的样式。如果你不需要组合这么多效果的话，关闭掉某一些样式属性即可。可以点击“{toggle rule on} ”或者“{toggle rule off} ”来开启单项属性或者关闭。
http://css3please.com/

正如前面所说，CSS3目前还是个草案，并且因为浏览器的关系，目前只有非主流浏览器支持，你知道的，所谓的主流浏览器就是占据了半壁多江山的IE系列了。IE系列目前只有IE8支持很少一部分的CSS3，未来的IE9倒是或许值得期待。

CSS3组合的好用的恰当确实可以使页面显示的很美观，可是如果只是为了CSS3而CSS3，诸如乱用text-shadow只是为了文字阴影而阴影个人觉得使完全没有必要的。

祝大家CSS3使用愉快。呃。

1.安装 Git

首先，你需要安装带有 git-svn 的 Git(git-svn 可以让你 SVN 和 Git并用，如果你打算使用 Git 又不想转变你的 SVN版本库，这会是一种很好的解决方案，不过本文只是利用git-svn来一次性转换你的 SVN版本库 为 Git。)

你可以在这里下载安装Git：http://git-scm.com/download。最新版似乎都有集成git-svn，至少我安装完以上地址提供的编译好的版本，在 Terminal 里输入 git svn会有提示”Not a git repository”。

如果你正在使用MAC OS X，你应该已经用过 MacPorts了吧，那么：

prompt> sudo port install git-core +svn

Ubuntu 或者 Debian Linux用户:

prompt> sudo apt-get install git-svn

2.创建作者文件

下一步，创建一个文本文件来映射 Subversion 的提交者到 Git 的作者使历史记录里的名字和email地址正确显示。保存成authors.txt：

guaniu = Leeiio <xxx@xxx.com>

3.克隆(clone)版本库

现在来运行命令导入你的svn版本库为一个本地的Git版本库。
我假定你的 svn 版本库有标准的 /trunk,/tags 以及/branches。

prompt> git svn clone <SVN版本库地址> --no-metadata -A authors.txt -t tags -b branches -T trunk <转换的目的目录名>

比如以我的google code上的svn为例：

prompt> git svn clone http://leeiio.googlecode.com/svn/ --no-metadata -A authors.txt -t tags -b branches -T trunk Leeiio

现在，你可以运行 git log 命令，你将会看到你全部的提交历史记录以及正确显示的提交者作者名。

4.转换branches 为 tags

现在还需要做一步处理。目前你全部的 tags 在 Git 的版本库里都成了 branches(分支)，并不是 tags。所以你需要手动转换它们。对于每一个 svn 的 tag你都将转换为 Git 的 tag，然后删除全部的 branch。用以下的命令列出：

promp> git branch -r

然后列出所有的tag：

prompt> git tag tagname tags/tagname
prompt> git branch -r -d tags/tagname

现在，你就有了一个本地的 Git 版本库了，包含了所有的历史记录以及 tags。

5.Push(推送)到一个公共的版本库

当然如果你并不想在网上分享你的 Git 版本库，这一步的操作你大可不必了。
以 github 为例：

prompt> git remote add origin git@github.com:userid/project.git
prompt> git push origin master --tags

Well Done!一切搞定了。开始你的 Git 之旅吧。

最后，附送一个为 SVN用户过渡到Git的使用手册。

Via. How to convert from Subversion to Git

接下来回到本文的正题。本文的起因是Google Code在早前除了支持SVN托管代码外，更支持了分布式版本控制Mercurial(Hg)来管理你托管在Google Code上的项目。至于Google为什么在这么多种的分布式版本控制工具中选择了Mercurial而不是Git，这里有一篇文章，推荐阅读一下《Git 與 Mercurial 的分析》，原文《Analysis of Git and Mercurial》。

下面，就教大家怎么让Google Code用Mercurial替代Subversion来管理你的项目。原文 http://code.google.com/p/support/wiki/ConvertingSvnToHg。

在Google Code里设置由Mercurial来管理项目

1. 访问你已经存在的google code项目页面，选择 “Administer” 选项页,然后选择下级分类选项页 “Source”。
2. 改变第一项Repository type为Mercurial。
3. 参照下文介绍的“如何转换Google Code里Subversion的历史记录到Mercurial中”，导入你的代码到 Hg 代码库中
4. 以同样的导入代码的方式，导入你的wiki到Hg wiki库中。确认你使用的subversion代码库的wiki路径(例如 http://projectname.googlecode.com/svn/wiki) 以及 Hg 代码库的wiki路径(http://wiki.projectname.googlecode.com/hg/)

在你切换你的项目使用Mercurial管理后，你的旧Subversion项目仍然可以访问，所以在你切换之前你不需要备份你的代码库。你的Subversion版本库将会保持访问: https://projectname.googlecode.com/svn/

如何转换Google Code里Subversion的历史记录到Mercurial中

第一种方式：简要截取
如果你不在乎你原来项目的历史记录，那么你可以简单地从Subversion里的主干代码或者wiki中提取最新的代码然后放到你的Mercurial中。假设你googlecode里的 Mercurial代码库是空的，那么可以这样操作：

 $ hg clone https://projectname.googlecode.com/hg hg-client
 $ cd hg-client
 $ svn export --force http://projectname.googlecode.com/svn/trunk .
 $ hg add .
 $ hg commit -m "Initial import of source."
 $ hg push

接着转换你的wiki：

 $ hg clone https://wiki.projectname.googlecode.com/hg hg-client-wiki
 $ cd hg-client-wiki
 $ svn export --force http://projectname.googlecode.com/svn/wiki .
 $ hg add .
 $ hg commit -m "Initial import of wiki."
 $ hg push

第二种方式：完整历史记录转换
如果你要迁移你整个的历史记录，整个过程可能要你更多的参与了。你将会需要先安装一些特殊的工具程序。
安装工具

• ‘hg convert’扩展模块。最新版本的Mercurial已经包含这个模块，请确保你的hg版本为1.1 或者 1.2 或者更高版本。 (可用”hg –version”命令查看) 然后在你的.hgrc里面添加如下代码启用该扩展模块:

  [extensions]
  hgext.convert=

• Subversion的swig-python绑定。请确保您有最近的Subversion安装（1.5或1.6）。绝大部分的Subversion衍生版本都有与python的绑定，或者提供他们额外的二进制包。你可以运行如下代码检查你的svn – python的绑定是否正常：

  $ python -c "import svn.core; print svn.core.SVN_VER_MINOR"
          5

  如果失败，或返回的版本低于5，则肯定是不对的。如果你没有二进制软件包，你可以从Subversion自己的源代码树中建立：

  $ svn checkout http://svn.collab.net/repos/svn/tags/1.6.0 svn
  $ cd svn
  $ ./autogen.sh && ./configure
  $ make
  $ sudo make install
  $ make swig-py  # make sure you have swig 1.3 installed already
  $ make check-swig-py
  $ sudo make install-swig-py

  如果你在Ubuntu的Hardy版本，你可以在hardy-backports里找到1.5版的python-subversion: http://packages.ubuntu.com/hardy-backports/python-subversion
  这可能还需要安装backports里的libsvn1, subversion, mercurial-common, 和mercurial 包。

开始转换
现在我们开始转换– branches(分支), tags(标签)以及其他全部:

$ mkdir hg-client
$ hg convert http://projectname.googlecode.com/svn hg-client

一旦完成转换，你就可以push你最新的历史记录到你的Google Code项目中(前提是你有了一个空的Mercurial版本库):

$ cd hg-client
$ hg push https://projectname.googlecode.com/hg

至此，大功告成。

ZenCoding.vim插件提供的默认展开代码的快捷键是,也就是Ctrl + y and Comma。例如输入html:5_(_为光标的位置)，然后输入“<c-y>,”，就会展开成

<!DOCTYPE HTML> 
 <html lang="en"> 
<head> 
    <title></title> 
    <meta charset="UTF-8"> 
</head> 
<body> 
      _ 
</body> 
</html>

输入div#foo$*2>div.bar，然后输入“<c-y>,”就会展开成

<div id="foo1"> 
   <div class="bar">_</div> 
</div> 
<div id="foo2"> 
    <div class="bar"></div> 
</div>

当然，你也可以根据自己的习惯设置展开代码的快捷键，你可以通过在你的vimrc配置文件里写入以下配置来覆盖zencoding.vim插件的默认设置。

let g:user_zen_settings = { 
  \  'indentation' : '  ', 
  \  'perl' : { 
  \    'aliases' : { 
  \      'req' : 'require ' 
  \    }, 
  \    'snippets' : { 
  \      'use' : "use strict\nuse warnings\n\n", 
  \      'warn' : "warn \"|\";", 
  \    } 
  \  } 
  \} 
 
  let g:user_zen_expandabbr_key = '<c-e>'    "设置为ctrl+e展开
 
  let g:use_zen_complete_tag = 1

截图中的例子：
如果你在这段文本外面包裹这段缩写div#header>ul#navigation>li.item$*>a>span:

About Us
Products
News
Blog
Contact Up

你将会得到以下结果：

<div id="header">
	<ul id="navigation">
		<li class="item1"><a href=""><span>About Us</span></a></li>
		<li class="item2"><a href=""><span>Products</span></a></li>
		<li class="item3"><a href=""><span>News</span></a></li>
		<li class="item4"><a href=""><span>Blog</span></a></li>
		<li class="item5"><a href=""><span>Contact Up</span></a></li>
	</ul>
</div>

目前就目前我对zencoding.vim 0.27版的测试来说，选中文字用div#header>ul#navigation>li.item$*>a>span包括的时候出现了文本内容插入到错误的位置的问题，提交bug给作者了。
2010/03/08 22:11 更新：作者回复说修复了。在0.28版本中增加了更多的快捷键操作，所以下面的自定义快捷键配置无法生效了。可前往http://github.com/mattn/zencoding-vim获取最新版本。
2010/03/09 20:05 更新：经过和作者的探讨，原来的快捷键已经改为，不会和撤销冲突，另外上条更新所说的自定义快捷键重新可用了。

zencoding.vim更新十分频繁，大家可以关注下。
VIM官方插件地址：ZenCoding.vim
zencoding.vim在Github的地址：http://github.com/mattn/zencoding-vim
Zen Coding官方地址：http://code.google.com/p/zen-coding/
Zen Coding官方提供的速查手册(PDF)：http://zen-coding.googlecode.com/files/ZenCodingCheatSheet.pdf

虽然我很out了，但是我想还是有很多Vim初学者徘徊在门外，抱着窥一窥的态度。我也就作为一个菜鸟，谈谈我的上路之旅吧。

1.Vim安装

官网http://www.vim.org/download.php处下载适合的版本即可，因为我的公司工作平台是Win XP，所以我下的是GUI executable版本图形化界面的版本gvim72.zip。

2.多语言乱码问题

安装好之后，我想第一要解决的问题是编码问题。和所有的流行文本编辑器一样，Vim 可以很好的编辑各种字符编码的文件，这当然包括 UCS-2、UTF-8 等流行的 Unicode 编码方式。然而不幸的是，和很多来自 Linux 世界的软件一样，这需要你自己动手设置。一般的，vim打开中文文件时会出现乱码，原因比较复杂，这里不罗嗦了。就说说我的配置吧。Vim的配置问题存在于安装路径的根目录，比如我安装在D:\Program Files\Vim，_vimrc文件就是它的配置文件，以下所描述的配置信息皆写到这个文件里。

"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""
" => 配置多语言环境
"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""
if has("multi_byte")
    set encoding=utf-8
    set termencoding=utf-8
    set formatoptions+=mM
    set fencs=utf-8,gbk
 
    if v:lang =~? '^\(zh\)\|\(ja\)\|\(ko\)'
        set ambiwidth=double
    endif
 
    if has("win32")
	"处理菜单及右键菜单乱码
        source $VIMRUNTIME/delmenu.vim
        source $VIMRUNTIME/menu.vim
        source $VIMRUNTIME/mswin.vim
        behave mswin
        language messages zh_CN.utf-8 "处理consle输出乱码
    endif
else
    echoerr "Sorry, this version of (g)vim was not compiled with +multi_byte"
endif

Vim配置文件里面半角的”是注释。多语言环境编码的配置取自明城的Vim的配置。

3.字体的设置

写代码，好看的字体很重要。不管是什么，好看的东西都很重要。好看，能带给人愉悦感，写代码也不例外。我用的是大名鼎鼎的Yahei Consolas Hybrid修改字体，中文字体是雅黑，代码字体么自然是Consolas。 Consolas字体原本是微软为 Visual Studio 2005和2008用户提供的，原版只是单独的英文字体，不含中文。因此在中文环境下显示会是“宋体”+Consolas 的组合，难看至极。而这个修改版替换了雅黑作为中文字体，美观度自然是宋体有所提高，当然也是因人而异。要下载字体可以戳这里下载。
然后在配置里加入以下代码来指定字体

set guifont=YaHei_Consolas_Hybrid:h12:cANSI "h12表示的是字号大小

3.配色方案

在用notepad++的时候，我一直最中意monokai这个配色，在Vim下叫molokai，这是一款很知名的配色，至少我很喜欢，就是最顶端的那个截图里的配色啦。这款配色同样可以戳这里获得。
然后你可以在配置里写入以下代码来指定你的界面为该配色

colorscheme molokai

4.一些插件和扩展

也许你同样注意到了截图中的那些花花绿绿背景色的东西，这个叫CSS color preview的扩展可以使css里面的那些颜色具体化也就是表现出来，十分直观。继续戳这里下载。
而代码提示插件用的是AutoComplPop，还在使用DW或者aptana等一些工具的朋友们肯定对代码弹出提示情有独钟，这款插件的功能可以说是有过之而无不及啊，当然如果你不喜欢这种自动的代码提示的话可以不用装。需要的朋友还是戳这里下载。

Vim的强大之处当然不止本文说的这么些皮毛，丰富的扩展插件让其光芒不减。我还涉谷未深，这种新上上路的文章希望能给每个想加入Vim阵营的朋友们以帮助。今后会有更多的关于Vim的分享。欢迎收看！

其实介个问题主要产生的原因就是由于“我的文档”的路径被设置了的问题，因为Aptana 2.0安装的方式是全新安装，所以会初始化工作场景文件夹，一定位到他设置的默认的路径，发现目录不存在了，自然就没有写入.metadata文件夹的权限，自然就打不开了。

记录之，留待世人遇到相同问题搜到到以解惑。。。

啥？你不知道Aptana是啥？那么，请google之。

Aptana 2.0 前往此处下载！

顺便附送Aptana快捷键大全

Via.

对于CSS 3.0，它对于我们Web设计人员来说不只是新奇的技术，更重要的是这些全新概念的Web应用给我们的设计开发提高了效率以及更多的无限可能性，我们将不必再依赖图片或者 Javascript 去完成圆角、块/文字阴影、渐变、透明度等提高Web设计质量的特色应用。

该手册由 Tencent 的 ISD Webteam 团队制作，因为 CSS3 还是草案，中文资料少之又少，基本上都是一篇内容转来转去，而该手册从基础语法到示例制作，都是根据 W3C 工作草案进行翻译，并结合 ISD Webteam 的沉淀制作示例。

备受期待的 CSS 3 新功能

圆角、多背景、@font-face 用户自定义字体、动画与渐变、渐变色、盒阴影、RGBa – 加入透明色、文字阴影等等
CSS3 的出现，让代码更简洁、页面结构更合理，性能和效果得到兼顾。

CSS 3.0 参考手册 (中文版) 预览：

下载：

CSS 3.0 中文参考手册(CHM版) 版本号：beta1 (最后更新时间：2009-8-22)

CSS 3.0 中文参考手册(CHM版)下载366.61 kB 目前共有4299次下载