博客文章重新启用评论,附一键填写评论中用户信息代码生成工具
博客关闭评论近一个月的时间,总体的感觉很是安逸,不过看了留言板的反馈,感觉关闭评论对一些真正需要帮助的朋友还是带来了些许不方便,思前考后,决定再次开放评论。
但是在百度云加速中,我依然开启了 html 的加速,所以每次打开文章页面,评论中的用户信息都会清空!所以,不是很相关、很重要的评论,我建议还是去留言板比较省时省力。
好了,下面是我从【倡萌的自留地】转过来的自动填写评论用户信息的代码生成工具
使用很简单:
①、正确填写昵称、邮箱、站点信息后,点击【生成代码】:
Ps:此时,你可以尝试点击【快速填写本文的评论信息】,看下本文评论框是否已正常填写你刚刚输入的信息。
使用 Ctrl +C 复制生成的代码,以备后用:
javascript:document.getElementById('author').value = '张戈博客'; document.getElementById('email').value = 'ge@zhangge.net'; document.getElementById('url').value = 'http://zhangge.net';void(0)
②、保存到收藏夹
I、如果是 360 等第三方浏览器,可直接拖拽【快速填写本文的评论信息】到浏览器收藏夹即可;
II、也可以右键【快速填写本文的评论信息】,选择添加到收藏夹,然后使用 Ctrl +V 粘贴前面复制的代码到网址即可
III:直接使用 Ctrl+D,先随便收藏一个网页,然后右键这个收藏,将链接内容修改成本文生成的 js 代码即可。
③、下次评论再遇到要填写用户信息,只需点击浏览器收藏夹中的链接,就能自动填充评论中的用户信息了!
如果你也想弄一个这样的工具,只需要将以下代码粘贴到博客相应页面即可(需文本模式):
<script type="text/javascript">
(function($){
$(document).ready(function() {
$('.code_result').hide();
$('#generate_code').click(function(){
var re = /^[0-9a-zA-Z]+([.-_][0-9a-zA-Z]+)*@[0-9a-zA-Z]+([.-][0-9a-zA-Z]+)*.[a-zA-Z]+$/;
if($('#commenter_author').val() == '') {
$('#commenter_author').css('border', 'solid 1px #ff0000');
$('#commenter_author').focus();
} else if(!re.test($('#commenter_email').val())) {
$('#commenter_email').css('border', 'solid 1px #ff0000');
$('#commenter_email').focus();
} else {
var commenter_code = 'javascript:document.getElementById('author').value = ''+$('#commenter_author').val()+''; document.getElementById('email').value = ''+$('#commenter_email').val()+''; document.getElementById('url').value = ''+$('#commenter_url').val()+''; void(0)';
$('#wp_commenter_code').html(commenter_code);
$('.code_result>a').attr('href', commenter_code);
$('.code_result').show();
}
});
$('#cheon_code_generator input').keyup(function() {
$(this).css('border', 'solid 1px #000000');
});
});
})(jQuery);
</script>
<div id="cheon_code_generator" style="padding:10px;">
<p>昵称(必须):<br />
<input type="text" value="" name="commenter_author" id="commenter_author" style="border:solid 1px #000;"></p>
<p>邮箱地址(必须):<br />
<input type="text" value="" name="commenter_email" id="commenter_email" style="border:solid 1px #000;"></p>
<p>站点:<br />
<input type="text" value="" name="commenter_url" id="commenter_url" style="border:solid 1px #000;"></p>
<p><textarea cols="40" rows="10" name="wp_commenter_code" id="wp_commenter_code" style="border:solid 1px #000;"></textarea></p>
<p><input type="button" value="生成代码" id="generate_code" style="cursor: pointer;border:solid 1px #000;"></p>
<p class="code_result" style="display:none;">拖拽下面的链接到您的书签工具栏或者右键单击链接把它添加到您的收藏夹中可创建一个快速填写WP评论者信息的快捷方式。<br /><a href="#">快速填写WP评论信息</a></p>
</div>
经过几番折腾,我已将此功能集成到博客的评论框上面:
对于未作 CDN 缓存的页面(即可记住用户信息),只会在首次评论的时候出现懒人代码按钮,若已记住信息,将会隐藏这个按钮,点击【更改】个人信息,懒人按钮才会出现,存在 CDN 的页面,此按钮将一直存在:
可惜还是没能实现点击自动弹出收藏界面的功能,有大虾知道如何让常规的点击收藏功能兼容非网址么?不是网址,貌似就无法弹出收藏提示,懂的请赐教,万分感谢!!
- 【go语言】Goroutines 并发模式(一)
- 【go语言】Goroutines 并发模式(二)
- 从零开始搭建Nginx和Tomcat的web集群环境
- 【翻译】为什么 goroutine 的栈内存无穷大?
- 从PowerVM,KVM到Docker:存储池的配置与调优---第一篇终结(第3子篇)
- goroutine背后的系统知识
- 从PowerVM,KVM到Docker:存储池的配置与调优---第一篇(第2子篇)
- 2017最后一天的学习-TensorFlow
- 从PowerVM,KVM到Docker:存储池的配置与调优---第一篇(第1子篇)
- 36小时,造一个亚马逊无人商店 | 实战教程+代码
- 使用Echarts来实现数据可视化
- 手把手教你用TensorFlow实现看图说话 | 教程+代码
- 自动化平台开发的几点总结
- epoll入门
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 老生常谈SpringAop日志收集与处理做的工具包
- 线程间通信wait---notify
- Ubuntu安装Oracle Java8
- CentOS7安装Git
- RocketMQ-环境搭建(单master模式-ubuntu版)
- 使用Web.xml配置SpringMvc(同时使用xml配置文件)
- 第七节:Activiti6.0——Task的变量使用
- 第八节:Activiti6.0——启动流程相关
- 第九节:Activiti6.0——ReceiveTask接收信号、中间信号捕获事件和中间消息捕获事件的流程推进
- SpringBoot——全局异常捕获和自定义异常
- RTSP协议视频平台EasyNVR接入到EasyNVS管理平台后无法显示RTMP及RTSP视频流地址问题
- SpringBoot——配置logback日志
- Istio 运维实战系列(2):让人头大的『无头服务』-上
- 第十节:Activiti6.0——四种Job工作的产生与管理
- 使用vue3.0,不需要build也可以