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才能正常用上中文。
|
第三部分:模版修改
我應該著重說說模版,因為這個是花了我最多時間的部分。
最簡便的方法當然就是直接使用MT網站上找來的Default Templates和Default Styles,不過,你不想做出風格嗎?
如果大家從前用過一些留言版系統(我指象CLEVERBBS那種自帶背景系統的留言版,不是直接復制代碼的大眾留言版)應該知道MT的工作原理。
MT其實只是充當兩個角色:1.管理BLOG數據庫 2.按照用戶配置用數據庫的資料生成HTML文件
前面那個不用管它,跟模版無關?!鞍凑沼脩襞渲谩庇袃蓚€主要部分:1.找到模版文件里的
明白這些之后,我就可以發揮我們的想象力啦!分四大步:
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壞了,用了個備份覆蓋上去才恢復正常。
(責任編輯:城塵)