你可以在此获取 CSS color preview 代码包，并拷贝至个人目录下的 vim 配置文件中：

$VIMRUNTIME/after/syntax/ #假如 VIM 环境变量已注册
C:\Program Files\Vim\vimfiles\after\syntax\ #Windows 用户
$HOME/.vim/after/syntax/ #Linux 用户


Web 设计素材大约包括：

• 域名设计
• 内容组织
• 页面布局
• 配色方案
• 排版样式
• 页面背景、区块背景、
• logo 实例
• favicon、页内图标
• 按钮
• 配图
• 表单实例
• 页面代码、样式表代码

这个分类很模糊，有些是抽象的有些则可实际获取。

实际的素材多为图像文件，格式多为 GIF、PNG、JPG 兼有少量的 SVG 图形。本想用 Picasa 之类的软件来完成组织，但结果并不如意，仅 JPG 允许进行 IPTC 标记，如依靠自有数据库软件（如 ACDSee、Adobe Bridge 等）便会陷入平台共享的困境。

最终决定依赖最基本的多级目录来完成这个工作，虽然仍需人脑来辅助其智能化，但仍不失为长久共和之计。也可以使用 Everything 或 Catfish 等小软件辅助搜索。

当前的目录结构为：
apple.com/ #域名作为主目录
----products/ #产品图片
--------macbook/
------------pic1.png
------------pic2.png
------------...
--------iphone/
------------pic1.png
------------pic2.png
------------...
----icons/ #站点徽标、logo、页内图标
--------favicon/
------------...
--------icons/
------------...
--------logos/
------------...
----webpages/ #不同时期的页面截图
--------20090101/
------------index.png
------------download.png
------------...
--------20090202/
------------...
----codes/ #不同时期的布局代码
--------20090102/
------------...
--------20090203/
------------...
----illustrations/ #零散的插图
--------...
--------icon1.png
--------icon2.png
--------...
----colors_scheme/ #使用-colorzilla-等获取的配色方案
--------...
----others/ #其他有价值的资源
--------...


WordPress 开发人员一直在修改其代码，或是增删功能或是修正错误，隔一段时间发布一个新版本的程序包。

所谓版本即同一事物的不同状态，但凡代码被修改一次便形成一个“自然意义的版本”。开发人员出于技术上标杆设定需的要即时保存某一状态的代码形成一个“开发版”，出于工作进度的需要每天下班保存一个“当日版/隔夜版”。发布商出于商业运营的需要，提供给用户的较为稳定的功能较完善的“稳定发布版”。

此上种种描述都是外行人的通俗理解，私以为足矣。

面对浩大的代码量以及繁多的版本代系，开发人员会使用某种程序来存储代码、发布版本、对比差别，并提供多人合作的合理环境——这就是版本控制系统（Revision control system）。常见的版本控制系统有 CVS、Subversion、GIT 等。使用 Subversion 来获取或提交代码完成版本控制简称 SVN，因为该软件的主命令即是 svn。

一般的，你通过关键词“WordPress SVN”所搜索到的条目都是关于“通过服务器所提供的 svn 服务即时获取最新版的 WordPress 代码包并完成升级或安装”。基本过程是：通过 SSH 连接远程执行 svn 命令获取 WordPress 的最新代码并存储于服务器某处（你的主目录下，可写权限），之后远程移动并覆盖已有的程序文件，通过常规的方式完成升级步骤。

这个东西本无什么玄妙之处，仅是用了缩写便吓退了众多门外人。

欲图“WordPress SVN”，首先要确定你的主机服务商是否允许你使用其 SSH 连接服务，通俗的讲你是否有权力使用命令行终端通过这种验证方式执行 svn 命令。这就要看你的造化了，Windows 主机一般是没戏的。Linux 主机技术上并无阻碍，但看服务商是否提供你这个权利了。

如果你确定自己已无人为或技术的限制，那么继续搜索具体的命令行吧，天下总无完美的盛宴。

