@wcj/github-rank 22.10.1 → 22.10.3

package/web/data/sifou-daily.json

@@ -1,38 +1 @@
-[
-  {
-    "title": "一个终端工具竟然有AI功能？使用了1天我立马把其他终端全卸载了！太香了！",
-    "description": "我重度使用了2天，无论从颜值，性能，效率和创新上，都碾压同类的终端工具。我完全找不到任何理由来放弃这么优秀的一款工具。整个使用的体验非常舒服，甚至于觉得，这，就是我心中现代化终端工具该有的样子！",
-    "url": "https://segmentfault.com/a/1190000042565433",
-    "author": "铂赛东",
-    "home_url": "https://segmentfault.com/u/bosaidong_5c495684bcf4b",
-    "votes": "2",
-    "rank": 1
-  },
-  {
-    "title": "2022年 SegmentFault 思否程序员大调查",
-    "description": "国庆长假来啦！进到这个页面的朋友，相信都是非常热爱学习的友友们👍来 SegmentFault 思否社区，不仅可以吸收技术知识充电，填写这份关于「程序员」的调查问卷，还有机会领取思否定制周边礼品！立即填写问卷👉戳链...",
-    "url": "https://segmentfault.com/a/1190000042566696",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "2",
-    "rank": 2
-  },
-  {
-    "title": "Golang 单例模式与sync.Once",
-    "description": "在 Golang 中变量或说明实例只初始化一次的效果通过init函数是可以实现的，包在被引入时就会执行一次init函数且无论同一包被引入多少次也都只执行一次。",
-    "url": "https://segmentfault.com/a/1190000042567477",
-    "author": "Jeffid",
-    "home_url": "https://segmentfault.com/u/jeffid",
-    "votes": "1",
-    "rank": 3
-  },
-  {
-    "title": "使用gorm写入time.Time的类型时的问题",
-    "description": "很大一部分gopher都是用过gorm，而time.Time类型也是大家常用的类型，今天我就主要介绍一个在使用过程中遇到的一个比较奇怪的问题。",
-    "url": "https://segmentfault.com/a/1190000042567349",
-    "author": "润雨冰雪",
-    "home_url": "https://segmentfault.com/u/runyubingxue",
-    "votes": "1",
-    "rank": 4
-  }
-]
+[]

package/web/data/sifou-monthly.json

@@ -5,9 +5,18 @@
     "url": "https://segmentfault.com/a/1190000042447341",
     "author": "dreamapplehappy",
     "home_url": "https://segmentfault.com/u/dreamapplehappy",
-    "votes": "21",
+    "votes": "22",
     "rank": 1
   },
+  {
+    "title": "「多图预警」完美实现一个@功能",
+    "description": "一天产品大大向 boss 汇报完研发成果和产品业绩产出，若有所思的走出来，劲直向我走过来，嘴角微微上扬。产品大大：boss 对我们的研发成果挺满意的，balabala...（内心 OS：不听，讲重点）产品大大：咱们的客服 I...",
+    "url": "https://segmentfault.com/a/1190000042481321",
+    "author": "wuwhs",
+    "home_url": "https://segmentfault.com/u/wuwhs",
+    "votes": "23",
+    "rank": 2
+  },
   {
     "title": "还在用定时器吗？借助 CSS 来监听事件",
     "description": "平时工作中很多场合都要用到定时器，比如延迟加载、定时查询等等，但定时器的控制有时候会有些许麻烦，比如鼠标移入停止、移出再重新开始。这次介绍几个借助 CSS 来更好的控制定时器的方法，一起了解一下吧，相信...",
@@ -15,15 +24,6 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "24",
-    "rank": 2
-  },
-  {
-    "title": "「多图预警」完美实现一个@功能",
-    "description": "一天产品大大向 boss 汇报完研发成果和产品业绩产出，若有所思的走出来，劲直向我走过来，嘴角微微上扬。产品大大：boss 对我们的研发成果挺满意的，balabala...（内心 OS：不听，讲重点）产品大大：咱们的客服 I...",
-    "url": "https://segmentfault.com/a/1190000042481321",
-    "author": "wuwhs",
-    "home_url": "https://segmentfault.com/u/wuwhs",
-    "votes": "22",
     "rank": 3
   },
   {
@@ -35,6 +35,15 @@
     "votes": "15",
     "rank": 4
   },
