blogger:Blogger Beta中标签、搜索结果与存档页面的优化（一）

这部份内容较多，所以我分几部分来写。今天先来介绍：

（一）如何在标签、搜索结果与存档页面中只显示文章的标题
我们都知道如果在 Blogger Beta 中进行搜索或选择任何一个分类标签时，结果总会是以全文来显示的，存档文件也是如此。如果我们的文章数量很多内容又长，再加上其中也许会有大量的图片或音频视频的内容，这样就会大大的影响了页面读取的时间。而且在众多内容面前，你的读者们也不可能马上就找到感兴趣的文章，浏览效率因此降低了。如果我们能让它只显示文章的标题，并给出其固定链接，一目了然，这个问题自然就得到解决了。你可以先在本博客上看到效果，如果感觉不错，下面就开始进行操作：

进入模板HTML编辑界面，备份，展开，找到如下一段代码：

<b:widget id='Blog1' locked='false'
title='Blog Posts' type='Blog'>
<b:includable id='main' var='top'>
 <!-- posts -->
 <div id='blog-posts'>
   <b:loop values='data:posts' var='post'>
     <b:if cond='data:post.dateHeader'>
       <h2 class='date-header'>
          <data:post.dateHeader/></h2>
     </b:if>

     <b:include data='post' name='post'/>

     <b:if cond='data:blog.pageType == "item"'>
       <b:if cond='data:post.allowComments'>
         <b:include data='post' name='comments'/>
       </b:if>
     </b:if>
   </b:loop>
 </div>

将其中红色的部分替换成以下代码：

<b:if cond='data:blog.homepageUrl !=
                data:blog.url'>
     <b:if cond='data:blog.pageType != "item"'>
         <a expr:href='data:post.url'>
         <data:post.title/></a><br/><br/>
     <b:else/>
         <b:include data='post' name='post'/>
     </b:if>
 <b:else/>
     <b:include data='post' name='post'/>
 </b:if>

保存更新，这时你的标签、搜索与存档页面的显示结果就都是以文章标题来显示了。下一节我们将介绍如何突破每页20篇文章的限制，请继续留意。

希望上文对你有所帮助，如有任何疑问可留言告知，我会尽快给予回复。