偏偏你很不幸地错失了所有的必须条件，也无所谓。“WordPress SVN 升级”的好处有二：一是免除了下载上传的重复操作，一是获取较新的程序版本。如果你偏偏独爱这个 SVN 的缩写却又不厌烦下载上传这些无用操作，可以这样……

1. 安装 Subversion 本地客户端：subversion（Linux）、TortoiseSVN（Windows） 等
2. 使用上述客户端获取最新代码至本地
3. 上传至服务器并升级…… -_-b

你不厌其烦的看完了本文，又跌跌撞撞曲折的完成了一次阉割后的 WordPress SVN 升级，却又发现 WordPress 2.8 已经允许我们在后台直接升级至开发版或隔夜版了……

以 Linux 平台为例，XMind 根据系统默认 locale/LC_CTYPE 设置来选择界面语言。例如，
LC_CTYPE=en_US.UTF-8 // XMind 显示英文
LC_CTYPE=zh_CN.UTF-8 // XMind 显示中文

关于 locale 我们需要认识到：

1. LC_CTYPE 语言符号及其分类
2. LC_NUMERIC 数字
3. LC_COLLATE 比较和排序习惯
4. LC_TIME 时间显示格式
5. LC_MONETARY 货币单位
6. LC_MESSAGES 信息主要是提示信息,错误信息, 状态信息, 标题, 标签, 按钮和菜单等
7. LC_NAME 姓名书写方式
8. LC_ADDRESS 地址书写方式
9. LC_TELEPHONE 电话号码书写方式
10. LC_MEASUREMENT 度量衡表达方式
11. LC_PAPER 默认纸张尺寸大小
12. LC_IDENTIFICATION 对 locale 自身包含信息的概述

可见，locale 是用来配合用户语言习惯的系统设置：我们可以使用英文系统界面但按照中文习惯显示度量单位和日期格式，等。

面临难题，假如我希望在英文系统环境下使用 fcitx 输入法就必须满足 LC_CTYPE=zh_CN.UTF-8，这样 XMind 就会很智能的显示为简体中文界面。

根据 XMind 官方 FAQ（4.How do I change the language used in the XMind interface?），我们可以修改 XMind 的配置文件以自由定制其界面语言，简译如下：

1. 确定 XMind 主程序安装目录：Linux 下默认为 /usr/local/xmind
2. 找到并修改 xmind.ini 文件：于文件初始处添加

-nl
en_US

3. 可选项：zh_CN/zh_TW/de/ja/en_US 分别对应简体中文、正体中文、德语、日语、英语

其实，XMind 应该在用户目录下提供语言配置文件──可行的话。另外，xmind.ini 中还包含程序启动闪屏（splash）设置，大家可以自己试验了。

我分别制作了各种规格的 chm 文件图标，并存处于 /usr/share/icons/oxygen/axa/mimetypes 下面，命名为 application-chm.png。

刷新系统图标组，并没有出现预期效果，那么肯定还有其他的关联设置需要修改。基于网页设计的浅显所得，以及文件目录 mime 的提示，我认为需要修改系统默认的 mime 类型定义。于是将目光定位到 /usr/share/mime 目录，仔细分析后发现需要在如下文件中增加对 chm 类型的支持：

generic-icons globs globs2 types

具体的操作仍照搬 illustrator 的对应设置。

刷新系统图标组，并没有出现预期效果，于是再次寻找可能的相关。这次是 /usr/share/mime/application。照搬 illustrator.xml 的书写规则，或者直接复制一份命名为 chm.xml 并修改必要的内容。

刷新系统图标组，ok 了……
知识扩展
关于准确的书写规范，参考：http://www.freedesktop.org/standards/shared-mime-info

更新
本着用户配置分离的指导方针，我们也可以在如下位置进行个人配置：
/home/id/.local/share/mime

普通的文档视图如下，

MSO 中常规页面布局

Page Layout / Page Setup

在新打开的 Page Setup / 页面设置窗体中调整页面属性——包括页面方向尺寸等——并选择这些变更的起始位置，本例中选择“插入点之后”。如下图，

