@wcj/github-rank 22.7.29 → 22.7.30

package/dist/sifou-daily.json

@@ -1,56 +1,29 @@
 [
   {
-    "title": "一张图进阶 RocketMQ - 消息存储",
-    "description": "三此君看了好几本书，看了很多遍源码整理的 一张图进阶 RocketMQ 图片，关于 RocketMQ 你只需要记住这张图！觉得不错的话，记得点赞关注哦。【重要】视频在 B 站同步更新，欢迎围观，轻轻松松涨姿势。一张图进阶 ...",
-    "url": "https://segmentfault.com/a/1190000042216004",
-    "author": "三此君",
-    "home_url": "https://segmentfault.com/u/sancijun",
-    "votes": "2",
+    "title": "MarkDown简明语法手册",
+    "description": "原文链接更多语法请参见：MarkDown简明语法公式MarkDown高阶语法公式1. 斜体和粗体使用 和 * 表示斜体和粗体。示例：这是 斜体，这是 粗体。2. 分级标题使用 === 表示一级标题，使用 --- 表示二级标题。示例： {...",
+    "url": "https://segmentfault.com/a/1190000042242558",
+    "author": "代码的路",
+    "home_url": "https://segmentfault.com/u/zbzcdzf",
+    "votes": "3",
     "rank": 1
   },
   {
-    "title": "WGCLOUD可以监测磁盘温度、通电次数、通电时间吗",
-    "description": "可以WGCLOUD监控平台支持监测硬盘的温度，通电次数，通电时间，健康状态如下图",
-    "url": "https://segmentfault.com/a/1190000042233156",
-    "author": "徐三刀",
-    "home_url": "https://segmentfault.com/u/9b3sps2b",
-    "votes": "1",
-    "rank": 2
-  },
-  {
-    "title": "vue3中的setup方法",
-    "description": "props是一个对象，包含父组件传递给子组件的所有数据。在子组件中使用props进行接收。包含配置声明并传入的所有的属性的对象。也就是说，如果你想通过props的方式输出父组件传递给子组件的值。你需要使用props进...",
-    "url": "https://segmentfault.com/a/1190000042234229",
-    "author": "Kyle",
-    "home_url": "https://segmentfault.com/u/ddee",
+    "title": "MarkDown高阶语法手册",
+    "description": "原文链接1. 内容目录在段落中填写 [TOC] 以显示全文内容的目录结构。[TOC]2. 标签分类在编辑区任意行的列首位置输入以下代码给文稿标签：标签： 数学 英语 Markdown或者Tags： 数学 英语 Markdown3. 删除线使用 ~...",
+    "url": "https://segmentfault.com/a/1190000042238840",
+    "author": "代码的路",
+    "home_url": "https://segmentfault.com/u/zbzcdzf",
     "votes": "2",
-    "rank": 3
-  },
-  {
-    "title": "WGCLOUD如何分配给不同的用户管理主机",
-    "description": "WGCLOUD从3.3.9开始支持多用户账号管理这个是使用账号管理主机的视频，即管理员可以创建若干个账号，每个账号可以管理自己的主机和监控资源[链接]",
-    "url": "https://segmentfault.com/a/1190000042233145",
-    "author": "徐三刀",
-    "home_url": "https://segmentfault.com/u/9b3sps2b",
-    "votes": "1",
-    "rank": 4
-  },
-  {
-    "title": "自定义React Hooks",
-    "description": "副作用问题：诸如数据获取、订阅、定时执行任务、手动修改ReactDOM这些行为都可以称为副作用；而Hooks的出现可以使用useEffect来处理这些副作用",
-    "url": "https://segmentfault.com/a/1190000042233578",
-    "author": "浅夏晴空",
-    "home_url": "https://segmentfault.com/u/qianxiaqingkong",
-    "votes": "1",
-    "rank": 5
+    "rank": 2
   },
   {
-    "title": "用户身份标识与账号体系实践",
-    "description": "由于各个业务线的数据入口和管理策略的不同，这样从不同路径下沉淀的数据，可能因为系统边界问题从而被孤立；如果用户数据被分裂，会因为数据不全面给分析决策带来误导；",
-    "url": "https://segmentfault.com/a/1190000042238513",
-    "author": "知了一笑",
-    "home_url": "https://segmentfault.com/u/cicadasmile",
+    "title": "可线性渐变的环形进度条的实现探究",
+    "description": "本文主要介绍基于 NutUI Vue3 的 circleProgress 组件的设计与实现原理，是一个圆环形的进度条组件，用来展示操作的当前进度，支持修改进度以及渐变色。环形进度条是很常用的一个组件，特别是在管理后台数据统计...",
+    "url": "https://segmentfault.com/a/1190000042238962",
+    "author": "京东设计中心JDC",
+    "home_url": "https://segmentfault.com/u/jingdongshejizhongxin",
     "votes": "1",
-    "rank": 6
+    "rank": 3
   }
 ]

