2

我正在为一个非常重博客的博客开发一个新的 tumblr 主题。根据 tumblr 对评论链的最新更新,一些帖子变得非常冗长。虽然它在我的仪表板上看起来不错,但由于嵌套的块引用,它在我的博客上造成了严重破坏。

我想模仿评论在我的仪表板上的外观,没有用户的图标等,并使用交替颜色来帮助区分评论者。(如果我可以删除“空白”评论,那么我会得到奖励,但我可以稍后再处理。)

我做了一些搜索,但只能找到如何获得交替颜色。我确实看到一篇完全分解评论的帖子,但我不明白他们提供的代码。

我对 HTML、CSS 和 jQuery 非常陌生,因此非常感谢任何帮助!

4

2 回答 2

1

@relgukxilef 的回答几乎对我有用。

我必须将 jQuery 插入主题,然后等待 jQuery 被初始化。Tumblr 也更新了它的标签。

这是我采用的解决方案:

<script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>

<script type="text/javascript">
  $(document).ready(function () {
    // flatten reblogs
    $("div.post-content blockquote").each(function() {
      $(this).parent().prepend($(this).children());
      $(this).remove();
    });

    // remove : and add -
    $("div.post-content a.tumblr_blog").each(function() {
      var authorPTag = $(this).parent();
      authorPTag.html($(this));
      authorPTag.prepend("- ");
    });
  });
</script>

我将其添加到主题的底部,一切正常

于 2019-08-25T19:21:49.670 回答
1

似乎没有官方的方法可以做到这一点。但是可以使用JS来实现效果。以下脚本将展平嵌套的块引用,并删除博客名称后的“:”,而是在它们前面加上“-”。只需将其放入script标签下的新标签中body即可。

$(function() {
    // flatten reblogs
    $("div.cont blockquote").each(function() {
        $(this).parent().prepend($(this).children());
        $(this).remove();
    });

    // remove : and add -
    $("div.cont a.tumblr_blog").each(function() {
        var authorPTag = $(this).parent();
        authorPTag.html($(this));
        authorPTag.prepend("- ");
    });
});

在默认主题上看起来像这样:

但是请注意,这可能会在 Tumblr 下次更新重新博客的呈现方式时中断。它也不适用于无休止的滚动。

于 2017-02-22T22:01:04.260 回答