Extended Page Setup

当我们需要页面属性恢复到默认值的时候，使用同样的方法对已经变更的页面属性进行重设即可。最终效果如下图：

最终效果

欲图建立一篇文档至少需要从结构和样式两方面进行，正确理解二者关联有助于提高书
写效率降低后期修改的繁复程度。

• 结构：指的是文章内在的逻辑关联，比如我们常说的章节和段落、各级标题、各种标注 …… 这些称谓体现了对象在行文逻辑上的从属关系、轻重主次。
• 样式：指的是由感官认知的角度出赋予文本的视觉变化，例如各种字体样式样式、文本色彩、各种留白或缩进 ……

在 Word 中，结构和样式并没有必然的关联——使用大字号中文黑体字表现的可以不是标题，而用小字号中文宋体表示标题也是合理的——这是由 Word 的设计原理决定的。

我没有能力研究 Word 是如何进行工作的，想必和 HTML、RTF 一样使用标记语言来组织编排。例如，我们选定一段文字并指定为“结构：标题二”，之后 Word 自动将预设的与“结构：标题二”对应的样式“中文黑体小三/西文 Arial 13pt 黑色”与之关联。这就完成了一次标记并且赋予了对应的样式。

使用“标记”可以将结构和样式轻松分离或自由关联：所谓分离指的是首先为各种文字指定“标题、标题二、正文、援引”等结构，之后针对不同结构随时设计样式；所谓自由关联指的是仅需要一次性修改针对“标题”的样式就可以完成对全文所有标题的样式重设，而不必重复的选中修改。

怎样在 Word 中定制文章结构？

通过［主菜单-视图-大纲视图］打开大纲视图。我们可以看到由绿色圆点标识的自然段（这是文档的最基本结构，使用回车符分隔），通过工具面板为各个自然段划分结构层次（Word 是通过缩进的列表来表现的），例如：

大纲视图下的编辑状态

使用大纲视图还可以轻松插入分页符以避免使用多次回车造成“伪分页”这种无视结构的经典操作。

正确分页后的预览

Word 自动插入目录这一功能便是检索文档各种结构并按照要求输出目录列表，一篇混乱的文档是无法得到正确目录的。

怎样在 Word 中定制样式呢？

为了便于用户迅速开展工作，Word 已经预设了各种结构对象结构并为其制定了不同样式，我们只需要按需修改。

主菜单-开始-样式，点击样式面板右下角的展开按钮。在打开的样式面板中罗列了常用样式，右击并修改为所需样式即可。

Word 样式编辑器

GIMP with only one taskbar on Ubuntu

但是，在启用 Compiz 特效之后上述特性完全失效。这是因为 Compiz 停用系统默认的窗口管理器（如 Gnome 默认使用的 Metacity）而使用 “Compiz 窗口管理器” 来组织窗体运作。而在 Compiz 默认设置中 Utility 是允许在任务栏显示的。

我们可以在 Compiz 设之中加入针对 GIMP Utility 的设置以隐藏之。

如果你希望可视化的管理 Compiz，那么需要安装 CompizConfig Setting Manager，

之后，你可以使用 ccsm 命令在终端中打开 CompizConfig Setting Manager，或者在主菜单 - System - Preferences 中找到程序链接。

Window Management - Window Rules － Skip taskbar 中添加：

这样就可以避免 tools 和 dock 显示了

籍由上一次“重设 /home 挂载点”的经验，我们可以修改 fstab 信息来实现系统启动时自动挂载 NTFS 分区。

1. 首先为分区建立本地挂载点

例如在 /media 中新建与分区卷标对应的子目录

2. 修改 fstab 添加自动挂载信息

可以参看《Ubuntu 重新挂载 /home》或者《学会理解并编辑fstab文件》

对 Linux 毫无概念的用户安装 Ubuntu 时多半仅仅挂载主目录和交换区（/ & swap），如果仅为尝鲜也就罢了——三两天重装一次——何必多费心机。

