介绍我用纯JS实现的一个静态站点评论系统,以及实现过程中的心得体会。 前言 我的博客最早是使用 Disqus 来实现评论功能的。Disqus 被墙了之后,改成了多说。今年年初,多说也正式关闭了,于是我被逼着又开始寻找其他的替代评论系统。 我先是试用了网易云跟贴、畅言等几种类似的社会化评论系统。畅言要求站点必须备案,而我实在没有为了评论去申请备案的动力。网易云跟贴的管理后台上有很多不明觉厉的功能,但好像都没多大用处。最致命的问题是我不小心把我的站点绑定到了另一个网易账户,而不是我常用的微博账户。这样的话,我每
我一想,对吼,我咋个就没想到呢,传统的hexo博客大多采用在文末放置评论区的方式,这样如果是在阅读长文的时候,突然有个问题了,然后想在评论区提问或者在评论区找答案,那就要拉倒最底下评论完再回来继续看。或者就是全文看完了才方便提问。不管是哪一种,都会造成阅读的割裂感,这种时候,如果可以保留当前的阅读进度,同时还能打开评论区同步阅读评论,岂不美哉?
这是个比较好用的功能,不管是用户还是管理员都可以即时看到最新评论并作出回应。只可惜 valine 官方并没有开发这么一个功能,秉承着自己动手丰衣足食的想法,也算是在 @Lee 的一篇 leanCloud 文章的启发下才有了使用 leanCloud 实现最新评论的思路。
Vue把父组件的方法传递给子组件调用(评论列表例子) 效果展示: image 相关Html: <!DOCTYPE html> <html lang="en"> <head> <meta cha
这样做的好处,是能让读者快速定位到这条评论,并且给予回复。找到自己感兴趣的内容。 但是弊端也有: 就是不利于seo 我这里用我的一篇被百度收录的文章来举例。 因为首页侧边栏那里有评论的链接,所以百度在抓取的时候,很容易将这种带评论参数的链接直接收录。 如图所示
最近为 Jeff的阳台 折腾着插件的提速工作。Jeff的阳台使用了多说评论系统,但多说的加载速度实在是不敢恭维(稳定性也一样),于是又邪恶地想到为多说提速一番,下面就将Jeff的成果写出来分享分享。Jeff 针对多说的提速目前只要在两个方面:js内页页脚加载、静态文件CDN。以下是以最新版本的多说插件(1.1版本)来提速。 js内页页脚加载 以前版本的多说,多说核心脚本embed.js默认所有页面加载,默认网页头部加载。最新版本的多说对于后面一项已经提供用户选择的权利了,在WordPress 后台-多说评论
这是一个历史遗留问题,自从博客部署了 PHP 纯静态缓存之后,所有页面都是 html 静态内容了,而且在七牛 CDN 静态分离之后,速度更是达到极致! 不过也带来不少疑难问题,在之前写的《启用 WP
微言码道的官网是我在2021年元旦三天假期的时候做的一个网站,自那以后,因为业余时间有限,除了网站内容上有所变更以外,网站本身没有任何更新。
作者:gavinfish 来源: http://blog.csdn.net/u013291394/article/details/50527463 玩csdn博客一个多月了,渐渐发现了一些有意思的事,经常会有人用同样的评论到处刷,不知道是为了加没什么用的积分,还是纯粹为了表达楼主好人。那么问题来了,这种无聊的事情当然最好能够自动化咯,自己也来试了一把,纯属娱乐。 01 登陆 要评论当然要能够先进行登陆,采用 requests 库进行处理,尝试能否看到自己的消息列表: 结果跳转到登陆界面,好的那看
https://www.bilibili.com/video/BV1cj411Y7UK/?share_source=copy_web&vd_source=11344bb73ef9b33550b8202d07ae139b
博客迁到静态页面之后,在Gitalk拉垮、Discuz国内没法用的情况下,寻找一个可植入的第三方评论系统成了我需要去考虑的一件事。搜狐的畅言放在博客上效果并不是很好,Valine之前被大量垃圾评论洗刷过,实在不敢用,因此最后锁定了Waline,根据介绍这是一个带有后端的Valine,所以有一系列可以使用的功能。
这里说的MVC指的是设计模式里的MVC不是asp.net mvc。 既然MVC是一种设计模式,那么他就应该在任何地方都可以使用。比如三层。 有人说MVC里的V相当于三层里的UI,M相当于三层里的DAL + BLL。这么理解也不错,因为设计模式可以应用在任何地方,这么理解是完全可以的。但是我有另一种理解,大家看看对不对。 我觉得在UI层里面也可以使用MVC设计模式。请注意仅仅只在UI层里。还是用一个实例来说明吧,我不擅长讲原理。 假设我们要显示博客园的首页,再缩小一下范围,我们要实现首
header.php篇 <?php /* Template Name:默认模板 模板名称 Description:默认模板,简洁优雅 …… 模板简介 Version:1.2 模板版本
最近为了考试都复习成狗熊样啦~~我要缓缓折腾折腾WordPress 先。今天带来本人最新的折腾成果: Ajax异步加载自定义评论表情。由于评论表情那22个gif图片加载的话实在是增加了不少的请求数,虽然本站DeveWork.com 的图片都用七牛加速了,但对于Jeff 这种有洁癖的人来说,实在是不舒服。想到可以使用 Ajax异步加载,经过不懈努力,Jeff 终于实现了这个效果,下面分享教程给大家! 这篇教程是建立在 DH博客 的一篇文章思路上面的,但是本文与之非常不同(DH 那篇文章甚至有错误),整个教程经
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/134784.html原文链接:https://javaforall.cn
Waline 的初始化挂载器。必须是一个有效的 CSS 选择器 或 HTMLELement 对象。
Node.js Best Practices 是一个关于 Node.js 最佳实践的开源项目。该项目汇总了许多顶级内容,包括 80 多个最佳实践、样式指南和架构技巧。以下是该项目的核心优势和主要功能:
MAPSDUMPER是一款针对Google Map定位点的信息收集工具,该工具功能强大,可以帮助广大研究人员快速从Google Map的定位点转储详细的地址信息,其中包括手机号码、电子邮箱、网站和评论等信息。
以前一直想换一个简洁大方不花哨的博客主题,Typecho 默认主题显得太简陋了一点。用过一段时间的 cho 的 Maupassant 和 Navy 主题,不久之后我便开始审美疲劳了,后来有一天我在 v2ex 上看到了IIssNan 分享了他的 Next 主题 ,看到它的第一眼我就喜欢上了。似乎有那么一种“这就是我要的滑板鞋”的既视感,只可惜它只能用在 Hexo 上。后来 IIssNan 发布了这个主题的另外一个样式:Mist Scheme(就是本站现在用的的这个)感觉它似乎更加地适合我。
自己在写文章的时候,也有到处去逛一逛,渐渐发现了一些有意思的事,经常会有人用同样的评论到处刷,不知道是为了加没什么用的积分,还是纯粹为了表达楼主好人。那么问题来了,这种无聊的事情当然最好能够自动化咯,自己也来试了一把,纯属娱乐。
用过网易云音乐听歌的朋友都知道,网易云音乐每首歌曲后面都有很多评论,热门歌曲的评论更是接近百万或者是超过百万条.现在我就来分享一下如何爬取网易云音乐歌曲的全部评论,由于网易云音乐的评论都做了混淆加密处理,因此我们需要深入了解它的加密过程之后才能爬取到网易云音乐歌曲的全部评论.
最近某客户做实施,顺便完善一下程序。突然找到了一个老问题的解决方法。 就是当用户按一个按钮后,希望回发后的页面滚到一个指定的位置,而不是页面的开头部分。以前看过一篇文章介绍了一种方法,当时也没有理解,也没有记录下来,现在又遇到了这个问题,还是自己想一个简单点的方法吧。 博克园里的“最新评论”里的链接,点击后打开的页面会直接滚动到指定的评论而不是帖子一开始的位置。 那么就用这种方法了,看了一下HTML代码,发现有这一类的标签 <a id="a001" href="#001" name="
在使用 Ajax 技术加载数据的网站中, JavaScript 发起的 HTTP 请求通常需要带上参数,而且参数的值都是经过加密的。如果我们想利用网站的 REST API 来爬取数据,就必须知道其使用的加密方式。破解过程需要抓包,阅读并分析网站的 js 代码。这整个过程可能会花费一天甚至更长的时间。
本文内容是利用 Selenium 爬取网易云音乐中的歌曲 《Five Hundred Miles》 的所有评论,然后存储到 Mongo 数据库。
一两分钟后,满屏的烟花会庆祝你部署成功。此时点击 Go to Dashboard 可以跳转到应用的控制台。
jsGen是用纯JavaScript编写的新一代开源社区网站系统,主要用于搭建SNS类型的专业社区,对客户端AngularJS应用稍作修改也可变成多用户博客系统、论坛或者CMS内容管理系统。 jsGen基于NodeJS编写服务器端程序,提供静态文件响应和REST API接口服务;基于AngularJS编写浏览器端应用,构建交互式网页UI视图;基于MongoDB编写数据存储系统。 jsGen基本原理:客户端浏览器发起访问请求后,NodeJS服务器先响应由AngularJS编写的Web应用,这个应用是由html
vuepress-theme-aurora 是一款基于 Vuepress2 的博客主题,将本地 Markdown 文件解析成静态 html 页面,作为博客文章。搭配 说说,时间轴,文章分类,评论,友情链接,相册,音乐播放器 等特色功能,给您不一样的使用体验。
之前一直没有留意到,butterfly的原生相关推荐版块和其他布局比起来实在是太突兀了(主要是没有圆角),就那么突然的出现在文章和评论区之间,包括我和@贰猹都觉得有必要改动这个(不过贰猹是不要侧栏党),@洪哥的倒是和整个文本融合的不错(是配色效果吗?)。出于我守财的习惯,我通常不会直接删除主题已有的一些功能,那么要怎么处理这个那么大一块的推荐版块呢? 我的做法就是,把它丢到可以自由控制显隐的侧栏里。还能顺便沿用我之前写的SAO UI和手机端侧栏fixed卡片样式。
instantclick是一个预加载的js文件,就是能提前加载网页内容的东西,他有几种模式,第一种就是鼠标放在超链接上就开始预加载,第二种就是鼠标放上去xx毫秒后(时间可自定义)进行预加载,第三种就是鼠标点击后进行预加载。 项目官网:http://instantclick.io/ 项目地址:https://github.com/dieulot/instantclick
每个插件和主题可能有自己的 CSS 和 JavaScript 内联代码或者文件,如果 CSS 和 JavaScript 内联代码或者文件一多,就开始出现了两个比较难受的问题:
从零开发项目概述 最近这一直在复习数据结构和算法,也就是前面发出去的排序算法八大基础排序总结,Java实现单向链表,栈和队列就是这么简单,十道简单算法题等等… 被虐得不要不要的,即使是非常简单有时候绕半天,想不明白。 本来这篇博文是想留到我最后Java基础复习完再写出来的,鉴于公众号有的同学想看看邮箱登陆的案例,想看看Java开发后台是怎么的,于是我就提前写了这篇博文 这个项目是我自己手写的第一个SSM项目(毕竟学了当然得搞点事情,对吧),是上年写的小东西。当然了,现在回过头去看这个项目是有很多的不足的,仅
微信通知使用了 Server 酱open in new window 提供的服务,需要在环境变量中配置在 Server 酱中申请的 SC_KEY。
Gayhub https://github.com/HelipengTony/tony 环境要求 WordPress 4.4+ WordPress REST API 非默认固定链接格式(推荐使用/%post_id%) WordPress 伪静态 安装指南 git clone git@github.com:HelipengTony/tony.git WordPress 后台「主题」栏目 -> 上传主题 -> 启用主题 WordPress Themes 文件夹新建文件夹,并上传所有文件 反馈交♂流 QQ 群:4
到这里该了解的基础概念已经了解得差不多了,下一步便是进入前端篇进入实践学习。如果觉得印象还不够深刻,可以往回翻看,或者看一下目前这三步的主要知识点。
什么是组件: 组件的出现,就是为了拆分Vue实例的代码量的,能够让我们以不同的组件,来划分不同的功能模块,将来我们需要什么样的功能,就可以去调用对应的组件即可; 组件化和模块化的不同:
什么是组件: 组件的出现,就是为了拆分Vue实例的代码量的,能够让我们以不同的组件,来划分不同的功能模块,将来我们需要什么样的功能,就可以去调用对应的组件即可; 组件化和模块化的不同: + 模块化: 是从代码逻辑的角度进行划分的;方便代码分层开发,保证每个功能模块的职能单一; + 组件化: 是从UI界面的角度进行划分的;前端的组件化,方便UI组件的重用;
得益于各种套件,今天的机器学习的门槛已经越来越低。但Google显然并不满足于此,其最新推出了Teachable Machine项目,让用户无需编程就可以用手机、平板、计算机等设备的摄像头采集数据进行机器学习。这一项目是Google的A.I. Experiment的一部分,源代码已经公布在Github上。 简单的说,Teachable Machine是一个基于浏览器的机器学习演示实验,用一个叫做Deeplearn.js的库构建,网页开发者可以编写一个简单的视觉输入,并设定输出和三个训练分类器,来在浏览器中训
HI又发布新主题了,这半年过的实属不易,如人饮水,冷暖自知啊,人类的悲喜并不相通,悲喜自渡是我们一生的必修课,无论怎样我们始终要相信人生总会有不期而遇的温暖和生生不息的希望! 所以我们新款主题的名称就是“希望”,有了希望就有奔头,我遵循的是1+1=N的风格,可能这也是很多人说我的主题模板风格很相似的原因吧。不管怎样,喜欢就好,毕竟追求源于热爱。先介绍下大家比较关心的几个问题,首先需要安装zblogPHP版本(一般来说安装最新版即可),不会安装的查看此地址:zblog安装图文教程,附zblog主题下载及使用教程,程序安装完成之后,需要下载和开启主题,如果您是在应用中心购买的,可以忽略前半部分,直接查看主题设置内容接口。
下载地址:https://www.oracle.com/java/technologies/javase/javase-jdk8-downloads.html
注册完之后,请在群里将自己的群昵称改成你注册的 Github 账户名,方便检查学习情况和监督学习。
Node.js 21终于来啦!作为我们最新的版本,Node.js 21将取代Node.js 20成为我们的主流版本,而Node.js 20则被提升为长期支持(LTS)版本。🎉
在 2020 年代,很少有公司像 Vercel 这样对前端开发生态系统产生了如此大的影响, Vercel 是流行的 React 框架 Next.js 的管理者。当我首次写关于 Vercel 的文章时,那是在 2020 年 7 月,该公司刚刚拥抱了 Jamstack 趋势,并在其营销中广泛使用“无服务器”这个词汇。但随着 Jamstack 趋势的下降和无服务器不再是一个热词,Vercel 抓住了最新的“下一个大事”:生成式人工智能。
博客演示地址:http://121.36.253.86/,http://yangqq.xyz/,统计了下后台代码只有415行。
HI,大家好,首先先介绍下大家比较关心的几个问题,首先需要安装zblogPHP版本(一般来说安装最新版即可),不会安装的查看此地址:zblog安装图文教程,附zblog主题下载及使用教程,程序安装完成之后,需要下载和开启主题,如果您是在应用中心购买的,可以忽略前半部分,直接查看主题设置内容接口,否则请继续查看教程。
宁静致远(Quietlee)自媒体博客、新闻、资讯互动类主题模板及强大的SEO优化效果,此款主题源自《小灯泡设计》,移植TY程序的Spimes主题,致敬原作者,这是一款非常nice的主题模板,风格简约,兼容多媒体移动端显示,拥有独立的分享代码,不在依赖百度(想依赖也不行,百度分享官网都挂了),支持一键生成海报模式,还移植了源主题模板的阅读模式,优化了夜间模式代码,增加了网站首页底部CMS列表模块,后台自带开关,更多功能介绍请听我一一道来。
历时一个多月的锦鲤主题,终于完成了。2019首发Z-blogPHP锦鲤主题模板(Koilee · 开运锦鲤),部分模块移植WP主题,目前主题已经完善,主题简洁、大气,适合个人博客及文章写作等,先介绍主题吧。
WordPress是一种使用PHP语言开发的博客平台,用户可以在支持PHP和MySQL数据库的服务器上架设属于自己的网站,也可以把 WordPress当作一个内容管理系统(CMS)来使用。
Gravity 主题的灵感源自 spring.io 官网。Gravity 是一款专为技术写作型博客而打造的,适用于 Halo 平台的原创主题。Gravity 主题的设计沉稳而有力,没有过多的复杂的元素在内,这不仅使读者阅读文章时能有更好的体验,也能使撰写者创作出更好的wenzhang内容。
注明:以下方案是在 Valine 1.4.9 版本下完成,对于其他版本应该会根据实际情况修改参数,使用 F12 查看参数修改即可使用!(说明于 2020 - 04 - 25)
领取专属 10元无门槛券
手把手带您无忧上云