+  {
+    "title": "CSS transition 小技巧！如何保留 hover 的状态？",
+    "description": "欢迎关注我的公众号：前端侦探通常情况下，hover 是无法保存状态的。鼠标移入触发额外样式，一旦移出就还原了 {代码...} 这就意味着，如果需要保留hover的状态，可能就不得不借助JS了，比如下面是某某书院的首页...",
+    "url": "https://segmentfault.com/a/1190000042547772",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "17",
+    "rank": 5
+  },
   {
     "title": "那些你不知道的炫酷按钮交互效果",
     "description": "在日常开发中肯定都遇到过不少有按钮交互的地方，但你有用到什么炫酷的交互效果吗？日常开发中想必最多的就是点击按钮背景文字变色，阴影，按钮按下，加载中之类的效果，相对都比较平平无奇，都是一些按部就班的...",
@@ -42,15 +51,6 @@
     "author": "南城大前端",
     "home_url": "https://segmentfault.com/u/nanchengfe",
     "votes": "18",
-    "rank": 5
-  },
-  {
-    "title": "CSS transition 小技巧！如何保留 hover 的状态？",
-    "description": "欢迎关注我的公众号：前端侦探通常情况下，hover 是无法保存状态的。鼠标移入触发额外样式，一旦移出就还原了 {代码...} 这就意味着，如果需要保留hover的状态，可能就不得不借助JS了，比如下面是某某书院的首页...",
-    "url": "https://segmentfault.com/a/1190000042547772",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "16",
     "rank": 6
   },
   {
@@ -62,6 +62,24 @@
     "votes": "17",
     "rank": 7
   },
+  {
+    "title": "使用 SVG 生成带标识的 favicon",
+    "description": "欢迎关注我的公众号：前端侦探之前做了一个 Chrome 插件，可以根据地址的不同生成不同的图标，这样可以很方便的区分不同的开发环境，效果如下主要实现过程其实不复杂，首先获取网站 favicon，然后给 favicon 添加...",
+    "url": "https://segmentfault.com/a/1190000042435536",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "12",
+    "rank": 8
+  },
+  {
+    "title": "单标签实现复杂的棋盘布局",
+    "description": "其实，对于一个页面的布局而言，标签越少不一定是好事，我们在考虑 DOM 的消耗的同时，也需要关注代码的可读性，以及后续基于这个布局的制作的交互的难易性等等。",
+    "url": "https://segmentfault.com/a/1190000042513947",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "11",
+    "rank": 9
+  },
   {
     "title": "实现《羊了个羊》的小游戏",
     "description": "这两天火爆全场的《羊了个羊》游戏，相信大家都玩过了，那么在玩这个游戏的同时，我想大家都会好奇这个游戏的实现，本文就带大家使用css,html,js来实现一个动物版的游戏。",
@@ -69,16 +87,7 @@
     "author": "夕水",
     "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
     "votes": "13",
-    "rank": 8
-  },
-  {
-    "title": "云安全践行者：亚马逊云科技如何打好“安全”牌？",
-    "description": "云计算发展正迅疾如风，猛烈似火。为业务赋能之下，上“云”已成大势所趋！特别是在疫情持续了将近三年的背景下，云市场需求持续爆发。资本方、企业主、客户、用户等等，云正成为各方最受关注的科技领域。2022年，...",
-    "url": "https://segmentfault.com/a/1190000042418291",
-    "author": "六一",
-    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
-    "votes": "10",
-    "rank": 9
+    "rank": 10
   },
   {
     "title": "CSS transform、transition、animation 指南",
@@ -87,7 +96,7 @@
     "author": "散一群逗逼",
     "home_url": "https://segmentfault.com/u/sanyiqundoubi",
     "votes": "12",
-    "rank": 10
+    "rank": 11
   },
   {
     "title": "漫画 | Serverless + Data，让后端告别搬砖！",
@@ -96,26 +105,8 @@
     "author": "六一",
     "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
     "votes": "10",
-    "rank": 11
-  },
-  {
-    "title": "单标签实现复杂的棋盘布局",
-    "description": "其实，对于一个页面的布局而言，标签越少不一定是好事，我们在考虑 DOM 的消耗的同时，也需要关注代码的可读性，以及后续基于这个布局的制作的交互的难易性等等。",
-    "url": "https://segmentfault.com/a/1190000042513947",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "10",
     "rank": 12
   },
