我为自己的志愿者开设了一个博客，以便我们可以与公众沟通，发布有关我们自己的信息，并为公众提供与我们联系的方式。 （www.wildwindflutechoir.com）
应该组织者的要求，我修改了“博客帖子小工具”，这样它只显示1个帖子并删除了显示“热门帖子”或“过去帖子”的任何小部件。这样，只有最新的信息/文章显示在主页上，而网站中的其他页面（如about-us页面）没有旧帖子。主要目标是在圣诞节完成后不再在我们的主页（或网站的其他地方）上显示有关我们圣诞活动的信息...当然，除非您通过存档链接浏览到它。
这适用于桌面浏览器;但是，当我使用移动设备查看网站时（或通过向网址添加/?m=1参数）...主页列出了所有帖子。
我无法弄清楚如何让它只显示最近的1个帖子而不是这个列表...我也无法弄清楚如何让它自动显示最新帖子的全部细节（而不是预览）
请提供一些关于如何修改Blogger博客主页的建议，以便它只在移动视图中显示1个帖子（最好是整个帖子而不是预览）
更新
我将建议的解决方案应用于硬编码显示为1的帖子数量。我还在索引页面（主页）的情况下对其进行了修改，以便显示完整的帖子而不是移动索引。我考虑过显示帖子的链接以及有关帖子的完整详细信息，因为我发现您无法在主页上的移动版本中导航到较旧的帖子（您必须查看帖子才能检测到有较旧的内容）。
在自定义导航之后，并且无法使其像桌面版一样工作，我决定暂时不使用移动设备。至少它更接近于所要求的内容：仅显示最新内容。我将不得不在另一天回到这个导航问题。
以下内容将显示最新帖子的链接以及帖子的完整内容：
<!-- posts -->
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<b:if cond='data:blog.pageType == "index"'>
<b:loop values='data:posts limit 1' var='post'>
<b:include data='post' name='mobile-index-post'/>
<b:include data='post' name='mobile-post'/>
</b:loop>
<b:else/>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='mobile-post'/>
</b:loop>
</b:if>
</div>
但这是我目前所拥有的，所以只显示最新帖子的完整内容：
<!-- posts -->
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<b:if cond='data:blog.pageType == "index"'>
<b:loop values='data:posts limit 1' var='post'>
<b:include data='post' name='mobile-post'/>
</b:loop>
<b:else/>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='mobile-post'/>
</b:loop>
</b:if>
</div>
这是移动模板中的已知错误。如果帖子数设置为少于5个帖子，则移动主页将始终显示最少5个帖子，而不管它是否是自定义移动模板。在所有其他页面上（可通过下一个帖子链接访问），将遵守通过设置设置的计数
此问题的部分解决方案是切换到自定义移动模板，然后对模板代码进行以下更改 -
<b:loop values='data:posts limit 1' var='post'>
<b:include data='post' name='mobile-index-post'/>
</b:loop>
除此之外，还可以使用Lambda表达式 -
<b:loop values='data:posts first(p => p)' var='post'>
<b:include data='post' name='mobile-index-post'/>
</b:loop>
这将在视觉上解决仅显示单个帖子的问题，但是下一页链接而不是重定向到第二个帖子将重定向到第6个帖子（第2个第5个帖子被跳过）
使用像Contempo这样的响应主题怎么样？