然而，这种挂载方式在长久应用中是不可取的，/home 目录包含了几乎所有的用户文档（类似 Windows 系统中的“我的文档”等），/usr 包含了用户所安装应用程序，这些不适于与系统文件混杂一处。

欲图重设 /home 等挂载点，可先为其划分新的分区之后修改与挂载点相关的系统设置。

新建分区：
如果你有一块空白的磁盘或者已经从 Windows 系统中划分出新的分区，那么可以跳过了。如果你需要在 Ubuntu 系统磁盘中（即原有的 / 所挂载的分区），那么可以由 Ubuntu Live CD 启动并使用 GPart 磁盘管理工具来处理。

1. 准备 Ubuntu Live CD 或籍此创建的可启动 U 盘；
2. 设定 BIOS 由以上设备启动计算机；
3. 成功进入 Ubuntu Live 模式桌面；
4. 主菜单－System－Administration-Partition Editor；
5. 选定 / 所在的磁盘设备，并选定 / 所在分区；
6. 在以上分区图示上执行右键命令 Resize，解脱出 /home 所在分区所需空间；
7. 使用获取的为划分空间创建新的分区，分区格式 ext4、ext3、ntfs 均可；
8. 执行以上方案；
9. 经历漫长的过程之后，完成磁盘编辑；

50G 分区耗费 1 小时，300G 分区耗费 4 小时，于是不敢再用他处理大分区了……

10. 重启计算机，进入硬盘中的 Ubuntu 系统；

转移用户文件：
该过程目的是将现有 /home 目录中的所有文件备份到新建的分区中。

1. 挂载新分区于 /media/home
2. 拷贝 /home// 及其所有下级文件至 /media/home//，注意拷贝隐藏文件与目录（多为程序配置）；

编辑挂载设置：
此过程通过修改 fstab 信息来重设 /home 挂载点位置，这里我们需要知道 Linux 下的磁盘与分区标识规则。

1. 查看磁盘与分区的标识信息；
1. ls -all /dev/disk/by-uuid

示例如下：

1. drwxr-xr-x 2 root root 180 2009-04-29 23:13 .
2. drwxr-xr-x 6 root root 120 2009-04-29 23:13 ..
3. lrwxrwxrwx 1 root root  10 2009-04-29 23:13 12FEDB1DFEDAF845 -> ../../sdd1
4. lrwxrwxrwx 1 root root  10 2009-04-29 23:13 ab0d0ae1-da1f-49ce-91cc-42ffa03114d0 -> ../../sda7
5. lrwxrwxrwx 1 root root  10 2009-04-29 23:13 BC8290BF82907F96 -> ../../sda1
6. lrwxrwxrwx 1 root root  10 2009-04-29 23:13 C128A5C97B468FC6 -> ../../sda5
7. lrwxrwxrwx 1 root root  10 2009-04-29 23:13 c80627f3-419d-405d-a987-dafbf1ed86c2 -> ../../sda8
8. lrwxrwxrwx 1 root root  10 2009-04-29 23:13 D4CCB757CCB7331A -> ../../sdb2
9. lrwxrwxrwx 1 root root  10 2009-04-29 23:13 D648CC1148CBEE75 -> ../../sdc1

12FEDB1DFEDAF845 等字符串称为 UUID

2. 编辑 fstab 信息
1. sudo gedit /etc/fstab

示例如下：

1. # /etc/fstab: static file system information.
2. #
3. # Use 'vol_id --uuid' to print the universally unique identifier for a
4. # device; this may be used with UUID= as a more robust way to name devices
5. # that works even if disks are added and removed. See fstab(5).
6. #
7. # <file system> <mount point>   <type>  <options>       <dump>  <pass>
8. proc            /proc           proc    defaults        0       0
9. # / was on /dev/sda7 during installation
10. UUID=ab0d0ae1-da1f-49ce-91cc-42ffa03114d0 /               ext4    relatime,errors=remount-ro 0       1
11. /dev/sda6       none            swap    sw              0       0
12. UUID=c80627f3-419d-405d-a987-dafbf1ed86c2 /home ext4 defaults 0 2
13. UUID=12FEDB1DFEDAF845 /media/Media ntfs-3g defaults 0 0
14. UUID=C128A5C97B468FC6 /media/Documents ntfs-3g defaults 0 0
15. UUID=D648CC1148CBEE75 /media/DataI ntfs-3g defaults 0 0
16. UUID=D4CCB757CCB7331A /media/DataII ntfs-3g defaults 0 0
17. UUID=BC8290BF82907F96 /media/Vista ntfs-3g defaults 0 0

