欢迎访问Ningto's博客

Menu
  • 首页
  • 归档
  • 关于
  • 书签
  • 必应壁纸
  • IT聚合
  • 工具
    • 我的工具列表
    • 我的网盘
    • 必应每日壁纸API
    • Html转Markdown
    • 仙尘光标
Menu

Chrome简单插件开发,自动初始化gitalk评论

最后更新 2021-05-12 10:09:29   阅读量 1721

Table of Contents

  • 1. gitalk增加手动初始化评论
  • 2. 怎样给所有以前的文章初始化评论
  • 3. chrome插件编写
  • 4. 加载chrome插件

Chrome简单插件开发——自动初始化gitalk评论

gitalk增加手动初始化评论

我给博客增加了gitalk评论,确实蛮方便好用的,但是没有初始评论需要管理员去创建,还好它提供了一个参数来手动创建

createIssueManually: true

这样当你发表一篇文章后点击一下评论里的初始化按钮就可以了,虽然没有完全自动化但是也能接受,毕竟你文章都写完了点个按钮也不是什么麻烦事。

怎样给所有以前的文章初始化评论

对于新写的文章还好,但是以前的这么多文章一个个去点还是比较麻烦的,于是就想写个简单的js脚本来自动化把所有文章的评论初始化完。

刚开始是想使用Chrome开发者工具的,但是试下来还是有些问题,对于网页加载到下一篇文章后的脚本代码怎么编写还有些疑惑,所以干脆就用chrome插件的方式来实现。结果试下来效果还不错,代码也简单,现在已顺利初始化完了博客里的所有文章评论。

Chrome插件编写

创建一个目录随便叫什么名字,在目录下新增文件,注意matches就是你的网页地址有www和没有www是有区别的

  • manifest.json文件
  • jquery.min.js文件,如果需要用jquery
  • myscript.js文件,这就是你写的脚本

manifest.json

{  
  "name": "第一个Chrome插件",  
  "manifest_version": 2,  
  "version": "1.0",  
  "description": "我的第一个Chrome插件,还不错吧",  
  "content_scripts": [  
    {  
      "matches": ["https://ningto.com/*"], 
      "js": ["jquery.min.js", "myscript.js"]  
    }  
  ]
} 

myscript.js

document.body.style.backgroundColor="gray"; 
setInterval(function() {
  var btn = jQuery("#gitalk-container .gt-btn")[0];
  if (btn) {
    btn.click();
    var u = "https://ningto.com" + jQuery("#goto_next_post").attr("href");
    document.location.href = u;
  }
}, 1000);

jquery.min.js下载

代码很简单,第一行背景变灰只是看一下脚本有没有执行,然后每一秒钟判断一下初始化评论的按钮有没有出来,如果加载出来的就点击一下,然后获取下一篇文章的url转到一个网页,最后循环这个简单的过程就可以了。

加载Chrome插件

点击Chrome浏览器右上角三个点的图标->选择更多工具->扩展程序->加载已解压的扩展程序,找到之前创建的目录就可以了。

(转载本站文章请注明作者和出处:泞途 - ningto.com)

下一篇 – Redis常见问题和解答
上一篇 – 博客文章增加TOC

  1. Web
  2. Javascript

toningto@outlook.com

标签云

IOS Qt Life Linux Java MongoDB Boost MQ Node.js Mac C/C++ Tools Design Python Bug Others Javascript Tips React Android Web Mobile Shell Product Go Database Windows

推广链接

【腾讯云】云产品限时秒杀,爆款1核2G云服务器,首年99元

多谢支持,用了好几年,服务很稳定支持多设备!

其他

文章RSS

Copyright © 2016 Welcome To Ningto Blog | 鄂ICP备17003086号-2