Question

我有Blogger托管的博客。 http://www.rocketstackrank.com

我想为＆＃34;最近评论＆＃34;添加一个标签。因为我认为＆＃34;评论小部件＆＃34;被埋在一边，无论如何都没有显示出足够的评论。我想如果我给人们一个列出几十条评论的特定页面，我会让更多人回复它们。

理想情况下，我通过某种方式重新使用现有的最近评论小部件来做到这一点。我对HTML，CSS，JQuery等感到满意。否则，我计划编写一个C＃应用程序，使用Blogger API提取注释，然后动态创建页面。（并且每天一次左右手动运行该程序。）

但肯定有更好的方法。

Answer 1

为评论创建新的静态页面，并在＆＃34; HTML＆＃34;中编辑页面。模式。

然后您可以粘贴这样的脚本来显示最近的评论：

<script>
//<![CDATA[
function showrecentcomments(json) {
    for (var i = 0; i < numcomments; i++) {
        var entry = json.feed.entry[i];
        var alturl;
        if (i == json.feed.entry.length) {
            break;
        }
        for (var k = 0; k < entry.link.length; k++) {
            if (entry.link[k].rel == 'alternate') {
                alturl = entry.link[k].href;
                flagAnon = !1;
                break;
            } else {
                // anonymous commenter
                alturl = "http:\/\/www.rocketstackrank.com\/?showComment=#";
                flagAnon = !0;
            }
        }
        var postlink = alturl.split("?showComment=");
        postlink = postlink[0];
        if ("content" in entry) {
            var comment = entry.content.$t;
        } else
        if ("summary" in entry) {
            var comment = entry.summary.$t;
        } else var comment = "";
        var re = /<\S[^>]*>/g;
        comment = comment.replace(re, "");
        if (!standardstyling) document.write('<div class="bbrecpost">');
        if (standardstyling) document.write('<br/>');
        if (flagAnon = !1) {
            document.write('<a href="' + alturl + '" style="text-decoration:none">' + entry.author[0].name.$t + ':' + '</a>   ');
        } else {
            document.write('<a href="' + alturl + '" style="text-decoration:none">' + entry.author[0].name.$t + ':' + '</a>   ');
        }
        if (showposttitle == true) document.write(' in ' + posttitle);
        if (!standardstyling) document.write('</div><div class="bbrecpostsum">');
        if (standardstyling) document.write('<div class="txtmsg"><br/></div>');
        if (comment.length < numchars) {
            if (standardstyling) document.write('<span style="word-break: break-word;">');
            document.write(comment);
            if (standardstyling) document.write('</span>');
        } else {
            if (standardstyling) document.write('<span style="word-break: break-word;">');
            comment = comment.substring(0, numchars);
            var quoteEnd = comment.lastIndexOf(" ");
            comment = comment.substring(0, quoteEnd);
            document.write(comment + '...<a href="' + alturl + '">(Read more)</a>');
            if (standardstyling) document.write('</span>');
        }
        if (!standardstyling) document.write('</div>');
        if (standardstyling) document.write('<br/>');
    }
    if (!standardstyling) document.write('<div class="bbwidgetfooter">');
    if (standardstyling) document.write('<div style="height:6px;width:100%;"></div>');
    if (!standardstyling) document.write('</div>');
}
// Params
var numcomments = 5;
var showposttitle = false;
var numchars = 70;
var standardstyling = true;
//]]>
</script>
<script src='//www.rocketstackrank.com/feeds/comments/summary?max-results=5&alt=json-in-script&callback=showrecentcomments'></script>

确保回调脚本中的参数numcomments = INTEGER（在脚本中）等于max-results=INTEGER。

使用参数numchars = INTEGER，您可以设置评论预览的长度。

在HTML模式下发布保持Blogger编辑器的页面。

作为最终建议，根据需要检查HTML输出和样式，并根据您要显示的内容添加/删除对象。

如何创建Blogger静态页面列表最近的评论？

1 个答案: