介绍我用纯JS实现的一个静态站点评论系统,以及实现过程中的心得体会。 前言 我的博客最早是使用 Disqus 来实现评论功能的。Disqus 被墙了之后,改成了多说。今年年初,多说也正式关闭了,于是我被逼着又开始寻找其他的替代评论系统。 我先是试用了网易云跟贴、畅言等几种类似的社会化评论系统。畅言要求站点必须备案,而我实在没有为了评论去申请备案的动力。网易云跟贴的管理后台上有很多不明觉厉的功能,但好像都没多大用处。最致命的问题是我不小心把我的站点绑定到了另一个网易账户,而不是我常用的微博账户。这样的话,我每
目前正在开发自己的网站,技术上使用Angular JS + Express JS + Mongo DB。由于网站会有文章发布,因此需要有评论功能。评论功能也可以自己开发,但由于现在社会化评论插件很多,因此没有必要多花精力,使用专业的就好。
本文讲述了一位技术博客作者在开发自己的网站过程中,使用各种社会化评论插件,并总结了如何正确选择和使用这些插件。作者通过对比和测试,最终选择了多说作为自己的评论系统,并介绍了如何在AngularJS框架中集成和调用多说评论的功能。
这样做的好处,是能让读者快速定位到这条评论,并且给予回复。找到自己感兴趣的内容。 但是弊端也有: 就是不利于seo 我这里用我的一篇被百度收录的文章来举例。 因为首页侧边栏那里有评论的链接,所以百度在抓取的时候,很容易将这种带评论参数的链接直接收录。 如图所示
涉及工具/包:Fiddler、Burpsuite、Js2Py、Closure Compiler、selenium、phantomjs、sqlmap 摘要: 记录分析某音乐类App评论相关API的过程,以及一些工具/包的基本使用(部分工具对最后尝试没有影响,但在其它场景或许有用),最后结合sqlmap进行注入尝试。本文对于sql注入没有深入展开(水平不够…)。 想法来源:本想写个程序获取零评论的歌曲,去占沙发…分析发现获取评论的POST请求参数有点复杂…既然花时间研究了,顺便进行一下sql注入的尝试。 目录:
作者:gavinfish 来源: http://blog.csdn.net/u013291394/article/details/50527463 玩csdn博客一个多月了,渐渐发现了一些有意思的事,经常会有人用同样的评论到处刷,不知道是为了加没什么用的积分,还是纯粹为了表达楼主好人。那么问题来了,这种无聊的事情当然最好能够自动化咯,自己也来试了一把,纯属娱乐。 01 登陆 要评论当然要能够先进行登陆,采用 requests 库进行处理,尝试能否看到自己的消息列表: 结果跳转到登陆界面,好的那看
几个月前,在好奇心的鼓动下,利用Github Pages和Hexo以及Next主题搭建一个属于自己的个人主站,由于时间伧俗,搭建成功后就没有好好完善一下,可以参照文章徒手教你建自己的博客,文章里有搭建免费博客的详细步骤。
本来hexo博客用的是gitment,我也非常喜欢,看着逼格就超高呀。无奈我用着bug略多,而且毕竟有github账户的小伙伴似乎并不多。于是我就忍痛准备换评论系统。然后在最近刚刚加入的hexo博客群里,看见了一个神器。也就是本篇主人公——Valine.js。
自从肉牛、钢材等垃圾评论泛滥,很多朋友都用上了各种评论验证方案,其中一个比较惹眼的就是张戈博客目前在用的 myQaptcha 滑动解锁。 很久之前张戈博客已经分享了这个滑动解锁的代码部署教程。不过还是
作者:reetsee.com首席运营官 http://blog.csdn.net/qq_17754181/article/details/45179667 至于下面说到的东西要解决什么问题,各位可以先
根据上图,我们可以知道:评论使用了Ajax异步刷新技术。这样就不能使用以前分析当前页面找出规律的手段了。因为展示的页面只有部分评论,还有大量的评论没有被刷新出来。
我一想,对吼,我咋个就没想到呢,传统的hexo博客大多采用在文末放置评论区的方式,这样如果是在阅读长文的时候,突然有个问题了,然后想在评论区提问或者在评论区找答案,那就要拉倒最底下评论完再回来继续看。或者就是全文看完了才方便提问。不管是哪一种,都会造成阅读的割裂感,这种时候,如果可以保留当前的阅读进度,同时还能打开评论区同步阅读评论,岂不美哉?
花了两天时间,终于把 Artalk 部署好了,一款数据自托管带后端的评论程序,非常适合我。这篇文章就介绍一下我部署的流程,以及我在部署过程中遇到的一些问题,将它记录一下,以便之后研究,顺便对使用 Nuxt.js 搭建博客的伙伴提供一些参考价值。
最好用的社会化评论系统多说的 WordPress 插件更新到 1.0 版本,这个版本开始支持支持社交账号注册和后台统计数据,使得多说向互联网基础设施服务更进一步。1.0 版本的详细更新信息:
首先是选择问题,对于后端的我来说,在ghost基础赏进行二次开发显然有点难度,只能选择第三方插件来丰富自己的代码。
最近为了考试都复习成狗熊样啦~~我要缓缓折腾折腾WordPress 先。今天带来本人最新的折腾成果: Ajax异步加载自定义评论表情。由于评论表情那22个gif图片加载的话实在是增加了不少的请求数,虽然本站DeveWork.com 的图片都用七牛加速了,但对于Jeff 这种有洁癖的人来说,实在是不舒服。想到可以使用 Ajax异步加载,经过不懈努力,Jeff 终于实现了这个效果,下面分享教程给大家! 这篇教程是建立在 DH博客 的一篇文章思路上面的,但是本文与之非常不同(DH 那篇文章甚至有错误),整个教程经
正所谓条条道路通罗马,上次我们使用了Selenium自动化工具来爬取网易云的音乐评论,Selenium自动化工具可以驱动浏览器执行特定的动作,获得浏览器当前呈现的页面的源代码,做到可见即可爬,但需要等网页完全加载完,也就是JavaScript完全渲染出来才可以获取到当前的网页源代码,这样的爬取效率太低了、爬取速度太慢了。
安装过程非常简单,这里引用 Valine 原作者 @云淡风轻 的安装教程,稍作修改。
简介:Artalk 是一款简洁的自托管评论系统,你可以在服务器上轻松部署并置入前端页面中。 官网:https://artalk.js.org/
不管是输入什么内容都提示“评论内容不能为空或过长”,开始以为是主题的原因,是不是程序升级后主题不能适配,排查了半天也没发现什么异常。
最后一页为10079,减500页应该是9579,然后你会发现9575页和9579页的数据是一模一样的。
在最近的Real-Time CrunchUp 2009上,通过自己的产品JS-Kit(已经安装在世界上60万个网站上),Khris Loux(世界上最大的评论服务提供商之一的CEO)宣布了传统评论渠道的死亡,指出现在我们需要找到一些传统社交网络之外的评论渠道。
今天,老蒋有在本地调试一个ZBlog PHP主题的时候,测试评论功能提交有错误提示。这个之前还没有遇到过,然后查看到发现是缺少文件导致的。这个问题估计有些朋友在制作或者修改主题文件的时候有可能遇到,这里把解决方法整理分享出来,万一我们有需要用到可以参考使用。
├── assets │ ├── audio // 鼠标划上去的音效文件 │ ├── background // 动态背景文件 │ ├── css // 主题样式目录 │ │ └── joe.min.scss // 全局样式文件,优先PC端 │ │ └── joe.responsive.min.scss // 自适应样式文件 │ │ └── joe.setting.min.scss // 后台外观设置的样式文件 │ │ └── OwO.min.scss // 评论
这是一个历史遗留问题,自从博客部署了 PHP 纯静态缓存之后,所有页面都是 html 静态内容了,而且在七牛 CDN 静态分离之后,速度更是达到极致! 不过也带来不少疑难问题,在之前写的《启用 WP
自己在写文章的时候,也有到处去逛一逛,渐渐发现了一些有意思的事,经常会有人用同样的评论到处刷,不知道是为了加没什么用的积分,还是纯粹为了表达楼主好人。那么问题来了,这种无聊的事情当然最好能够自动化咯,自己也来试了一把,纯属娱乐。
已有更简单的方式来实现,请参考: Hexo 优化 — Valine 扩展之邮件通知 前言 关于之前的 Hexo优化 --- 一款极简的评论系统,它满足了我对评论系统的一些基本要求。 但这个评论系统有一个痛点。虽然它虽然支持邮件提醒,但这个功能却很弱,无法提示到具体文章,也无法给评论者进行有效的回复通知,通常别人留完言,怎么还会再来你的博客看你是否回复了呢?。 而这款 Valine 的增强版,满足了这几个条件: 完善的邮件通知,自定义 SMTP 发件频率和内容不再受限 基于 Akismet 的垃圾评论自动
当你在做一个网站的同时,你可能会为网站做一些可以互动的环节。在SNS越来越重要的这个时代,像腾讯,新浪,阿里等等都争着做社交化元素。同样的如果一个网站缺少社交模块,那么你的网站遭遇冷落也是很正常的。许多人说,看XX网站,就是看标题和评论,甚至是与话题毫不相关的评论,评论为何成为网站的香饽饽。可以网站的评论系统对我们有多么的重要。
本文告诉大家如何在自己搭建的静态博客添加 Valine 评论。在这前,我基本都是使用 多说,但是多说gg啦,所以就在找一个可以替换的评论。
这两天一直在折腾博客的评论功能,原因是开启了百度云加速的 html 缓存,导致原有的记住评论者信息的功能失效了,每次刷新文章页面,用户信息都会清空。 于是就折腾了前几天的《博客文章重新启用评论,附一键填写评论中用户信息代码生成工具》一文,弄得好像是那么一回事。但是,还是没有从根本上解决问题啊! 昨天,接到博友黄启福的建议:通过 js 来操作 cookies,让浏览器记住用户信息即可。看了下 W3chool 资料,感觉是可行的,于是上午开始折腾 js 代码,并成功搞定了这个功能!再次感谢黄启福朋友的建议! 下
我一直在寻找开源、可以免费部署的评论系统,在 Valine 发现隐私问题和 XSS 漏洞后,我就放弃了 Valine 和「无后端」解决方案。
Typecho评论列表中的回复与取消回复,默认都是超链接形式的,官方函数只能自定义超链接内的文本内容,建议一些特殊原因,我不能使用超链接,故这样自行操作了一下。 教程
好了,现在基本页面已经写好了。但是为了演示父组件与子组件之间的传值以及调用关系,我将上面提交评论的部分抽出来作为一个子组件。
之前发表过一种样式的“返回顶部、返回底部、评论”效果,今天在这里分享Devework.com目前使用的效果:一个博客侧边滑动,返回顶部,查看评论的小工具,作为WordPress等博客专用。说到这个小工具,可是小有来头啊,据说(强调是“据说”)这原来是一位WordPress高手林木木首创的(人家称之为“滑动导航”),然后被某人改进做成了WordPress 插件,并且成功提交到WordPress官方去了。所以说不是自己的一定要说明来源,不然...;最后说一句,这个挺像插件wp-auto-top,姑且当做是wp-
2.只开启Markdown语法是不够的,因为评论区默认禁用HTML标签,所以要添加允许的HTML标签。 在评论设置的最下方找到允许使用的HTML标签和属性,插入以下代码。
Cusdis 是一个界面清爽、注重隐私的轻量级 (~5kb gzip) 评论系统,可以很方便地与 React、Vue 或其他博客系统结合,并且还提供了一个后台来管理所有的评论。
已有更简单的方式来实现,请参考: Hexo 优化 --- Valine 扩展之邮件通知 演示 之前也用多很多评论系统,包括多说,网易云跟帖,Coding Comments…,但是这些评论系统,要不就是稳定性差,要不就是需要繁琐的登录,还有的直接停止服务了。 好了,废话不多说,先看今天的主角长什么样: Valine – 一款基于 Leancloud 的极简风评论系统 使用方法 获取 Leancloud Key 因为是基于 Leancloud 的评论系统,所以需要先注册一个 Leancloud 账号。
畅言: http://changyan.kuaizhan.com (安装需要备案号)
19 组清风,携程资深前端开发工程师,负责商旅前端公共基础平台建设,关注 NodeJs、研究效能领域;
注册 Leancloud 并新建一个应用,获取 APP ID 及 APP KEY 然后引入 HTML
注明:以下方案是在 Valine 1.4.9 版本下完成,对于其他版本应该会根据实际情况修改参数,使用 F12 查看参数修改即可使用!(说明于 2020 - 04 - 25)
在网上查资料闲逛,偶然间看到了张戈博客的评论框有点意思,于是就收走拿到了我的米扑博客。
越来越多的开发者从当初的观望心态,逐步已经将 React18 的新特性投入开发/生产中了,当然,笔者所在的团队也不例外。
本站建立时便未使用 WordPress 自带评论系统,原因主要是在有比较多的功能需求需要适配和实现的情况下,二次开发比较耗时费劲。所以一直采用的是 Artalk (https://github.com/qwqcode/Artalk),功能非常完善;支持 Markdown、评论折叠、管理员等贴心功能。但是美中不足的其一是有后端部署的要求;其二是与博客的引用出于某些不清楚还没深究的原因效果不佳。最后的妥协是通过 iFrame 引用然后通过强制同源在父页面获取子页面窗口高度来实现评论区高度匹配。同时,这样的部署有几个影响用户体验的问题:
instantclick是一个预加载的js文件,就是能提前加载网页内容的东西,他有几种模式,第一种就是鼠标放在超链接上就开始预加载,第二种就是鼠标放上去xx毫秒后(时间可自定义)进行预加载,第三种就是鼠标点击后进行预加载。 项目官网:http://instantclick.io/ 项目地址:https://github.com/dieulot/instantclick
Ghost:https://github.com/PeterCxy/ghost-diaspora
在前不久的WWC22中,builder.io的CTO 「miško hevery」(同时也是Angular/AngularJS的发明者)发表了一段充满想象力的演讲。
一、介绍 朋友暑假实践需要美团外卖APP评论这一份数据,一开始我想,这不就抓取网页源代码再从中提取数据就可以了吗,结果发现事实并非如此,情况和之前崔大讲过的分析Ajax来抓取今日头条街拍美图类似,都是
领取专属 10元无门槛券
手把手带您无忧上云