css - Tumblr:如何在页面上隐藏 Disqus 评论?

标签 css tumblr

据我所知,在 Tumblr 中没有 {block:Pages} block ,所以我们添加到普通帖子中的任何内容也会添加到页面中,比如分享,最糟糕的是,评论系统。

有没有人知道黑客攻击,或者有什么方法可以从页面中删除/隐藏元素?这很困难,因为页面正在使用 {block:Permalink} {block:Text} block ,所以我很困惑。

我最近刚刚发现如何在此处仅使用 HTML 修改带有帖子标签的 CSS:Tumblr: How to control CSS with post tagging (UPDATE: Working Method without JQuery!)

我想也许我们可以用这个,这个想法是这样的:

{block:Text}
  <div class="post {block:HasTags}pagefix {block:Tags}{Tag}{/...}">
  ...
{/block:Text}

它的工作方式是默认我们隐藏我们不想在页面上显示的任何元素(例如:Disqus),在 {block:HasTags 之间添加类 .pagefix } 在 div 包装器中,我们可以告诉它在带有标签的帖子上显示元素,这样元素将只显示在帖子上而不显示在页面上,因为页面没有标签。

这有两个问题,1)必须标记所有帖子以显示任何隐藏的元素,2)必须将 Disqus 评论脚本插入到每个帖子中帖子类型,而不是仅在 {/block:Posts} 结束 block 之前出现一次。

我可能只是将 Disqus 放在了错误的位置,或者其他一些错误,让我知道您的想法,我在网上的任何地方都找不到任何关于这个的信息。没有独特的页面 block 真是太蠢了......

最佳答案

只需将您的 Disqus 代码包装在日期 block 中即可。

{block:Date}
    <!-- Disqus code -->
{/block:Date}

因为只有 posts 有日期,Disqus 代码永远不会呈现在页面上。这也解决了上面只有一个帖子破坏方法的问题。

关于css - Tumblr:如何在页面上隐藏 Disqus 评论?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6237967/

相关文章:

css - 使用CSS在同一行显示标签和输入

CSS Transition延迟显示bootstrap 3菜单

html - 如何将一个背景图像设置为每个帖子都设置在 tumblr 主题上的框?

jquery - 如何动态显示弹出消息

html - 显示文本 html/css 的悬停按钮

typescript - 从我的 Tumblr API 获取帖子

html - 删除 Tumblr 主题上的 PostID

javascript - 想要将文本发布到 Tumblr

CSS:在保持宽高比的同时使 Canvas 尽可能大

css - 我的 Tumblr 博客上的此页面不安全(损坏的 HTTPS)