• 2008-07-01

    blogbus模板系列教程5---认识系统标签(封装代码) - [博客大巴代码教程]

    版权声明:转载时请以超链接形式标明文章原始出处和作者信息及本声明
    http://seobox.blogbus.com/logs/23911719.html

    所谓的系统标签,其实就是bus系统专有的一些标签。把这些标签放到布局代码中,就能输出相应的内容了。我在教程开始的介绍中,把这些代码称为封装代码。我们不必了解封装代码的具体内容,只要把它们放在合适的地方就好了。这些标签中,有些标签只能在模板的某一部分使用,另外一些则可以与其他部分共用。这节的内容我们先熟悉一下基本的标签:

    Index(首页)中的系统标签:
    <!-- ~ header ~ -->     <head></head>内的部分代码,它的作用就是导入Header代码块中代码
    <!-- ~ blogname ~ --> 博客名称
    <!-- ~ blogdescr ~ --> 博客描述
    <!-- ~ diarys ~ -->      日志主体
    Index.LogContent(首页中的日志部分,与<!-- ~ diarys ~ -->有紧密关系)中的系统标签
    <!-- ~ timeline ~ -->    发表日期
    <!-- ~ diarytitle ~ -->   日志标题
    <!-- ~ diarybody ~ --> 日志正文
    <!-- ~ posttime ~ -->  发表时间
    Comment (负责显示评论的代码块)
    <!-- ~ cmtbody ~ -->  评论列表
    <!-- ~ cmt_re ~ -->     作者回复


    下面列出我编辑的模板代码:
    代码块: Index
    <div style="width:860px;height:120px;border:1px solid red">
     这是我的博客名称:<!-- ~ blogname ~ --><br />这是我博客的描述:<!-- ~ blogdescr ~ -->
    </div>
    <div style="width:860px">
     <div style="width:260px;height:220px;border:1px solid red;float:left">
       最近更新:<!-- ~ update ~ --><br />链接:<!-- ~ links ~ -->
     </div>
     <div style="width:590px;height:auto;border:1px solid red;float:right">
        <!-- ~ diarys ~ -->
     </div>

    </div>
    如果你压根看不懂上面的代码,请返回查看相关教程。在上面的代码中,多次出现了 <br /> 这是一个html标签,默认情况下,它代表的意思就是“换行”。一个 <br /> 表示换行,两个 <br /> 连用,即 <br /> <br /> 就表示换两行了。另外, <!-- ~ diarys ~ --> 表示日志列表的意思,它实际上就是调用Index.LogContent(首页.日志内容)中的代码,所以如果代码块Index.LogContent中没有代码的话,<!-- ~ diarys ~ -->是不起作用的。


    收藏到:Del.icio.us