首页
学习
活动
专区
圈层
工具
发布

Disqus评论框改造工程-最近评论的实现

最近从多说迁移到了 Disqus,确实老东家做的插件会好得多,唯一的麻烦就是需要一些步骤才能看到评论框。 大多功能都还凑合。唯一不满意的就是 CSS 风格。...本来也没多在意,也就一个 Disqus 的 Logo 放在那儿还看得过去,今天试着用他们 Advanced Usage 里面加了个最近评论框,同样也是 Iframe,不过各种padding加起来之后丑得不行...是时候研究一下 Disqus 的 API 了 毕竟是最大的三方评论供应商,他们的 API 及其详细。1....注意还有其他的listPosts的需求,当前我们使用的是全站评论 用里面提供的 URL 加上自己的 Key 组成链接: https://disqus.com/api/3.0/forums/listPosts.json.../评论内容,甚至一同返回了纯文本和富文本两种内容,最后将返回的数据进行渲染一下: $.ajax({ url: 'https://disqus.com/api/3.0/forums

68330

评论功能的简单实现

说明 网上看到有三种类型的评论,按照笔者的理解记下了过程(可能理解错了,望大神指出),所以列出的是笔者的理解,下面以模拟博客评论的场景来说明,(这些类型是笔者形容的,并没有这个词),总觉得很慌理解错了,...id', PRIMARY KEY (`comment_id`) ) ENGINE=InnoDB DEFAULT CHARSET=utf8; 这里主要说明评论功能的实现,表会尽可能简单的设计,像点赞,...id即可,将查询的内容放入其评论区完成,这种评论较为简单,评论之间没有互动,适用于少数场景(像笔者这次写的问答功能,但该问答有非法关键词,官方回答,锁定,审核,等功能,也不简单) 3....小一评论博客,小二紧接着回复小一的评论,小三又回复小二的评论,小一又回了小三的评论,像俄罗斯套娃层层套 数据库设计 这里笔者用单表来实现,笔者称评论与回复这二者为父子关系,评论为父级,回复为子级,这种关系在数据里增多一个...1楼和2楼同级,属于父级评论,直接挂载的博客下 A属于1楼评论的子级 B属于A的子级 C属于B的子级 二层的示意图: ?