我们看到，主要信息分为六列：

1. <file system> <mount point>   <type>  <options>       <dump>  <pass>

file system - 挂载设备，我们可以用 UUID 来标识
mount point - 挂载点，如我们所需的 /home
type - 分区文件系统，如 ext4、ext3、ntfs-3g、vfat 等
options - 使用该分区的方式
dump - dump 备份工具
pass - 系统扫描检测

详见译稿：学会理解并编辑fstab文件

3. 添加 /home 挂载点设置；

例如：

1. UUID=c80627f3-419d-405d-a987-dafbf1ed86c2 /home ext4 defaults 0 2
4. 重启计算机

PCMan X BBS Client

PCMan X 用于 Telnet 访问 BBS，比 web 访问更便捷，类似 Cterm、Fterm（此二者均工作于 Windows 平台）。

如何安装：
以 Ubuntu 为例，

• Ubuntu 中文版预置该软件；
• Ubuntu 英文版用户只需要添加中文语言支持也会自动获得该软件；

Main menu-System-Administration-Language Support

• 命令行由源安装

$sudo apt-get install pcmanx-gtk2

• 命令行 SVN

$svn co https://svn.csie.net/pcmanx/trunk pcmanx-gtk2
需要 Subversion 等版本控制程序支持

中文乱码：
乱码么，就是编码设置问题，就是服务器端和本地客户端的编码不匹配问题——我这个笨人的理解。

1. 编辑某个站点设置，Site Encoding 设置为 GBK；
2. 字体设置中选择 SimSun（宋体）或者文泉驿等宽黑体——前者舒服些，看起来和 Cterm 默认效果一致～

条件准备：

• Mono 1.2.6

可以通过 Synaptic Package Manager 获取；

• SVN 客户端

Linux

之后通过 SVN 获取最新代码（或直接到 paint-mono 开发页面下载），并编译：
$ svn co http://paint-mono.googlecode.com/svn/trunk/src paint-mono
$ cd paint-mono
$ ./configure
$ make
$ make install

Paint.NET on Ubuntu 9.04

Comments

• April 23, 2009, humker 提到: 这几天你的网站更新挺频繁的

Firefox Portable NiceType 3.0.8 en-US

• 少东西--是好现象，证明留给你空间了
• 多东西--是好现象，证明考虑太周全了
• 给懒人用的--我也不会找源码编译成更适合什么硬件的版本
• 以人为本么--黑带黄带什么层次都有，没苛求调众口

系统要求（System requirements）：

• Windows Vista、Windows 2008，32/64bits
• Aero 特效开启

直接下载（Downloads）：

• 英文版：http://www.rayfile.com/files/9c59e414-2999-11de-a235-0019d11a795f/
• 中文版：http://www.rayfile.com/files/129e705c-299c-11de-8e30-0014221b798a/

主程序（Firefox）：

Firefox Portable 3.0.8

附件程序（Addons）：

1. All-in-One Sidebar
2. ChromiGlass
3. Easy DragToGo
• 链接

上、左：新标签页前台打开
下、右：新标签页后台打开

• 文本

上、左：百度搜索，新标签页前台打开
下、右：Google 搜索，新标签页前台打开

• 图像

任意方向：图像另存为...（提示保存位置）

