Javascript 编辑博文计数器博客

我想知道是否有可能显示编辑发布的帖子数量我在blogger上有其他编辑，所以我想在每个编辑下面显示他发布的帖子数量。 如下图所示

---

这可能是一个解决方案，您可以添加一个博客小部件，并在本演示中计算帖子。 在此解决方案中，您需要“硬编码”作者姓名（此处用于演示

Author1

和

Author2

）

var author1=；
var author2=；
addEventListener（“加载”，函数（）{
//在这里，将此信息写入HTML
警报（`author1有：${author1}个帖子，author2有：${author2}个帖子`）；
});

要将帖子添加到HTML中，您必须使用一些javascript，但这取决于模板生成的HTML

这里，lambda函数用于

过滤来自特定Auhtor的
帖子，并使用
size
Post-Array元数据获取金额。

（因为它是为两位作者而做的，所以做了两次）

添加了
窗口.addEvnetListener
事件，将数据写入警报（在您的情况下，是HTML-DOM）

有关所用Blogger语法的更多详细信息，请参见：

更新：
Javascript详细信息


。。。设置变量的值
数据：发布
。。。所有帖子的blog小部件变量
过滤器
。。。是数组的lambda函数，它只返回元素，其中过去in函数返回true
（p=p.author.name==“Author1”）
。。。是将对数组中的每个元素执行的函数，仅返回

因此
创建一个变量，并将该值设置为作者名为
Author1
的所有文章


。。。返回数组中所有文章的大小/计数
firstAuthorPosts

所以
var author1=
创建一个javascript变量，该变量将设置为作者的所有帖子的计数
Author1

以下三行对于
Author2


为网站加载时创建加载事件处理程序

window.addEventHandler（“加载”，函数（）{
警报（`author1有：${author1}个帖子，author2有：${author2}个帖子`）；
});


由于Javascript变量
author1
和
author2
是全局变量，因此可以在事件函数中访问这些变量。

这一行只是显示如何访问值：
alert（`author1有：${author1}个帖子，author2有：${author2}个帖子`）

它使用插值，这就是为什么
${author1}
和
${author2}
。（）
是的，这是可能的，通过在海报图像旁边用HTML写下帖子的数量，并使用在图像上移动该文本。如果你想要更详细的答案，你应该先向我们展示你尝试过的代码。谢谢，但我想说的是，是否有一个代码或html标记或任何其他东西，比如jquery代码，可以自动计算每个编辑器的帖子数。这可能吗？我明白了，这主要是一个关于如何从Blogger平台读取正确的值的问题，而不是一旦你拥有了它，如何显示它。我帮不上忙，但也许其他人可以。你能解释一下javascript的最后一部分吗？？？@YoussefMajbri javascript部分现在清楚了吗？或者有什么你想知道的吗？很清楚，但我怎样才能在blogger widget中把所有的部分放在一起呢？@YoussefMajbri，这取决于你的代码。我渴望得到答案，所以写了一篇博客。我希望这能有所帮助。非常感谢你为我和其他人所做的一切，非常感谢你
<b:widget id='Blog2' locked='false' title='Blogposts' type='Blog' >
  <b:includable id='main'>
    <script>
      <b:with var='firstAuthorPosts' value='data:posts filter (p =&gt; p.author.name == &quot;Author1&quot;)'>
         var author1 = <data:firstAuthorPosts.size />;
       </b:with>    
       <b:with var='secondAuthorPosts' value='data:posts filter (p =&gt; p.author.name == &quot;Author2&quot;)'>
         var author2 = <data:secondAuthorPosts.size />;
       </b:with>    
       window.addEventListener("load", function(){
         // here write this info into the HTML
         alert(`Author 1 has: ${author1} Posts and Author 2 has: ${author2} Posts`);
       });
     </script>
  </b:includable>
</b:widget>