仅在 tumblr 博客主页上显示 div？

我对 CSS 和 HTML 的理解相当新手，我正在尝试做一些我认为应该相对简单的事情（在我正在创建的自定义 tumblr 主题中），但我找不到简单的答案。我有一种感觉，可能有一种超级简单的方法可以在 JavaScript 中完成我想要的事情。

我想显示一个DIV only在 tumblr 博客的主索引页（即主页）上。 tumblr 提供的文档似乎允许您在某种程度上执行此操作（通过 {Block:IndexPage} 变量），但问题是此元素中的代码显示在all索引页面（即，它不会只显示在 /page/1 的根级别，而是会显示在后续的“索引”页面上，例如 /page/2 等。

这是我的代码，它成功地不在永久链接页面上显示 div：

{block:IndexPage}
    <div class="mid2">
        <div class="midLeft2">  
            <p>test</p>
        </div>   
    </div>
{/block:IndexPage}  

有任何想法吗？任何帮助深表感谢！

这将起作用：

{block:IndexPage}
  <div id="index"
    {block:SearchPage}style="display: none;"{/block:SearchPage}
    {block:TagPage}style="display: none;"{/block:TagPage}>
    This is displayed only on the index page.
  </div>
{/block:IndexPage}

更多信息：http://ejdraper.com/post/280968117/advanced-tumblr-customization