动网论坛,站长建站首选,国内使用量最多的论坛软件 动网论坛官方技术讨论区 站长工具 申请属于您自己的免费论坛
首页 | 新闻资讯 | 网站运营 | 网络编程 | 数据库 | 服务器 | 网页设计 | 图像媒体 | 网络应用 | 搜索优化 | 资源下载 | 动网主机 | DVBOX
    本站内  互联网 ASP论坛  ASP.Net论坛  PHP论坛
   网络应用 → 阅读文章

 用MovableType架设你的Blog平台

作者来源:cnblog  
阅读 数 380 人次 , 2006-3-23 10:05:00 

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坏了,用了个备份覆盖上去才恢复正常。

(  

 本文Tagsblog  
 收藏本文  打印本文  论坛讨论  关闭窗口
· 上一篇:开源博客平台Lifestyle(原名Plog)介绍
· 下一篇:博客平台WordPress安装简介
· 2005年防火墙发展趋势漫谈
· 巧妙利用系统进程手工杀毒
· 用无线路由器构建FTP服务器
· 突破SQL错误提示上传webshell
· 完善网站程序 脚本攻击防范策略完全篇


关于本站 | 联系我们 | 业务合作 | 客户案例 | 诚聘英才 | 广告合作 | 收藏本站
海口动网先锋网络科技有限公司版权所有
Copyright © 2000 - 2006 Cndw.Com
中华人民共和国电信与信息服务业务经营许可证编号 琼 ICP 020077