-  {
-    "title": "使用 SVG 生成带标识的 favicon",
-    "description": "欢迎关注我的公众号：前端侦探之前做了一个 Chrome 插件，可以根据地址的不同生成不同的图标，这样可以很方便的区分不同的开发环境，效果如下主要实现过程其实不复杂，首先获取网站 favicon，然后给 favicon 添加...",
-    "url": "https://segmentfault.com/a/1190000042435536",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "11",
-    "rank": 13
-  },
   {
     "title": "中秋佳节之际, 一起来欣赏 9 个冷门的css属性",
     "description": "可能我们有时候潜意识里认为, 当前实际开发中css属性已经足够用了, 但是前段时间突然想到:\"会不会我们只是思维被限制在了常用的css属性中, 从而丧失了创造力\", 就像发明 车 之前大多数人会认...",
@@ -123,7 +114,7 @@
     "author": "lulu_up",
     "home_url": "https://segmentfault.com/u/lulu_up",
     "votes": "10",
-    "rank": 14
+    "rank": 13
   },
   {
     "title": "AI数字绘画 stable-diffusion 保姆级教程",
@@ -132,7 +123,7 @@
     "author": "程序员秋风",
     "home_url": "https://segmentfault.com/u/qiufeng_5a07f6cb96ee0",
     "votes": "9",
-    "rank": 15
+    "rank": 14
   },
   {
     "title": "当你 git push 时，极狐GitLab上发生了什么？",
@@ -141,7 +132,7 @@
     "author": "极狐GitLab",
     "home_url": "https://segmentfault.com/u/jihu_gitlab",
     "votes": "9",
-    "rank": 16
+    "rank": 15
   },
   {
     "title": "【已结束】SegmentFault 思否技术征文丨浅谈 Java 进阶之路",
@@ -150,7 +141,7 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "9",
-    "rank": 17
+    "rank": 16
   },
   {
     "title": "1000粉！使用Three.js实现一个创意纪念页面 🏆",
@@ -159,7 +150,7 @@
     "author": "dragonir",
     "home_url": "https://segmentfault.com/u/dragonir",
     "votes": "8",
-    "rank": 18
+    "rank": 17
   },
   {
     "title": "CSS 有了:has伪类可以做些什么？",
@@ -168,6 +159,15 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "10",
+    "rank": 18
+  },
+  {
+    "title": "见微知著，从两道有意思的 CSS 面试题，考察你的基础",
+    "description": "今天在论坛，有看到这样一道非常有意思的题目，简单的代码如下： {代码...} 样式如下： {代码...} 试问，标签 <p> 内的文字的颜色，是 green 还是 blue 呢？有趣的是，这里的最终结果是蓝色，也就是 color:...",
+    "url": "https://segmentfault.com/a/1190000042550192",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "7",
     "rank": 19
   },
   {
@@ -179,15 +179,6 @@
     "votes": "6",
     "rank": 20
   },