1.7K11
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    MongoDB实现评论榜

    , 用户可以发出自己的提问,其他用户来解答, 同时楼主可以回复别人的评论,别人依然可以回复楼主 数据结构 mongodb可以存储文档啊, 其实我们要做的就是构建一个合适的类,评论帮也就成功一大半了 问题...当时是按照不同的用户分组, 同一个用户的全部评论,已经楼主对它的回复,以及别人对它的回复都放在一起, 所以需要一个字段,group(我选的用户id), 专门存储分组的标志....如果前端想在页面的分左右两部分展示自己的评论和别人的评论,就需要一个标记,既然上面都已经在遍历了,多加一个判断也无妨, 拿着前端提交过来的用户id和Answer中的userId比对, 如果相等,就把这个评论的...flag标记为true, 前端根据这个标记区分, 从而给用户更多的权限,比如删除自己的评论 局限性 如果没个问题都像网易音乐那种,上万条评论,这样的话,估计就废了,虽然使用stream会快,但是也扛不住量啊..., 但是数量小的话,还是可以接受的, 其实理想的状态是评论可以以分页的形式获取出来, 感觉才正宗。

    34610

    twikoo仿段落评论,实现快速评论功能

    碎碎念 前几天在twikoo的交流群中,有人提到了这样一个问题:twikoo可以实现段落评论吗?...我想了一下,下载了个番茄小说发现,他们都是按照每一行的内容分别进行评论的,Hexo可以实现类似于每一段落一个Url,也就是#[段落名]的格式,但是Twikoo并不能将这些段落分开,而且本来评论就很少了,...所以我想是否可以利用我的说说页面中的,点击评论按钮后后会在评论区添加一个:> + “文本”,从而实现类似引用的功能,那么也就实现了仿段落评论,同时所有的评论都会在评论区显示,避免了因为都在段落评论而导致主评论区没人的尴尬局面...问题提出番茄小说Hexo段落链接说说卡片回复卡片回复效果 内容简述 实现亮暗模式适配 实现高分辨率适配,设置上下阈值,基本确保不会超出屏幕 动画效果适配 自动将节选段落放置在评论框中 解决文本中含有回车导致函数失效的问题...妥协方案 下面我们需要实现该功能,刚开始我选择的时使用和说说页面类似的效果,当点击评论后,找到评论区输入框,将选中文字放到输入框中,进行类似于回复段落的效果,但是由于我设置的懒加载,当评论区没有滚入到页面视野内时不会自动加载

    71520

    纯代码实现WP评论添加@评论者功能

    对于使用WordPress默认评论框的同学来说,常常会遇到这样一个问题,就是当我们回复评论者消息的时候偶尔会搞不清楚到底是回复的谁,当然我们可以通过嵌套评论来区分不同的话题,但是当大家一块参与话题互相讨论的时候还是会分不清谁回复的谁...,这时候我们就可以通过@评论者来告诉对方我是在和你交流了。...网上关于此功能的实现方法很多,这里收集整理了两种亲测可用的方法推荐给大家。...,因为个人觉得这个功能只是去标识下我们在和谁交流,避免因为搞错对象而引起的尴尬场面,没有必要写入数据库加重数据库的负担。...当然对于有特殊需要的站长来说第一种方法也是很有必要的。

    47530

    评论区功能的具体实现思路

    评论区功能是社交类项目中的核心组成部分,它涉及到前端的交云和后端的数据处理。基于你的技术栈(前端 Vue3,后端 Java),下面是一个具体的实现思路和数据库设计建议,并探索一下知乎的评论系统。...数据库设计 评论功能的数据库设计是整个功能实现的基础。你需要设计至少两个表:comments(评论表)和 users(用户表)。如果还没有用户表,考虑添加它,因为评论系统通常需要与用户直接关联。...这可以通过在后端逻辑中检查 post_id 和 parent_id,并查询这些 ID 对应的用户,然后向他们发送通知(例如,通过邮件、应用内通知等)实现。...实时更新和通知 考虑使用 WebSocket 或轮询机制来实时更新评论区,以及通知用户他们的评论有了回复。 通过这种设计,你可以有效地实现一个具有嵌套评论功能的评论系统。...这只是一个基本的实现思路,具体细节可能需要根据你的项目需求进行调整。

    99010

    树形递归实现多级评论

    最近在想将博客网站做成小程序版本,之前只是实现了文章列表和文章详情的展示,这两天在进行评论的改写。...在评论中是一个多级嵌套的方式来进行展示的,也就是说每一条评论有一个自己的评论id,然后有一个父ID,指向父级的评论ID,孙子节点和祖父节点之间没有相应的关联。...这样形成一个多级嵌套的模式,具体实现的效果为下图所示 ?...,所以依次插入的时候无需担心会有节点漏掉 下面来看具体实现代码,首先需要做的是要把根节点和子节点剥离出来 var parent = [],child = []; result.data.map(...child.map(item=>{ parent = insertNode(parent, item); }); console.log(parent); 至此,一个完整的树形递归实现多级评论就算是完成了

    1.7K10

    实现 Emlog 最新评论列表不显示博主的评论回复

    博主需要经常和访客互动,博主的回复也作为一条评论在最新评论处显示,这样一来,如果博主如果一次回复好几条评论留言,那么在最新评论的地方显示的都是自己的评论,这样不太好。...以我当前的emlog5.3.1版本为例: 打开include/lib目录下的cache.php文件(这是个缓存函数文件)在其中找到以下代码: 我的是在179行,如下 $query = $this...='阿珏' ORDER BY date DESC LIMIT 0, $index_comnum"); 提示:这是一段执行SQL语句的PHP代码,条件是检测评论用户的用户名是不是博主的用户名,是则不显示该评论到最新评论列表...(也可以通过检测邮箱网址的 poster!...原文地址《实现 Emlog 最新评论列表不显示博主的评论回复》

    1.1K00

    微信小程序 内容评论-回复评论-回复回复的实现

    : null, //底部评论框内容 /* *以下初始化数据是用户点击任意一条评论或回复时需要设置的数据 *然后将设置好的数据传递给评论时新创建的评论数据对象 */...now_parent_id: 0, //当前点击的评论或回复评论的所属评论id now_reply: 0, //当前点击的评论或回复评论的id //模拟用户信息 userinfo...id now_reply_name: name, //当前点击的评论或回复评论的用户名 now_parent_id: pid, //当前点击的评论或回复评论所属id.../当前点击的评论或回复评论的用户昵称 now_reply_type:0, //当前回复类型 now_parent_id:0, //当前点击的评论或回复评论的所属评论...now_reply_name: null, //当前点击的评论的用户昵称 now_reply_type: 0, //评论类型 now_parent_id: 0, //当前点击的评论所属哪个评论

    3.6K31

    自动评论csdn博客文章实现

    首先进入首页,然后获取到首页左侧栏的分类列表的url,点开这些url,就是分类下的所有文章了。...这里我们只取每个分类下初始页的文章列表url(当然还可以自行实现鼠标下拉时的分页,以获取到更多的文章列表),这里定义了一个名为FETCHPAGES的数组常量,管理所需爬取的分类列表。...int count = 0; try { // 将评论成功的url打印到文件里 File file = new File("D:/tmp/successLog/...+ "\n"; System.out.println("success articalUrl is " + articalUrl); // 将评论成功的...url,然后打开url,拼接评论请求url,以及请求参数,发起post请求,评论上三次以后就会被网站服务器限制,提示评论太快,需要睡眠2秒钟再继续,最后会把评论成功的url和数量记录到本地文件中,便于查看

    1.1K20

    WordPress 站点实现评论秒回复

    很多站长都很好奇明月博客的评论回复都是“秒回复”的速度是如何实现的,今天明月就给大家分享一下,其实想实现“秒回复”博客评论并不复杂,原理很简单就是借助手机上的 WordPress 客户端和邮箱客户端来实现的...,邮箱客户端主要是接受博客站点评论提醒的,WordPress 客户端主要是方便及时的回复、修改、删除、屏蔽评论的。...这样在手机上有了 WordPress 手机客户端和 QQ 邮箱客户端后,就可以实现 WordPress 博客站点评论的秒收和秒回复了,开启 QQ 邮箱客户端在手机上邮件提醒通知就可以不错过每一个博客站点评论的提醒...有关 WordPress 站点评论重要性的文章: 『百度开始在搜索结果中展示站点社交内容——评论数量』 『还在给你的博客站点评论设置障碍的注意了!』 『再说说博客评论这些事儿!』...『说说博客评论的那些事儿』 『如何判断一个网站的价值?』

    1K30

    用ASP实现简单的繁简转换

    用ASP实现简单的繁简转换 国际化似乎是一个很流行的口号了,一个站点没有英文版至少也要弄个繁体版,毕竟都是汉字,翻译起来不会那么麻烦:P 一般的繁简转换是使用字典,通过GB的内码算出BIG5字符在字典中的位置...,读取显示之,用fso应该能够实现。...这里介绍的方法思路更简单一些,用Dictionary对象,就是字典,呵呵,dicGb2Big5(gb)就是相应的BIG5。...比起计算内码再依照位置读取字符简单的多吧:) 为了降低开销,把字典放在Application中,即在global.asa中建立两个application的字典对象 <OBJECT id=objGb2Big5...objBig52Gb.Add “摆”, “啊” objBig52Gb.Add “”, “阿” objBig52Gb.Add “甁”, “埃” …… 字典项非常多,就不都写了 做好了字典,使用的时候仅仅要查一下即可了

    2.4K10

    Valine 实现评论“撤回”重新编辑

    (想法来自 @Zsedczy 的评论重新编辑和撤销删除) 非撤回再编辑 具体实现 既然又是 leancloud 那就先聊下,因为 leancloud 官方文档里有写到一个 revert() 方法可以撤销尚未保存的修改...,不过我捣鼓半天没看懂这玩意咋能套进 Valine 实现保存数据前修改再保存,所以放弃了这个思路,转而像更简单粗暴的“数据更新”方法。...实现思路 同样的,利用 leancloud 数据储存的数据更新方法,对已经成功储存的指定数据进行修改再储存,简单来说就是更新数据(和之前更新点赞数据相似)当 Valine 提交评论后我们提供按钮对指定...del() : false; //删除逻辑 }; 问题修复 以上代码是已经可以实现重复编辑和撤销评论的逻辑了,不过这时候发现更新数据提交后没有响应,打开控制台才发现报了 400 错误,一看是有关于 ACL...拓展 要实现评论是否被重复编辑,一个是记录并判断评论提交时间,不过太麻烦,还有一个就和置顶 topset 的实现是一样的,在 leancloud 控制台新建一个 isEdited 列默认值 flase

    34010
    领券