package/dist/sifou-monthly.json

@@ -14,7 +14,7 @@
     "url": "https://segmentfault.com/a/1190000042065365",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "20",
+    "votes": "21",
     "rank": 2
   },
   {
@@ -23,7 +23,7 @@
     "url": "https://segmentfault.com/a/1190000042217200",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "18",
+    "votes": "19",
     "rank": 3
   },
   {
@@ -89,6 +89,15 @@
     "votes": "13",
     "rank": 10
   },
+  {
+    "title": "CSS color-scheme 和夜间模式",
+    "description": "欢迎关注微信公众号：前端侦探介绍一个和深色模式相关的CSS属性：color-scheme一、什么是 color-scheme？color-scheme顾名思义，即为“配色方案”，在系统中指的是“白天模式”和“夜间模式”。使用这个属性可以轻松的...",
+    "url": "https://segmentfault.com/a/1190000042184163",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "15",
+    "rank": 11
+  },
   {
     "title": "熬夜爆肝整理的一份elasticsearch中文文档手册",
     "description": "Elaticsearch，简称为 ES， ES 是一个开源的高扩展的分布式全文搜索引擎，Elasticsearch 是面向文档型数据库，一条数据在这里就是一个文档。",
@@ -96,7 +105,7 @@
     "author": "7small7",
     "home_url": "https://segmentfault.com/u/7small7",
     "votes": "13",
-    "rank": 11
+    "rank": 12
   },
   {
     "title": "超酷炫的转场动画？CSS 轻松拿下！",
@@ -105,16 +114,25 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "15",
-    "rank": 12
+    "rank": 13
   },
   {
-    "title": "CSS color-scheme 和夜间模式",
-    "description": "欢迎关注微信公众号：前端侦探介绍一个和深色模式相关的CSS属性：color-scheme一、什么是 color-scheme？color-scheme顾名思义，即为“配色方案”，在系统中指的是“白天模式”和“夜间模式”。使用这个属性可以轻松的...",
-    "url": "https://segmentfault.com/a/1190000042184163",
+    "title": "今҈天҈真҈是҈热҈化҈了҈！",
+    "description": "欢迎关注我的公众号：前端侦探今天真是太热了，不信你看标题今҈天҈真҈是҈热҈化҈了҈！也可以查看下面截图相信大家最近都能看到这样“热化了”的标题。那么，这是如何实现的呢？CSS 可以实现类似的效果吗？一起看看吧...",
+    "url": "https://segmentfault.com/a/1190000042217446",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "14",
-    "rank": 13
+    "votes": "13",
+    "rank": 14
+  },
+  {
+    "title": "社区维基：将你的问答捐赠给社区",
+    "description": "小王初学编程的时候，在 SegmentFault 提出了许多相关的问题。在社区热心人的帮助下，小王的问题一个个得到了解决，编程技术进步神速。",
+    "url": "https://segmentfault.com/a/1190000042203704",
+    "author": "fenbox",
+    "home_url": "https://segmentfault.com/u/fenbox",
+    "votes": "10",
+    "rank": 15
   },
   {
     "title": "PHP后端面试85问",
@@ -123,16 +141,7 @@
     "author": "IT小马",
     "home_url": "https://segmentfault.com/u/itxiaoma",
     "votes": "9",
-    "rank": 14
-  },
-  {
-    "title": "今҈天҈真҈是҈热҈化҈了҈！",
-    "description": "欢迎关注我的公众号：前端侦探今天真是太热了，不信你看标题今҈天҈真҈是҈热҈化҈了҈！也可以查看下面截图相信大家最近都能看到这样“热化了”的标题。那么，这是如何实现的呢？CSS 可以实现类似的效果吗？一起看看吧...",
-    "url": "https://segmentfault.com/a/1190000042217446",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "12",
-    "rank": 15
+    "rank": 16
   },
   {
     "title": "如何提出一个高质量的问题？",
@@ -140,8 +149,8 @@
     "url": "https://segmentfault.com/a/1190000042182354",
     "author": "唯一丶",
     "home_url": "https://segmentfault.com/u/weiyi_5b04fb4aa815a",
-    "votes": "10",
-    "rank": 16
+    "votes": "11",
+    "rank": 17
   },
   {
     "title": "试着换个角度理解低代码平台设计的本质",
@@ -150,7 +159,7 @@
     "author": "pingan8787",
     "home_url": "https://segmentfault.com/u/pingan8787",
     "votes": "9",
-    "rank": 17
+    "rank": 18
   },
   {
     "title": "一个简洁、强大、可扩展的前端项目架构是什么样的？",
@@ -159,15 +168,6 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "10",
-    "rank": 18
-  },
-  {
-    "title": "社区维基：将你的问答捐赠给社区",
-    "description": "小王初学编程的时候，在 SegmentFault 提出了许多相关的问题。在社区热心人的帮助下，小王的问题一个个得到了解决，编程技术进步神速。",
-    "url": "https://segmentfault.com/a/1190000042203704",
-    "author": "fenbox",
-    "home_url": "https://segmentfault.com/u/fenbox",
-    "votes": "8",
     "rank": 19
   },
   {
@@ -180,23 +180,14 @@
     "rank": 20
   },
   {
-    "title": "搞懂虚拟 DOM 看这一篇就够了",
-    "description": "React 和 Vue 中都有虚拟 DOM，我们应该如何理解和掌握虚拟 DOM 的精髓呢？我推荐大家学习 Snabbdom 这个项目。Snabbdom 是一个虚拟 DOM 实现库，推荐的原因一是代码比较少，核心代码只有几百行；二是 Vue 就是借...",
+    "title": "一步步带你搞懂虚拟 DOM 的工作原理",
+    "description": "React 和 Vue 中都有虚拟 DOM 的概念，我们应该如何理解和掌握虚拟 DOM 的精髓呢？我推荐大家学习 Snabbdom 这个项目。Snabbdom 是一个虚拟 DOM 实现库，推荐的原因一是代码比较少，核心代码只有几百行；二是 Vue...",
     "url": "https://segmentfault.com/a/1190000042195199",
     "author": "deepfunc",
     "home_url": "https://segmentfault.com/u/deepfunc",
     "votes": "11",
     "rank": 21
   },
