Tumblr:创建自定义主页

And*_*ew. 3 html javascript tumblr

我一直在寻找我认为可以帮助我为我的 tumblr 设计定制主页的链接,除非链接指向标记页面或永久链接页面,否则不显示帖子。不幸的是,我没有发现任何有效的方法,至少在我去过的网站中是这样。有人可以帮助我如何完成这项工作吗?

是否有我必须插入的特定代码(如 Javascript)?除了 CSS3 和 HTML,我对 Javascript 非常模糊。预先感谢您的回答!

mik*_*his 5

单独的主页/标记/永久链接页面

以下页面可能有不同的内容/视觉效果:

  1. 主页 - http://you.tumblr.com
  2. 标记页面 - http://you.tumblr.com/tagged/yourtag
  3. 永久链接页面 - http://you.tumblr.com/post/123456/your-post-title

{block: IndexPage}{block:PermalinkPage}并且{block:TagPage}是你的朋友。

下面是一个没有帖子的主页示例,以及包含帖子的标记/永久链接。

{block:IndexPage}
<h1>Homepage</h1>
<!-- Don't include Post loop here -->
{block:TagPage}
<h1>Tag Page</h1>
<!-- Include Post loop here -->
{block:Posts}
{block:Text} 
{block:Title}{Title}{/block:Title}
{Body}
{/block:Text}
{/block:Posts}
{/block:TagPage}
{/block:IndexPage}

{block:PermalinkPage}
<h1>Permalink Page</h1>
<!-- Include Post loop here -->
{block:Posts}
{block:Text} 
{block:Title}{Title}{/block:Title}
{Body}
{/block:Text}
{/block:Posts}
{/block:PermalinkPage}
Run Code Online (Sandbox Code Playgroud)

Posts循环内包括您需要的任何帖子类型。更多信息可以在这里找到:http : //www.tumblr.com/docs/en/custom_themes#basic_variables & http://www.tumblr.com/docs/en/custom_themes#tag-pages

  • IndexPage 块显示在每个 tagPage 上(即使块不像这里那样包含彼此)。因此,使用 `&lt;div {block:TagPage}style="display:none"{/block:TagPage}&gt;` 来隐藏标签页中索引页的某些部分会很有帮助。 (4认同)