Snow and Bodhi | 雪与菩提

鉴于本站越来越慢的浏览速度，我搜索了很多关于“WordPress 优化”的文章，至于如何通过缓存的方式来优化浏览还没有完全调整好。
只是突发感想，把所用主题的代码和日志中插入的缩略图修改了一下：

1. 使用普通HTML脚本替换日志分类列表标签
   由于我的Blog日志分类已经明确且固定，我想就没有必要执行PHP语句来动态输出这个列表了。
2. 使用普通HTML脚本替换友情链接列表标签
   虽然友情链接会随时改动，但是对我来说随时添加几个链接进模板也不是什么难事。
3. 优化了所有的日志插图
   做事力求完美，既然想写出东西来和大家分享就要保证质量，内容是第一位，排版也是首要。WordPress本身可以通过PHP的相关库（GD 库？）来生成图像的缩略图，但是仍不能满足排版需求：
   • 缩略图的长和高的上限是固定在脚本中的，不可在选项中修改，Yo2.com的后台已经添加了生成缩略图宽度参数，我也在继续研究中；
   • PHP放缩图像的算法远不能和桌面版图像软件相提并论，其画面质量一般；
   • WordPress 会默认指定 PNG 格式图像缩略图背景色为黑色，很恐怖吧；
   • 另一个角度来讲，缩略图是代表完整图像特色的局部缩影，不只是单纯的缩小原始图像，它可以只是图像的一角，WordPress做不到智能截取，当然其他的程序也做不来，所以 xBodhi 都是每次后台上传图像之后用自己制作的缩略图替换掉原有的文件，这样既可以用数据库已有信息来管理这些文件，又可以得到较好的艺术效果；
   • 应努力在保证画质的前提下应缩小图像体积。

有人说我这是暴殄天物浪费了许多 WordPress 的珍贵特性（其实也只是 CMS 的自动化特性，如生成列表）。但我想从成本核算的角度来讲，我的投入多一些，浏览者载入页面快一些，还是很值得的！大家认为这里的文章言之有道、严谨务实便是我的收益。

“Blog It 2”WordPress书摘插件作者andot。使用该插件可以为每篇日志田间诸如“订阅至Del.icio.us” 等按钮。
由于本人也习惯使用饭否分享、QQ书签（单纯为了自己使用QQ的方便，其功能不敢恭维），便自行添加了饭否按钮和QQ书签按钮。具体方法如下：
再插件目录下找到“blogit.php”文件，用文本编辑器以UTF-8格式打开。在大约 194-200 行处找到代码片断：

{name : “BumpZee”,
logo : “bumpzee.png”, //按钮的图标
href : function(t,u,c) {
return “http://www.bumpzee.com/entries/new/?” + “u=” + encodeURIComponent(u);
} //链接的规范
}

该片段定义了“订阅至 BumpZee”按钮的图标（logo）和获取订阅链接（href）的规范。
之后将其修改为：

{name : “BumpZee”,
logo : “bumpzee.png”,
href : function(t,u,c) {
return “http://www.bumpzee.com/entries/new/?” + “u=” + encodeURIComponent(u);
}
},//在这里需要添加一个逗号
{name : “QQ Bookmark”,
logo : “qq.gif”,
href : function(t,u,c) {
return “http://shuqian.qq.com/post?from=3″ + “&title=” + encodeURIComponent(t) + “&uri=” + encodeURIComponent(u);
}
},
{name : “Fanfou”,
logo : “fanfou.gif”,
href : function(t,u,c) {
return “http://fanfou.com/sharer?” +”u=” + encodeURIComponent(u) + “&t=” + encodeURIComponent(t);
}
}

之后在“images”文件夹中添加QQ书签和饭否的图标，其尺寸应与其他图标匹配，文件名与格式应与上述脚本保持一致。
如果你想添加其他的收藏按钮，可以使用该网站官方的正常添加手段测试某一链接，分析其获取链接的规范即可。

所谓“在U盘中安装WordPress”是在“ U 盘等移动设备中搭建 Web 服务器环境”下实现的。所以您可以利用该方法在您的移动存储设备中创建各种基于 PHP/MySql 的站点程序，如 Wiki 等。

★什么是“ Web 服务器环境”

建议您阅读并了解有关“ Web 服务器”的基础知识，这对你的使用有益无弊。

★使用 Xampp 套件

1. 下载 Xampp
   您可以在 Xampp 的官方网站下载各种版本和格式的软件包。鉴于我们的移动设备绝大多数情况下连接在安装有 Windows 操作系统的主机上，我们选择下载“XAMPP Windows 1.6.4 ”的ZIP格式软件包 ，这样便可以尽可能多的免除了对所连接主机的依赖性。
