网海天涯

实战系统标签（封装代码）

这一节的内容会教大家如何在模板编辑器中使用系统标签。我这里有一个测试用的账号，可以任意使用。账号及密码都为：jieetest 。大家可以用这个测试账号进入后台进行模板的编辑。下面列出我编辑的模板代码：

代码块： 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 ~ -->是不起作用的。下面的图示可以帮你理解我上面的内容。

这是header（最上面）部分

这是sidebar（左边）部分


这是entry（日志主体）部分

这节就到这了，在下节内容中我们就来看看Index.LogContent中的代码。