工作室注册登录标签云赞助光荣榜

当前位置:首页 > 全栈分享 > 前端乱炖 > 正文

hashover2.0所有接口的用法

发布时间:2021-11-21 23:13:18作者:魏义齐阅读:()评论:

本文为博主原创文章,未经博主允许不得转载。

最近在做模板,有个问答需求,专业的问答系统用不上,hashover就可以解决,因为要用于整个页面,所以我想知道比如热门评论、最新评论这些怎么调用,所以重新去看了官方文档,这篇文章分享hashover2.0所有接口的使用。

调用评论框我就不说了,先来说调用评论总数,有两个

1.单篇文章评论总数,没有评论不显示,有评论只显示评论计数的数字,而且不能点击,以帝国cms为例,如下:

  1. <script type="text/javascript" src="[!--news.url--]hashover/comments.php"></script> 
  2. <div id="hashover-comment-count"></div> 

2.单篇文章评论总数,没有评论显示“发表评论”,有评论显示“n条评论”,两种情况下点击元素都可跳到评论位置。

首先要加载一个接口,以帝国cms为例,如下:

<script type="text/javascript" src="[!--news.url--]hashover/api/count-link.php"></script>

其次保证评论总数所在元素的属性为class="hashover-count-link",然后跳到评论的话,我发现所有文章的第一条评论在如下图位置的链接都是当前文章链接后面加上了#hashover-c1

hashover第一条评论锚定位链接

那么这就好办了,以帝国cms为例,如下:

<a class="hashover-count-link" href="[!--titleurl--]#hashover-c1"></a>

这个跟畅言云评的底部评论框浮层达到的目的是一样的,都是提示文章有没有评论,并且要评论都可直接点击跳到评论位置,而且畅言云评的底部评论框浮层在我文章图片进入相册式预览时它还存在,刚好遮挡住图片的说明文字,所以如果只从我的需求看,hashover完胜畅言云评。

再来说调用最新评论,分为两个:调用全站最新评论和调用当前页面或指定页面的最新评论。

1.调用全站最新评论,以帝国cms为例,如下:

  1. <script type="text/javascript" src="[!--news.url--]hashover/api/latest.php"></script> 
  2. <div id="hashover-latest"></div> 

数量在后台无法控制,评论和回复是分开的,比较鸡肋。

2.调用当前页面的最新评论,以帝国cms为例,如下:

  1. <script type="text/javascript" src="[!--news.url--]hashover/api/latest.php?auto=no"></script> 
  2. <script type="text/javascript"
  3.   var latest = new HashOverLatest ({ 
  4.       url: '[!--titleurl--]' 
  5.   }); 
  6. </script> 

数量在后台无法控制,同样评论和回复是分开的,而且是先调用当前页面的最新评论,调用完了接着是全站的最新评论,不知道这是个什么逻辑。

调用指定页面的最新评论只需将url改成固定的即可。

这是个还没有开发完毕的评论系统,后续有新接口推出,我会在这篇文章里完善。

本文标签hashover ,您可以阅读与「hashover 」相关的所有文章

魏义齐全栈技术交流:魏义齐全栈技术交流

上一篇:畅言云评的热评话题暴露网站后台路径如何解决?下一篇:为hashover启用阿里邮箱的详细步骤及注意事项

原创不易,您的赞助就是博主更新的动力!

赞助请备注,8.88元及以上可在赞助光荣榜留下外链信息。

HashOver畅言云评完全自托管的评论系统

工作室注册登录标签云赞助光荣榜

最新会员
  • 东方星雨
  • deanhan
  • 1264822519
  • aini3311
  • a1051020101
  • weiyiqi