2. 安装 Xampp 将上一步中下载的 ZIP 软件包解压缩至移动设备的根目录，保证文件夹名为”xampp” ，否则不能正常运行！
3. 使用 Xampp 在上一步中所创建的“xampp”文件夹中运行“xampp-control.exe”文件，者可以打开 XAMPP Control Pannel Application 控制面板。如下图，
   
   一般情况下，我们只需要启动所示模块中的 Apache 和 MySql 即可，不需要启动“FileZilla（FTP 支持）”与“Mercury（邮件支持）”，也不需要“不礼貌地”在他人的电脑上添加服务。 启动相应模块之后如图所示，
   
   这时，我们可以通过相应的“Admin…”按钮访问其设置页面/窗口。点击 Apache 模块的”Admin…”按钮访问本地服务器首页，或在浏览器地址栏输入”http://localhost/“进行访问。默认的页面为 XAMPP 的介绍页及其相应的管理工具链接，如 “phpMyadmin” 等。（如果不能出现该页面，请检查以前的安装步骤。）如图所示，
   

★服务器及其数据库设置

1. 使用 phpMyAdmin
   点击 XAMPP 的介绍页及其相应的管理工具中的“phpMyAdmin”或在浏览器地址栏输入”http://localhost/phpmyadmin/“访问 phpMyAdmin。如下图，
   
   phpMyAdmin 是一款优秀的 MySql 管理工具。您可以自行选择程序语言和视觉主题。页面如图所示，
   
2. 新建一个数据库
   为了使用 WordPress、Mediawiki 等动态程序，我们必须为其创建相应的数据库，一般来讲一个用户一个数据库已经可以满足需要，不同程序的数据表可以通过不同的数据表前缀加以区分，如”wp_”、“wiki_”等。
   点击“Privileges（权限）”链接进入用户管理界面。点击“Add a new User”链接为 MySql 添加一个用户，并为其设定权限和指定数据库。如图所示，
   
   填写适当的用户名，MySql 主机地址选择本地（为了使本地WordPress变得有意义，我们不使用远程数据库主机），填写并确认密码。
   数据库信息中选择“Create database with same name and grant all privileges（创建同名的数据库，并赋予所有权限）” ，确认信息无误后在页面右下角点击“Go”按钮提交资料。这样设置可以简化过程并拥有对数据库的所有操作权。如图所示，
   
   至此我们创建了一个名为“xbodhi”的数据库，并为其指定了用户名“xbodhi”，赋予其全部操作权。
   在以后可以通过左侧的下拉菜单选择并打开相应的数据库。如图所示，
   
3. 切换PHP的版本
   现行的 WordPress 版本（WordPress 2.3.1）可以运行在PHP4/5上，但是如果需要进行其他后台程序的测试，而该程序对PHP版本有所挑剔时，我们可以通过XAMPP的PHP切换工具来临时选择PHP版本（仅限于 PHP4 与 PHP5）。
   在“xampp”目录下找到并运行“php-switch.bat”文件，调出 PHP 版本切换工具窗口。
   
   如果此时 Apache 正在运行，会出现警告提示。您需要在 XAMPP Control Pannel Application 控制面板中停止 Apache。如图所示，
   
   重新运行”php-switch.bat”文件，程序提示您当前运行的 PHP 版本（默认安装 PHP 版本为 PHP5）。在光标处键入“4”并回车切换到 PHP4 环境，键入“x”并回车结束设置。如图所示，
   
4. XAMPP 的 web 文件目录
   XAMPP 的 web文件目录为 “*（您的移动设备所显示的驱动器盘符）:\xampp\htdocs” ，我们发现这里已存在许多文件和目录，这些是XAMPP的介绍信息。在已通过 “http://localhost/” 访问并阅读 XAMPP 的相关说明，记下了 phpMyAdmin 的访问地址之后，您可以将”*（您的移动设备所显示的驱动器盘符）:\xampp\htdocs”目录下的所有文件删除，以防止在 web 目录根目录下安装其他程序时产生无效文件或同名文件被替换的麻烦。当然此后便您不能通过 “http://localhost/” 或者 “XAMPP Control Pannel Application的控制面板” 中 Apache 后的 “Admin…” 按钮再访问 XAMPP 介绍页面。建议转移到新建的目录中，如 “xamppadmin” ，这样您可以通过 “http://localhost/xamppadmin/” 继续访问。

★安装 WordPress

请参阅 WordPress 官方说明 ，或由搜索引擎获取相关信息，建议关键词为“wordpress 安装”。

尽管 WordPress 很强大，但他的后台界面看起来确实不尽如人意。相比其他的Blog程序，WordPress后台元素显得庞大臃肿，占足了视觉空间。原有的后台采用顶部导航，加之个别的标题字体设置过大，虽然有益于浏览查看，但是却需要频繁滚动页面，当光标位于编辑器输入区内部时更会造成很大的困扰。

WordPress Tiger Administration 采用左侧边栏导航设计，给编辑区和设置区以更大的展示空间。合适的字号选择既不妨碍浏览又给足了用户视觉呼吸空间。

但它也有不足之处。在插件官方页面展示的截图中我发现作者并不使用TinyMCE等编辑器。而在开启了这些编辑器的WordPress中WordPress Tiger Administration 并不能正确显示编辑器的布局：当你在可视化编辑器和代码编辑器之间切换时，整个页面布局会被打乱。 此外，该插件只支持Firefox浏览器，至于是作者对开源的热衷还是其他原因就不予猜想了……
Read the rest of this entry »