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

评论显示实时头像

昨天发了评论旧访客评论次数显示,也不能冷落了新访客,于是就添加了实时显示新访客头像的功能。 没有输入时的效果: 输入邮箱后的效果: 只有一点作用,看着右面的Gravatar头像可以避免输错邮箱。...第一步,copy一下JS代码到已有的全局应用JS文件中或者新建一个JS文件。空空裤兜测试了下,和在一起比分开放的Yslow分数多了一点。...>/js/你新建的.js"> 第三步,修改comments.php,在评论框上部要输入邮箱的位置,根据你的主题,添加下面代码。这个是我针对我的主题添加的,不能直接复制哦。...top:25px;border:1px solid #ccc; background:#fff; width:47px; height:47px; padding:2px;} 这个只是针对新访客的头像显示...本文由 空空裤兜 发布在 空空裤兜,转载此文请保持文章完整性,并请附上文章来源(空空裤兜)及本页链接。 如果本文侵犯您和第三方权益,请联系我及时删除。

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

    终于修复了 Valine 评论在 Safari 不显示问题

    Valine & Safari 不知道使用 ios 设备的博友在浏览本站页面的时候有没有发现一个问题,所有页面评论模块都是不显示的!...(记得大胡子哥有评论提醒过我移动端不能评论,还问我是不是故意这样设置的,其实这就是个bug)通过 MAC 审查可以发现控制台报错了,似乎是一个正则语法问题,但这个问题一直以来都没有得到解决,直到今天为止...之后就一直拖着没管 问题根源 买了那个被背刺的 iPad 后,使用 Safari 的时候更多了,这时候在博客上查看评论就不行了,甚至有些写在 valine.js 内的调用功能都被阻塞不显示了,非常的恼火...这个细节我一直都没注意到,这直接导致了 valine.js 内的一个正则表达式中的空格被删掉了,大家都知道正则中的空格有时候是有大作用的, 恰恰就是因为这玩意活活把我折腾了小半年… 看这个问题代码:...以上,有问题评论区留言。

    22410

    MongoDB 在评论中台的实践

    因此我们决定打造一款公司级的评论业务中台,为各业务方提供评论业务的快速接入能力。在经过对各大主流 APP 评论业务的竞品分析,我们发现大部分评论的业务形态都具备评论、回复、二次回复、点赞等功能。...集群模式下,collection按照 片键(shard key)拆分成多个区间,每个区间组成一个chunk,按照规则分布在不同的shard中。并形成元数据注册到config服务中管理。...3.3.2 片键的选择 MongoDB集群中,一个集合的数据部署是分散在多个shard分片和chunk中的,而我们希望一个评论列表的查询最好只访问到一个shard分片,因此确定了 范围分片 的方式。...随着性能测试的介入,我们发现了有两个非常致命的问题: jumbo chunk问题 唯一键问题 jumbo chunk: 官方文档中,MongoDB中的chunk大小被限制在了1M-1024M。...sh.addShard("/") 扩容期间因为chunk的迁移,同样会导致集群可用性降低,因此只能在业务低峰进行 四、写在最后 MongoDB集群在评论中台项目中已上线运行了一年多

    2.2K30

    在DataGrid中显示图片

    除了与数据源直接绑定以外,我们还可以通过列绑定模板对 DataGrid 的列进行自定义,来按照我们设定的格式显示数据。     ...例如,数据表中有一个字段 f_DemoImage 用来存放图片的路径(包括图片文件名),为了在 DataGrid 的 Cell 中显示实际的图片,我们可以定义一个模板列,然后给该列赋予字段 f_DemoImage...的值,就可以在 DataGrid 的 Cell 中显示图片。...object sender, System.EventArgs e) { // 在此处放置用户代码以初始化页面   if (Page.IsPostBack)   { }   else   {   // 在...DataGrid 中显示数据(包括图象):   myTableAccess oDbTable = new myTableAccess(); //myTableAccess我是定义的数据库访问类   oDbTable.sDbPath

    5.2K30

    项目之显示回答和显示评论(13)

    但是,本次查询应该另创建VO类用于封装查询结果,因为后续显示回答时,每个“回答”还可以存在若干个“评论”,则在“回答”的数据中,应该存在List评论>的属性,由于当前还没有开发“评论”,所以,暂时无法设计这个属性...显示回答列表-业务层 (a) 设计业务并创建必要的异常 无 (b) 接口的抽象方法 在IAnswerService中添加: /** * 根据问题的id查询回答的列表 * * @param questionId...在detail.html中调整Vue对象的位置,使用id为answersApp,在answers.js中,修改Vue对象对应页面元素的el值。...显示评论列表-前端页面 首先,需要调整的是”显示回答列表“中的评论数量: 然后,遍历”回答“中的”评论列表“: 经过以上调整后,显示每个”回答“时,都会尝试显示该”回答“匹配的”评论列表“,即读取answer...“之后,新的评论并不会自动显示到页面,所以,在发表成功后,还应该: if (json.state == 2000) { alert("发表评论成功!")

    1.2K20

    MongoDB在vivo评论中台的实践

    因此我们决定打造一款公司级的评论业务中台,为各业务方提供评论业务的快速接入能力。在经过对各大主流 APP 评论业务的竞品分析,我们发现大部分评论的业务形态都具备评论、回复、二次回复、点赞等功能。...集群模式下,collection按照 片键(shard key)拆分成多个区间,每个区间组成一个chunk,按照规则分布在不同的shard中。并形成元数据注册到config服务中管理。 ?...3.3.2 片键的选择 MongoDB集群中,一个集合的数据部署是分散在多个shard分片和chunk中的,而我们希望一个评论列表的查询最好只访问到一个shard分片,因此确定了 范围分片 的方式。...随着性能测试的介入,我们发现了有两个非常致命的问题: jumbo chunk问题 唯一键问题 jumbo chunk: 官方文档中,MongoDB中的chunk大小被限制在了1M-1024M。...sh.addShard("/") 扩容期间因为chunk的迁移,同样会导致集群可用性降低,因此只能在业务低峰进行 四、写在最后 MongoDB集群在评论中台项目中已上线运行了一年多

    1.6K20

    在评论输入框中插入表情

    最近在做一个后台管理系统,要求可以对前台用户的作品进行评论,而评论要可以输入表情,常规的文字输入框都是用的文本域textarea来做的,但这种输入框只能输入文字,没有办法输入表情图标,这个时候可编辑div...就能起到作用了,那么如何在可编辑的div中插入表情呢?...要完成这个功能得用到 selection 以及 range,selection 对象由 window.getSelection() 方法获得,它代表页面中的文本选区,选区对应的区域,而range对象,可由...selection对象的 getRangeAt() 方法获得,实现在光标处插入图片后将光标移到图片后边,就是使用这两个对象中的方法。...基本的实现步骤是这样的,首先获得 selection 选区对象,再获得范围对象 range,创建图片节点,将图片节点插入到范围中,接着将范围收缩为它末端的一个点,最后将选区清除,将收缩后的范围重新添加到选区中即可

    4.9K10

    Emlog评论显示楼层的方法

    如何实现评论显示楼层?几楼几楼的样子。这个方法是我在动点那里看到的,我感觉很不错,虽然说EMLOG的博客程序是属于开源的程序,但是对于我们这些菜鸟来说开源的还不够,哈哈。...在一些模版中加入一些楼层的样式是很不错的。按照原文说:其实很简单实现的。    ...在你的主题module.php文件中的评论列表函数找到,以下以默认板子为例: 1、找到 function blog_comments($comments){ 替换为如下代码: blog_comments...>,放入你想要实现的位置,这样的话就能显示评论里面的楼层了,具体样式见本站留言板。 5、最后把echo_log.php和page.php两个文件中调用评论的函数,放入你想要实现的位置,这样的话就能显示评论里面的楼层了,具体样式见本站留言板。 ---- 小技巧:为了追求极致效果还可以在调用楼层的地方加个判断语句来个沙发地板之类的显示 <?

    41730

    Typecho评论显示IP归属地

    评论显示归属地,这个插件是我在网上看到了 用的是纯真的离线IP库,纯真目前好像不能通过网站更新了(过段时间在找找其他库或者换成调用API) 纯真这个目前只支持IPv4,目前我也懒动手就把IPv6关了,毕竟...Joe,也是最近换的,我就以Joe演示,其他主题也都差不多 首先找到主题的function.php,位置的话自己找找吧,直接搜文件名就行了 打开之后直接引入ipdata.class.php //引入评论者归属地...require 'ipdata.class.php'; 然后再找个位置插入,插入到function函数结束之后,这一步自行判断 /** 获取评论者归属地信息 */ function convertip...($ip){ echo convertips($ip); } 然后找到评论模板,一般都是comment.php,插入 ip); ?...> 如果显示位置需要和我这个在名字下面的话,就把代码插入到(自己看图吧主题不同的话自己找位置)下面这个是引入小图标,图标我放在插件里了自己下载之后传上去,改一下Url就行了 ip); ?

    87010

    评论发表后表情不显示

    小王子和小伙伴们在小区玩时在草丛中抓了几只蚂蚱上来,惊喜地拿上来给我看,对于小时候在老家麦田里经常见到这种害虫的我其实很不喜欢它的,本想着让小王子他们折磨一下,无奈小王子同情心泛滥,只好作罢,毕竟秋后的蚂蚱...好吧,离题了,言归正传,经常来老王这里的朋友应该了解本站评论经历了从纯文字到文字加表情,而表情又从表情图片列表显示到点击才显示表情图片列表,虽然在不断折腾,但一直以来都只有一组表情。...配置完又发现发表评论时表情图片可以在评论框中显示,但发表成功后表情却没有了。...update-utf8bm4=1 其实打开地址我什么也没有看见,但重新发表评论插入表情并发布时发现表情可以显示了。...不过还有一个问题,因为表情来源于网络,涉及到json文件中alias等原因,暂时没有深入研究和折腾,所以会出现如阿和留言所说的表情比较丑,但和阿和一起测试发现貌似和所用系统有关,正如我这边macOS看着可以

    64110

    Artalk 无评论随机显示诗词

    前言 Artalk 无评论时随机显示诗词(今日诗词或一言等)的效果,如本博客截图所示: 在本博客现阶段如果没有换主题或评论系统,随便找一篇没有评论的文章都可以看到实际效果。...我无意中发现,在 Artalk 的管理后台的 前端配置 中 无评论显示文字 可以插入 HTML 代码。 不知道这是开发者的有意或无意,让这一个需要 JS 侵入性实现的功能变得简单。...方法 打开 Artalk 管理后台,找到 前端配置 再找到 无评论显示文字: 输入: 1 显示结果都不太满意,然后我就问了一下 ChatGPT。...什么颜色的文字能同时在 #22272e 和 #FFFFFF 这两种背景色下都能优雅的显示,要求这种颜色必须具备浏览能识别的英文名称 为什么要以 #22272e 作为暗黑模式的代表色呢?

    41830

    WordPress 评论显示IP归属地插件

    在原有的基础上增加了显示国家以及归属地信息,只需要安装一个插件就可以解决所有问题了,建议安装之前删除旧插件 对应选项: 实际效果: 下载地址: 温馨提示: 此处隐藏内容需要发表评论,并且审核通过后才能查看...(发表评论请勾选 在此浏览器中保存我的显示名称、邮箱地址和网站地址,以便下次评论时使用。) (请仔细检查自己的昵称和评论内容,以免被识别为垃圾评论而导致无法正常审核。)...☆文章版权声明☆ * 网站名称:obaby@mars * 网址:https://h4ck.org.cn/ * 本文标题: 《WordPress 评论显示IP归属地插件》 * 本文链接:https...---- 分享文章: 相关文章: WordPress 评论显示IP归属地 WordPress 优化404页面 WordPress 中文分词搜索 WordPress 正文添加标签选项 WordPress...开启Gzip压缩 WordPress 主题 图片自适应宽度 WordPress jQuery隐藏侧边栏 WordPress 4.2.1 gravatar头像无法显示 Vendetta theme

    65030

    在Android中显示APNG动图

    三、在Android中显示APNG动图 这里使用了一个开源库来解析加载APNG图,apng-view 使用示例: String url = "http://xxx.png"; imageView.setOnClickListener...[batn8vbhrw.png] 源码解读 (1)prepare 先从图片文件读取这里说起,图片读取是在ApngDrawable这个prepare()方法中进行的; // 文件路径:com/github...instanceof PngChunkFCTL) { fctlArrayList.add((PngChunkFCTL) chunk); // 收集帧动画控制的数据块 } } } 这个过程大体上就是在解析这个...= null) apngListener.onAnimationRepeat(this); } currentFrame++; } 绘制动图的核心代码在drawAnimateBitmap方法里: private...总结下来ApngDrawable核心逻辑大致分三步: (1)APNG拆分成多个帧文件:图片文件通过开源库pngj以PngChunk的数据结构读到内存,然后遍历数据块,将APNG每一帧数据保存到本地文件中;

    19.4K20
    领券