-  {
-    "title": "Vue项目之使用EditorConfig, Eslint和Prettier实现代码规范",
-    "description": "每个人的代码风格不同，比如有的人代码缩进喜欢用Tab，有的人喜欢用Space；有的人代码语句后会加上分号，有的人则不加。并且不同的人使用的开发工具也不同，有的人喜欢使用WebStorm，有的人喜欢用VSCode。。。如...",
-    "url": "https://segmentfault.com/a/1190000042044168",
-    "author": "玛尔斯通",
-    "home_url": "https://segmentfault.com/u/zhouqichao",
-    "votes": "12",
-    "rank": 22
-  },
   {
     "title": "Three.js系列: 在元宇宙看电影，享受 VR 视觉盛宴",
     "description": "最近元宇宙的概念很火，并且受到疫情的影响，我们的出行总是受限，电影院也总是关门，但是在家里又没有看大片的氛围，这个时候我们就可以通过自己来造一个宇宙，并在 VR 设备（Oculus 、cardboard）中来观看。",
@@ -204,7 +195,7 @@
     "author": "程序员秋风",
     "home_url": "https://segmentfault.com/u/qiufeng_5a07f6cb96ee0",
     "votes": "5",
-    "rank": 23
+    "rank": 22
   },
   {
     "title": "又拍云 Redis 的改进之路",
@@ -213,7 +204,7 @@
     "author": "云叔_又拍云",
     "home_url": "https://segmentfault.com/u/yunshu_blog",
     "votes": "7",
-    "rank": 24
+    "rank": 23
   },
   {
     "title": "Nginx 实战核心知识点整理（上）",
@@ -222,7 +213,7 @@
     "author": "Rhythm_2019",
     "home_url": "https://segmentfault.com/u/rhythm_2019",
     "votes": "8",
-    "rank": 25
+    "rank": 24
   },
   {
     "title": "🗂 看了 web.dev 的 631 篇博客，我总结了这些内容",
@@ -231,6 +222,15 @@
     "author": "卤代烃",
     "home_url": "https://segmentfault.com/u/skychx",
     "votes": "7",
+    "rank": 25
+  },
+  {
+    "title": "通向架子工的前端开发利器推荐",
+    "description": "01：thunderclient: VSCode 中的 postmanVSCode 的一个插件，在 VSCode 中管理请求资源，如同 postman 一样。它支持与 postman 兼容的格式，可导出为 postman Collection。02：Apifox, 团队 API 管理利器Apifox，...",
+    "url": "https://segmentfault.com/a/1190000042204295",
+    "author": "shanyue",
+    "home_url": "https://segmentfault.com/u/xiange",
+    "votes": "8",
     "rank": 26
   },
   {
@@ -243,12 +243,12 @@
     "rank": 27
   },
   {
-    "title": "Nginx部署配置",
-    "description": "常用命令启动： {代码...} 立即停止： {代码...} 优雅停止： {代码...} 重启 {代码...} 查看配置文件是否正常，无语法错误 {代码...} 查看日志 {代码...} upstream基本语法upstream 的基本语法如下，一个 upstrea...",
-    "url": "https://segmentfault.com/a/1190000042089218",
-    "author": "MangoGoing",
-    "home_url": "https://segmentfault.com/u/nulidexiaocongmang",
-    "votes": "5",
+    "title": "【分享】从Mybatis源码中，学习到的10种设计模式",
+    "description": "你说的没错，但你天天写CRUD，你觉得 烦不？ 慌不？ 是不是既担心自己没有得到技术成长，也害怕将来没法用这些都是CRUD的项目去参加；述职、晋升、答辩，甚至可能要被迫面试时，自己手里一点干货也没有的情况。",
+    "url": "https://segmentfault.com/a/1190000042183733",
+    "author": "小傅哥",
+    "home_url": "https://segmentfault.com/u/fuzhengwei",
+    "votes": "8",
     "rank": 28
   },
   {
@@ -261,12 +261,12 @@
     "rank": 29
   },
   {
-    "title": "从原生 JavaScript 到 React",
-    "description": "React 是一个用于构建用户界面的 JavaScript 框架。它可用于通过动态操作页面内容来创建 JavaScript 应用程序。浏览器已经提供了在页面中创建元素的 API，即 DOM，所以新手可能想知道 React 带来了什么以及它与 D...",
-    "url": "https://segmentfault.com/a/1190000042196411",
-    "author": "Yujiaao",
-    "home_url": "https://segmentfault.com/u/yujiaao",
-    "votes": "7",
+    "title": "Nginx部署配置",
+    "description": "常用命令启动： {代码...} 立即停止： {代码...} 优雅停止： {代码...} 重启 {代码...} 查看配置文件是否正常，无语法错误 {代码...} 查看日志 {代码...} upstream基本语法upstream 的基本语法如下，一个 upstrea...",
+    "url": "https://segmentfault.com/a/1190000042089218",
+    "author": "MangoGoing",
+    "home_url": "https://segmentfault.com/u/nulidexiaocongmang",
+    "votes": "5",
     "rank": 30
   }
 ]