4. FireGestures
5. Fission
6. FlashGot
• 页面右键菜单中显示 Thunder、Flashget 条目
• 页面右键菜单中不显示其它选项
7. Hide Menubar
• 通过自定义区右键选择“菜单栏”可永久打开菜单栏
• Alt 键临时激活菜单栏
• 程序将自动记录上一次的状态
8. IE Tab
• 仅在状态栏显示渲染引擎切换图标
9. Pearl Crescent Page Saver Basic
• 弥补 Screengrab 截图命令过于隐蔽、不能自动保存、自定义命名的不足
• 仅在页面右键菜单中显示“完整页面另存为图像”
• 提示图像保存位置（如 Firefox 主程序设置为自动保存文件则不再提示）
• 图像命名方式为“%Y%m%d-%H%M%S-%t-%u.png”，例如“20090415-162348-君子风博客 - nice 是一种气质-www.nicetype.com.png”
10. Screengrab
• 弥补 Pearl Crescent Page Saver Basic 不能区域截图的不足
11. Stop-or-Reload Button
• 类似 IE7、IE8，将刷新、停止按钮整合为一个按钮
12. Tab Mix Plus
• 总是显示标签栏
• 通过链接打开的新标签紧邻于当前标签之后
• 双击关闭标签页，双击标签栏打开空白新标签页
• 关闭当前标签后跳转至上次浏览的标签
• 标签页不显示关闭按钮

插件（Plugins）：

• Adobe Acrobat
• Alipay security control
• IE Tab Plug-in
• Java(TM) Platform SE 6 U10
• Microsoft Windows Media Player Firefox Plugin
• Mozilla Default Plug-in
• Picasa
• QuickTime Plug-in 7.6
• RealJukebox NS Plugin
• RealPlayer Version Plugin
• PealPlayer(tm) G2 LiveConnect-Enabled Plug-in(32-bit)
• Shockwave Flash
• WangWang Installed Check Plugin for Mozilla

主题（Themes）：

1. Chromefox

下载英文版：http://www.rayfile.com/files/9c59e414-2999-11de-a235-0019d11a795f/
下载中文版：http://www.rayfile.com/files/129e705c-299c-11de-8e30-0014221b798a/

Comments

• May 25, 2009, loveunk 提到: 嗯，下载了，正用着了，感觉速度挺快 不解的是为什么左侧默认是一个ff扩展的列表？
• May 28, 2009, Bodhi 提到: 哦，应该是我最后一个关掉软件打包的时候侧边栏就是展开的。

1. 成功安装 XAMPP 1.70，启用内置的 eAccelerator 扩展后 Apache 无法启动；
2. 为提高安全性需要改动各组件密码和访问权限，却无法访问 http://localhost/security ；

解决方法如下：

1. 使用 sitebuddy.com 编译的适用于 Windows 系统的 eAccelerator.dll 和 eloader.dll（注意 XAMPP 1.70 使用的是 PHP 5.2.8）；
2. 在 xampp\apache\conf\extra\httpd-xampp.conf 文件中找到 Allow from localhost （Directory "C:/xampp/security/htdocs" 区块）并修改为 Allow from 127.0.0.1；
3. 以上操作均需重启 Apache 服务器。

言归正传，Foxmarks 开发者认为他们可以利用已有的书签资源为用户提供更丰富的体验，通过对数据库分析来标记站点、页面的好评程度，于是推出了 Xmarks，就这么简单。据实地讲这些功能早已不新鲜，但基于 Foxmarks 与 Firefox 浏览器的紧密关系以及改进的细节服务，Xmarks 的前景也还乐观。

Xmarks 新增功能设置

新增功能：Smart Search 自动高亮 Google 搜索的前三名结果，并添加站点信息浮标。

新增功能：Site Info 在 Firefox 浏览器地址栏末端添加站点信息图标，提供更详尽的受欢迎度信息。

安装适用于 Firefox 的 Xmarks 扩展，在 Firefox 3.0.8 中安装时提示兼容性问题，而 install.rdf 中设定的最大兼容版本为 3.1.b3，着实不解。幸好我们可以修改扩展版本号来顺利安装~