html - 如何自定义 tumblr 404 URL 未找到页面

Question

Tumblr 似乎没有提供 div 标签来自定义“未找到 url”页面的外观。 有没有其他方法可以自定义 404(未找到 URL)页面？

Answer 1

编辑:此方法仅适用于没有页面的 tumblogs。

询问、提交，以及在“自定义”部分中创建的其他页面将被此代码检测为“未找到”。

---

描述

Tumblr 对静态页面使用普通的 {block:Posts} 循环，但没有分配任何变量，如 {PostID}。如果我们使用像 post{PostID} 这样的类，在 404 页面 所有静态页面 我们将看到一个 .post 元素，而在 posts 上，元素将类似于 .post125678

例子

{block:Posts}
  <div class="post{PostID}">
    {block:Photo}all your blocks here{/block:Photo}
  </div>
{/block:Posts}

使用javascript:

var is404 = document.getElementsByClass('post').length;

使用 CSS:

.post {
    /*this is a 404 page, customize it*/
}

很酷的无 javascript 示例

{block:Posts}
  <div class="post{PostID}">
    {block:Photo}all your blocks here{/block:Photo}
  </div>
{/block:Posts}
<div class="fill-me"></div>

在 CSS 中:

.post { /*Hide Tumblr's 404 message*/
    display: none;
}
.post + .fill-me:before { /*use your message and style*/
    content: 'This page was not found!';
    font-size: 2em;
}

编辑:可能的修复

要修复这个方法，我们应该找到一个只显示在页面上但不显示在404页面上的{tag}。

{ShortURL}，如果没有错误，可以使用，因为理论上 404 页面不应该有 ShortURL。

我也试过 {Permalink} 但在这种情况下它的行为类似于 {PostID}。