Tumblr:创建自定义主页

3
我一直在寻找可以帮助我设计定制的Tumblr主页链接,除非链接指向标记页面或永久链接页面,否则不显示帖子。不幸的是,在我访问的网站中,我找不到任何可用的内容。请问有人能帮我解决这个问题吗?
我需要插入某种代码(如JavaScript)吗?除了CSS3和HTML之外,我对JavaScript知之甚少。感谢您提前的回答!
2个回答

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}

在“文章”循环中,包含您需要的任何文章类型。更多信息可以在这里找到:http://www.tumblr.com/docs/en/custom_themes#basic_variableshttp://www.tumblr.com/docs/en/custom_themes#tag-pages。请保留HTML标记。

4
IndexPage块会在每个tagPage上显示(即使块不像这里一样包含另一个块)。因此,使用<div {block:TagPage}style="display:none"{/block:TagPage}>可以隐藏TagPage中IndexPage的某些部分。 - yves amsellem

0

好的,你有三个选择:

  • 在Tumblr内工作,并通过“自定义”功能(或者您可以获取一个能够实现您想要的功能的主题)进行CSS/JS(尽管我认为它非常有限)。
  • 将您所有的Tumblr帖子路由到自定义域名(这样您的博客将显示为不同的域名而不是yourblog.tumblr.com)。
  • 在您自己的自定义网站上制作自己的网站,并拉取您的博客RSS源(yourblog.tumblr.com/rss),然后按照您想要的格式进行格式化。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接