-  {
-    "title": "CodeForBetter_Hackathon，唤醒代码的力量",
-    "description": "黑客马拉松（Hackathon）最初诞生于 1999 年，由黑客（hack）和马拉松（marathon）两个单词合并而成。黑客马拉松将马拉松的精神用长时间的持续编码表达出来，是开发者们一起分享经验、交流技术和迸发灵感的盛会；...",
-    "url": "https://segmentfault.com/a/1190000042416590",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "4",
-    "rank": 21
-  },
   {
     "title": "图解JS中的事件循环",
     "description": "1、js单线程，并非指js只有一个线程，而是同一时刻只能有一个线程在工作。2、js中，主线程之外，还有其他线程，比如事件循环线程，定时器触发线程，http异步线程， 浏览器事件线程。3、在js主线程中，分为两个子...",
@@ -195,16 +186,7 @@
     "author": "寒水寺一禅",
     "home_url": "https://segmentfault.com/u/xiaolizideyitian",
     "votes": "6",
-    "rank": 22
-  },
-  {
-    "title": "见微知著，从两道有意思的 CSS 面试题，考察你的基础",
-    "description": "今天在论坛，有看到这样一道非常有意思的题目，简单的代码如下： {代码...} 样式如下： {代码...} 试问，标签 <p> 内的文字的颜色，是 green 还是 blue 呢？有趣的是，这里的最终结果是蓝色，也就是 color:...",
-    "url": "https://segmentfault.com/a/1190000042550192",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "7",
-    "rank": 23
+    "rank": 21
   },
   {
     "title": "Java反射真正的详解，学以致用，实战案例，虽不及万字，但也已有近8000字",
@@ -213,7 +195,16 @@
     "author": "宁在春",
     "home_url": "https://segmentfault.com/u/wyh_study",
     "votes": "12",
-    "rank": 24
+    "rank": 22
+  },
+  {
+    "title": "技术征文中奖名单公布 ｜ 浅谈 Java 进阶之路",
+    "description": "哈喽各位社区的小伙伴！SegmentFault 思否技术征文丨浅谈 Java 进阶之路 如约开奖啦~话不多说，我们直接来揭晓获奖名单！强势插播一条预告：技术征文活动每月都有哦，大家多多关注「SegmentFault思否」参与技术征...",
+    "url": "https://segmentfault.com/a/1190000042531829",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
+    "votes": "5",
+    "rank": 23
   },
   {
     "title": "特约专访 | 思否 CEO 高阳带你了解 Code For Better _ Hackathon 冠军团队背后的故事",
@@ -222,7 +213,7 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "4",
-    "rank": 25
+    "rank": 24
   },
   {
     "title": "为什么vue.config.js中使用require，而vite.config.js使用 import?",
@@ -231,16 +222,16 @@
     "author": "寒水寺一禅",
     "home_url": "https://segmentfault.com/u/xiaolizideyitian",
     "votes": "8",
-    "rank": 26
+    "rank": 25
   },
   {
-    "title": "技术征文中奖名单公布 ｜ 浅谈 Java 进阶之路",
-    "description": "哈喽各位社区的小伙伴！SegmentFault 思否技术征文丨浅谈 Java 进阶之路 如约开奖啦~话不多说，我们直接来揭晓获奖名单！强势插播一条预告：技术征文活动每月都有哦，大家多多关注「SegmentFault思否」参与技术征...",
-    "url": "https://segmentfault.com/a/1190000042531829",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "5",
-    "rank": 27
+    "title": "借助 :has 实现3d轮播图",
+    "description": "前不久在这篇文章：CSS 有了:has伪类可以做些什么 中介绍了:has伪类的一些使用场景，可以说大大颠覆了 CSS 选择器的认知，让很多繁琐的 js逻辑通过灵活的CSS轻易实现了。这次带来一个比较常见的案例，3d 轮播图，...",
+    "url": "https://segmentfault.com/a/1190000042512102",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "7",
+    "rank": 26
   },
   {
     "title": "新时代布局新特性 -- 容器查询",
@@ -249,7 +240,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "8",
-    "rank": 28
+    "rank": 27
   },
   {
     "title": "用Vue.js写一个命令行贪吃蛇游戏",
@@ -258,7 +249,7 @@
     "author": "null仔",
     "home_url": "https://segmentfault.com/u/xiaoqianduan_58b28cfebff36",
     "votes": "6",
-    "rank": 29
+    "rank": 28
   },
   {
     "title": "近期对前端性能优化的总结",
@@ -267,6 +258,15 @@
     "author": "南城大前端",
     "home_url": "https://segmentfault.com/u/nanchengfe",
     "votes": "4",
+    "rank": 29
+  },
+  {
+    "title": "用Colab免费部署自己的AI绘画云平台—— Stable Diffusion",
+    "description": "AI绘画门槛又又又降低了，从最开始需要花半天时间折腾的 Disco-Diffusion ，紧接着 Stable Diffusion 在 github 上开源，各家平台都推出了云平台，让用户通过轻松的点击、选择、输入就能生成一张张AI图。",
+    "url": "https://segmentfault.com/a/1190000042509388",
+    "author": "程序员秋风",
+    "home_url": "https://segmentfault.com/u/qiufeng_5a07f6cb96ee0",
+    "votes": "6",
     "rank": 30
   }
 ]