东行记－北极星

用MovableType架设你的Blog平台

因为MT内带的说明文档非常丰富，我仅就我架设过程中遇到的棘手问题作些注解。

System Summary:MovableType 2.63 + HTMLarea(optional)
Server Summary:51.net A型帐户(有齐sendmail,cgi,php,LWP::UserAgent和SOAP::Lite perl modules,简单地说就是基本上齐全了)
Software Used:Dreamweaver MX, FlashFXP, 记事本(别小看，改CGI程序设置时挺重要的),IE6

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

第一部分：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******>和<$MT******$>标记 2.用BLOG数据库里的数据(也就是我们的BLOG)取代这些标记最终输出一个显示BLOG内容的HTML文件。

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

1.先象做普通网页那样编排好页面的布局。在这之前建议先看一下别人的BLOG的格局（我就是参考goghs的BLOG的）。
一个BLOG大致分四部分：标题区（包括BLOG名称、说明）、日历区（显示一个日历方便别人选择查看的BLOG日期）、BLOG记录显示区、侧选单区（包括记录打包查看、链接、版权说明等）。

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

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，也就是说同时出现这两行
<link href="styles-site.css" rel="stylesheet" type="text/css">
和
<link rel="stylesheet" href="<$MTBlogURL$>styles-site.css" type="text/css" />
这样的话在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

第四部分：为MT写blog时添加WYSIWYG的HTML文本编辑器
可以参考zheng在CNBlog.org心得集里的相关文章，按步骤做就是。
NOTE:HTMLarea不支持用-1、+2等作为文字大小，我见Dreamweaver里有这些字号想着用，结果弄得HTMLarea坏了，用了个备份覆盖上去才恢复正常。

来源：http://cylph.51.net/movabletype/blog-ctl/archives/cat_shares.html