让你的MT图文并茂

这几天在改MT的CSS,发现了一个可以让MT图文并茂的标签:<mt:entryassets>。通过该标签,可以显示文章中的图片。现在曙光博客的右侧Featured Posts就是利用该标签实现的。

<mt:Entries category="NOT Nnn" tag="@featured" lastn="5">
<div class="my-right-featured-post-content">
<mt:entryassets type="image" sort_order="ascend" limit="1" square="1">
<a href="<$mt:EntryPermalink$>"><img src="<MTAssetThumbnailURL>" width="82px" height="82px" align="left"/></a>
<a href="<$mt:EntryPermalink$>"><h3><$mt:EntryTitle$></h3></a></mt:entryassets>
</div>
</mt:Entries>

解释一下标签:

category="NOT Nnn" 表示只要不属于Nnn分类都显示,当然Nnn是不存在的。如果没有这个标签,在分类列表中,如果该分类没有标记为@featured的日志的话,就不会显示。还有一个问题暂时还没解决,就是在按月归档下现在还不会显示Featured Posts。

tag="@featured" 定义要显示的文章。@featured是私有标签(tag),在文章中是不会显示的,可以用来定义文章的分类。

lastn="5" 表示一共有5张图片(就是5篇文章)要显示。

type="image" 表示显示的是图片附件;

sort_order="ascend" 表示按升序显示该文章中的图片,在多张图片时候,显示最先上传的图片;

limit="1" 表示显示图片的张数;

square="1" 表示让图片成正方形,当然,你可以定义width 和 height来实现。

知道如何显示图片和文字之后,然后使用CSS来修饰一下即可。我只列出了文章的标题,可以利用其他的标签显示文章的内容等其他东西。

1 Comment