用MovableType架设你的Blog平台

发布: 2007-6-13 20:12 | 作者: admin | 来源: | 查看: 17次 | 进入软件测试论坛讨论

System Summary:MovableType 2.63 + HTMLarea(optional)

Server Summary:51.net A型帐户(不是帮他们卖广告，只是因为它有齐sendmail,cgi,php,LWP::UserAgent和SOAP::Lite perl modules(以上两个用于远程登录比如通过某些软件如Azure用手机写Blog),简单地说就是基本上齐全了，除了用来resize图片的Image::Magick)

Software Used:Dreamweaver MX, FlashFXP, 记事本(别小看，改CGI程序配置文件时就是用它),IE6

准备工作：下载软件、申请主页空间（无论你用什么主页空间，至少要支持cgi，因为MT是一个CGI程序）

好！现在可以看着MT各种各样的说明文档来建立你自己的blog platform了，当然，我也希望我这份notes可以提供一些对你有用的信息，帮助你架设你的这个platform。

第一部分：MT安装(主要参考文档MT软件包里的docs\mtinstall.html)

A.上传MT到你的空间时，记得将image/,docs/,styles.css放在static-files目录，否则就会象我之前那样说MT的介面很丑，原来我把styles.css放进cgi-bin/movababletype里了

第二部分：MT调试(参考文档同上)

A.按照goghs所说的方法修改几个文件，这样MT才能正常用上中文。


1.mt.cfg 

# PublishCharset Shift_JIS

修改为

PublishCharset GB2312
2. CGI.pm - line 376

从

$self->charset('ISO-8859-1');

修改为：

$self->charset('GB2312');
3. mt.cfg

找到

#NoHTMLEntities 1

将前面的注释符号#去掉，变成

NoHTMLEntities 1

第三部分：模版修改

我应该着重说说模版，因为这个是花了我最多时间的部分。

最简便的方法当然就是直接使用MT网站上找来的Default Templates和Default Styles，不过，你不想做出风格吗？

如果大家从前用过一些留言版系统（我指象CLEVERBBS那种自带背景系统的留言版，不是直接复制代码的大众留言版）应该知道MT的工作原理。

MT其实只是充当两个角色：1.管理BLOG数据库 2.按照用户配置用数据库的资料生成HTML文件

前面那个不用管它，跟模版无关。“按照用户配置”有两个主要部分：1.找到模版文件里的和<$MT******$>标记 2.用BLOG数据库里的数据(也就是我们的BLOG)取代这些标记最终输出一个显示BLOG内容的HTML文件。

明白这些之后，我就可以发挥我们的想象力啦！分四大步：

1.先象做普通网页那样编排好页面的布局。在这之前建议先看一下别人的BLOG的格局（我就是参考goghs的BLOG的）。

一个BLOG大致分四部分：标题区（包括BLOG名称、说明）、日历区（显示一个日历方便别人选择查看的BLOG日期）、BLOG记录显示区、侧选单区（包括记录打包查看、链接、版权说明等）。

2.加上一些不变的内容，在相应区块放入标记（比如你想在这里显示BLOG记录的标题，你就在Dreamweaver的代码区加入，其余类推。

NOTE!!! 一定要在代码区加入标记，而不是直接在DesignView里加，否则标记会被当作普通文字而被MT忽略，到时就显示不了BLOG的内容啦！

HINT!我发现在Dreamweaver代码区里定位不太容易。这里介绍一种简单的方法就是：先在DesignView里打几个字然后选中他们，这是在代码区里就会相应有一个选区了，然后就可以用标记去取代这些文字了。

NOTE!!!不要随便在DesignView里更改内容，否则可能会不小心把标记变成普通文字的。

NOTE!!!还有就是，Dreamweaver缺省会帮你把标记两边的<>变成普通文字，非常讨厌！解决方法是在Edit->Preferences->Code Rewriting->取消掉Encode <,>,&……那项。

3.你觉得无法自己编排的内容（其实显示BLOG那部分就已经足够复杂），只需要在代码区里定好位，用Default Templates里的代码直接替换就是了，缺省的模版制作水平其实并不低，就是单调了些。

HINT!其实标记你完全不用亲力亲为，直接把一大段的代码拷过去还来得快些，还对后一个步骤提供不少方便，因为Default Templates里的标记都各自定好了一个CSS，风格容易统一。

4.修改CSS STYLE

HINT!把MT自带的styles-site.css放在你这个模版文件的同一个目录，Link进去，同时保留原来的那行CSS LINK，也就是说同时出现这两行和这样的话在Dreamweaver里可以WYSIWYG地编辑CSS STYLE。

HINT!想知道各个部分被定义的style是什么，只需选中这部分，然后在代码区里往前看一点，就会有一个 class=XXXXX 的代码，然后在Edit Stylesheet里选择相应的style来修改就是了。

5.将MT里的模版全部指向做好的文件，包括CSS STYLE SHEET，别忘了最底下的几个写comment时用的模版。

真不明白谁会这么蠢一次次在那个text box里填代码……

HINT!建议在BLOG的目录里建一个templates目录专门放置模版文件，然后在指向里填./templates/XXX.html或./templates/XXX.css

第四部分：为MT写blog时添加WYSIWYG的HTML文本编辑器

可以参考zheng在CNBlog.org心得集里的相关文章，按步骤做就是。

NOTE:HTMLarea不支持用-1、+2等作为文字大小，我见Dreamweaver里有这些字号想着用，结果弄得HTMLarea坏了，用了个备份覆盖上去才恢复正常。

（责任编辑：城尘）