异域桃源blog入门指导(下) 　[ 分类:科技 Tech ]

　　此时，需要引进一个“重建文件”的概念。异域桃源的这套blog系统的工作机制如下：
　　更改(分类/模板/其他设置) -> 存入数据库 -> 重建静态html文件 -> 用户访问
　　而国内许多的blog系统，比如说blogcn，采用的工作机制又不一样：
　　更改(分类/模板/其他设置) -> 存入数据库 -> 用户访问 -> 动态生成html文件

　　像sina这样的门户站点，由于访问量巨大，为减轻服务器负担，避免反复读取数据库，采用的是第一套更新机制。而许多个人站点，由于访问量不大，为方便起见，多采用第二套方案。可以说是各有利弊。
　　“重建文件”，就是第一套机制中的第三个环节。只有在“重建文件”之后，您对于分类/模板的相关设置，才会被最终应用到html文件中。

　　简单地设置之后，看看自己的首页吧，您八成会觉得页面真是丑到家了。-___-#
　　那么，我们就来说说关于模板的问题(这将是最晦涩，同时也是最长见识的一块内容)。
　　本系统的模板由两个主要内容构成：1.CSS文件，也就是样式表，定义了您的博客系统的页面风格，包括边框、字体、底色、板块分布等等。2.html文件，也就是那些汇整、索引等等，主要定义了各个页面中存在着哪些内容。

　　在CSS文件中，各位会看到这样的语句段：
　　---------------------------------------------------
.side {
font-family:verdana, arial, sans-serif;
color:#333;
font-size:small;
font-weight:normal;
background:#999;
line-height:140%;
padding:2px;
}
　　----------------------------------------------------
　　“side”表示的是类型名称。也就是说，在html文件中，被定义为“side”类型的区域，将按照如上的样式标准显示出来。
　　其中，font-family表示字体，color表示字体颜色(#333就是各位熟悉的#333333)，font-size标示文字大小(x-small~x-large)，font-weight表示文字粗细(还能设置为bold)，background表示区域的背景颜色，line-height表示行与行之间的间隔大小，padding表示这个区域的边距(px=pixels=像素)。
　　再举一个例子：
　　----------------------------------
#content {
position:absolute;
background:#FFF;
margin-left:222px;
margin-bottom:20px;
border:0px solid #FFF;
width: 540px;
}
　　----------------------------------
　　其中，position表示定位模式(absolute=绝对定位，用过dreamweaver的人应该知道，不知道也没关系)。margin-left表示区域的左留空(222px就是将这个content区块，定位在页面左起第222+1=223个像素的位置)。border表示边框(solid就是普通直线,#FFF=#FFFFFF表示边框白色)。width表示宽度。
　　提示：您可以到http://www.movabletype.org/default_styles.shtml获得更多的配套CSS样式表。

　　说完CSS，然后说说那些html文件，就是标着“主索引”“分类汇整”之类的模板。看一段代码：
　　--------------------------------------------------------
　　＜div class="sidetitle"＞
　　逐月汇整(最近五个月)
　　＜/div＞

　　＜div class="side"＞
　　＜MTArchiveList archive_type="Monthly" lastn="5"＞
　　＜a href="＜$MTArchiveLink$＞"＞＜$MTArchiveTitle$＞＜/a＞＜br /＞
　　＜/MTArchiveList＞
　　＜/div＞
　　--------------------------------------------------------
　　＜div＞就是html代码中用来表示区域标签。＜/div＞是终结标签，相当于反括号。＜div＞标签的class属性，表示这个区域的类型，用户自定义。其中的内容由用户自定义。比方说你可以把“逐月汇整”改成“按月分类”或者改成“Archives by Month”，随意啦。
　　＜br /＞是啥？＜br /＞又可以写成＜br＞，就是html中的换行标签。
　　在这些模板中，您会看见很多＜MT???????????＞格式的标签，这基本都是Movable Type系统内置的功能模块。
　　比如说，这里的＜MTArchiveList＞标签，表示的是——这个位置显示“汇整”模块)。其中，archive_type是“汇整类型”属性，可以设置为daily、weekly、monthly、category等等，这样的话，这块地方显示的东西就会变成日汇整、周汇整、月汇整、分类汇整。lastn是“先是最后多少条”属性，数字随意啦。
　　＜$MT??????????$＞表示的是Movable Type系统自变量，＜$MTArchiveLink$＞表示汇整的链接，＜$MTArchiveTitle$＞表示汇整的名称。没事儿最好别改啦。

　　再给大家说一说怎么添加链接吧。看看下面的语句段：
　　-----------------------------------------------------------------------------------------------
　　＜div class="sidetitle"＞
　　链接
　　＜/div＞

　　＜div class="side"＞
　　＜a href="http://blog.flypig.org" target="_blank"＞＜img src="links/flypigblog.gif" border="0"＞＜/a＞
　　＜/div＞
　　-----------------------------------------------------------------------------------------------
　　＜a＞标签表示链接，href属性表示指向的地址，target表示目标窗口(_blank是新开窗口)。＜img＞是图片标签，src是图片地址，border是边框粗细。

　　现在呢，您就基本可以随便搞啦，爱怎么折腾就怎么折腾吧。
　　最后，提醒一下，更改模板之前，最好把文本框里面的内容复制粘贴到记事本，储存到硬盘里。
　　不然回头您搞得doesn't work了，异域的管理员不是惨了？嘿嘿嘿。