@wcj/github-rank 22.1.16 → 22.1.17

package/web/sifou-daily.html

@@ -94,7 +94,7 @@
     
     
   </h1>
-  <div class="time">Last cache created on 2022/1/16 by 
+  <div class="time">Last cache created on 2022/1/17 by 
     
     
     
@@ -125,7 +125,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 1">1</span>
-        <a href="https://segmentfault.com/a/1190000041287792" target="_blank" title="JZ-057-二叉树的下一个结点">JZ-057-二叉树的下一个结点</a>
+        <a href="https://segmentfault.com/a/1190000041291691" target="_blank" title="用js玩转Scriptable，超简单教程">用js玩转Scriptable，超简单教程</a>
       </div>
       <div class="sub-title followers">
         
@@ -136,15 +136,15 @@
               <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
             </g>
           </svg>
-          <span>4</span>
+          <span>2</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/xiongshihubao"  title="Programming Language">
-          <span>雄狮虎豹</span>
+        <a target="_blank" href="https://segmentfault.com/u/nulidexiaocongmang"  title="Programming Language">
+          <span>MangoGoing</span>
         </a>
       </div>
       <div class="details">
-        给定一个二叉树和其中的一个结点，请找出中序遍历顺序的下一个结点并且返回。注意，树中的结点不仅包含左右子结点，同时包含指向父结点的指针。题目链接: 二叉树的下一个结点
+        ios用户当更新到iOS14后，我们的iPhone等ios设备支持我们用户自定义桌面小物件（又或者称之为小组件、桌面挂件），利用这个特性，网上出现了许许多多诸如透明时钟、微博热搜、知乎热榜、网易云热评、特斯拉、BMW...
       </div>
     </div>
   </li>
@@ -153,7 +153,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 2">2</span>
-        <a href="https://segmentfault.com/a/1190000041289603" target="_blank" title="前端规范与思考(二)———css规范">前端规范与思考(二)———css规范</a>
+        <a href="https://segmentfault.com/a/1190000041291929" target="_blank" title="JZ-058-对称的二叉树">JZ-058-对称的二叉树</a>
       </div>
       <div class="sub-title followers">
         
@@ -164,15 +164,15 @@
               <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
             </g>
           </svg>
-          <span>1</span>
+          <span>4</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/tyxp"  title="Programming Language">
-          <span>桃源小盼聊技术</span>
+        <a target="_blank" href="https://segmentfault.com/u/xiongshihubao"  title="Programming Language">
+          <span>雄狮虎豹</span>
         </a>
       </div>
       <div class="details">
-        本文属于原创文章，转载请注明--来自桃源小盼的博客前言由于团队使用了vue框架，所以有些规范是在vue规则下制定的。命名规则参考上一篇文章前端规范与思考(一)———命名规范。标准规范1.组件中的style标签使用scope...
+        对称的二叉树题目描述请实现一个函数，用来判断一棵二叉树是不是对称的。注意，如果一个二叉树同此二叉树的镜像是同样的，定义其为对称的。题目链接: 对称的二叉树代码 {代码...} 【每日寄语】 要永远面朝阳光生...
       </div>
     </div>
   </li>
@@ -181,7 +181,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 3">3</span>
-        <a href="https://segmentfault.com/a/1190000041289600" target="_blank" title="前端规范与思考(一)———命名规范">前端规范与思考(一)———命名规范</a>
+        <a href="https://segmentfault.com/a/1190000041291287" target="_blank" title="19 岁少年入侵 25 辆特斯拉汽车；开发者因无报酬破坏 NPM 开源库；Rust 1.58.0 发布 | 思否周刊">19 岁少年入侵 25 辆特斯拉汽车；开发者因无报酬破坏 NPM 开源库；Rust 1.58.0 发布 | 思否周刊</a>
       </div>
       <div class="sub-title followers">
         
@@ -195,12 +195,12 @@
           <span>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/tyxp"  title="Programming Language">
-          <span>桃源小盼聊技术</span>
+        <a target="_blank" href="https://segmentfault.com/u/snakesss"  title="Programming Language">
+          <span>snakesss</span>
         </a>
       </div>
       <div class="details">
-        其实这并不是第一次制定这个规范了，但这次我想制定一个有具备集大师之所长，还接地气的前端命名规范，希望是得到他人的认可，还能触动一些人去写出更优秀的代码。
+        40s 新闻速递苹果将于 3 月或 4 月举行发布会：推 iPhone SE3开发者因无报酬故意破坏知名 NPM 开源库，引发热议苹果 2021 年总共向开发者支付 600 亿美元，创下新纪录H2 数据库中发现类似 Log4j 的漏洞19 岁少年...
       </div>
     </div>
   </li>
@@ -209,7 +209,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 4">4</span>
-        <a href="https://segmentfault.com/a/1190000041289500" target="_blank" title="深入浅出 Golang 资源嵌入方案：前篇">深入浅出 Golang 资源嵌入方案：前篇</a>
+        <a href="https://segmentfault.com/a/1190000041291125" target="_blank" title="云原生应用之旅—Kubernetes成长记 | 第十站：获取云原生旅行秘籍">云原生应用之旅—Kubernetes成长记 | 第十站：获取云原生旅行秘籍</a>
       </div>
       <div class="sub-title followers">
         
@@ -223,12 +223,12 @@
           <span>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/soulteary"  title="Programming Language">
-          <span>soulteary</span>
+        <a target="_blank" href="https://segmentfault.com/u/mstech"  title="Programming Language">
+          <span>微软技术栈</span>
         </a>
       </div>
       <div class="details">
-        非常多的语言都具备资源嵌入方案，在 Golang 中，资源嵌入相关的开源方案更是百家争鸣。网络上关于 Golang 资源嵌入的使用方案很多，但是鲜有人剖析原理，以及将原生实现和开源实现进行性能比较，适用场景分析。
+        这是本系列的第十篇，也是最后一篇文章。由于这系列文章的内容层层递进，因此如果还没看过之前的内容，欢迎通过下列链接回看，建立必要的基础，随后再与我们一起踏上云原生应用的旅程。
       </div>
     </div>
   </li>
@@ -237,7 +237,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 5">5</span>
-        <a href="https://segmentfault.com/a/1190000041288407" target="_blank" title="一种基于Flink Window的实时指标统计方法">一种基于Flink Window的实时指标统计方法</a>
+        <a href="https://segmentfault.com/a/1190000041292060" target="_blank" title="关于项目中 Repository 层的思考">关于项目中 Repository 层的思考</a>
       </div>
       <div class="sub-title followers">
         
@@ -251,12 +251,12 @@
           <span>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/deepexicode"  title="Programming Language">
-          <span>滴普科技DEEPEXI</span>
+        <a target="_blank" href="https://segmentfault.com/u/xinliangcoder"  title="Programming Language">
+          <span>新亮</span>
         </a>
       </div>
       <div class="details">
-        假设有一种数据源（比如CDC binlog Events、Kafka 实时数据流等），需要实时展示时序数据的摄入数量趋势，并能查看任意时间范围内的数据分布质量（比如每个字段的数据密度、总取值数量、去重后的数据取值总量等）...
+        维护这一层的开发者，可以称为 仓库管理员 ，当使用者需要查询数据的时候，需要告诉仓库管理员，由仓库管理员拿给他，至于仓库管理员从哪拿的数据，使用者无需关系。
       </div>
     </div>
   </li>
@@ -265,7 +265,35 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 6">6</span>
-        <a href="https://segmentfault.com/a/1190000041288391" target="_blank" title="Flink Checkpoint是否支持Kafka 数据消费状态的维护？">Flink Checkpoint是否支持Kafka 数据消费状态的维护？</a>
+        <a href="https://segmentfault.com/a/1190000041290994" target="_blank" title="按着这些视频路线走，你绝对能成为前端大佬（干货满满）">按着这些视频路线走，你绝对能成为前端大佬（干货满满）</a>
+      </div>
+      <div class="sub-title followers">
+        
+        <span title="Stargazers Count">
+          <svg width="12" height="12" viewBox="0 0 16 16">
+            <g fill="none" fill-rule="evenodd">
+              <path d="M0 0h16v16H0z"/>
+              <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
+            </g>
+          </svg>
+          <span>1</span>
+        </span>
+        &nbsp;
+        <a target="_blank" href="https://segmentfault.com/u/user_ze46ouik"  title="Programming Language">
+          <span>Sunshine_Lin</span>
+        </a>
+      </div>
+      <div class="details">
+        前言大家好，我是菜鸟林三心，今天给大家分享前端学习视频路线（B站），保证你从小菜鸟变成大菜鸟（狗头）基础（html，css，js基础，js进阶），必须推荐尚硅谷李立超老师的视频，讲的非常生动有趣框架（vue，reac...
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 7">7</span>
+        <a href="https://segmentfault.com/a/1190000041291635" target="_blank" title="彻底弄懂WebSocket">彻底弄懂WebSocket</a>
       </div>
       <div class="sub-title followers">
         
@@ -279,12 +307,12 @@
           <span>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/deepexicode"  title="Programming Language">
-          <span>滴普科技DEEPEXI</span>
+        <a target="_blank" href="https://segmentfault.com/u/johntsui"  title="Programming Language">
+          <span>John</span>
         </a>
       </div>
       <div class="details">
-        使用Flink实时消费kafka数据时候，涉及到offset的状态维护，为了保证Flink作业重启或者运行时的Operator级别的失败重试，如果要做到“断点续跑”，需要Flink的Checkpoint的支持。问题是，如果简单的开启Flink的Chec...
+        在WebSocket出现之前，前端和后端交互通常使用Ajax进行HTTP API 通讯，然而若有实时性要求的项目，如聊天室或游戏中PVP对战或推送消息等场景，需要前端定时向后端轮询，然而轮询过快可能导致后端服务压力过大，轮...
       </div>
     </div>
   </li>
@@ -305,7 +333,7 @@
         <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
       </a>
     </div>
-    <div class="time">Last cache created on 2022/1/16 by Github API v3.</div>
+    <div class="time">Last cache created on 2022/1/17 by Github API v3.</div>
     Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
   </div>
 </body>

package/web/sifou-monthly.html

@@ -94,7 +94,7 @@
     
     
   </h1>
-  <div class="time">Last cache created on 2022/1/16 by 
+  <div class="time">Last cache created on 2022/1/17 by 
     
     
     
@@ -377,34 +377,6 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 10">10</span>
-        <a href="https://segmentfault.com/a/1190000041126142" target="_blank" title="100行代码实现React核心调度功能">100行代码实现React核心调度功能</a>
-      </div>
-      <div class="sub-title followers">
-        
-        <span title="Stargazers Count">
-          <svg width="12" height="12" viewBox="0 0 16 16">
-            <g fill="none" fill-rule="evenodd">
-              <path d="M0 0h16v16H0z"/>
-              <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
-            </g>
-          </svg>
-          <span>22</span>
-        </span>
-        &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/kasong"  title="Programming Language">
-          <span>卡颂</span>
-        </a>
-      </div>
-      <div class="details">
-        大家好，我卡颂。想必大家都知道React有一套基于Fiber架构的调度系统。这套调度系统的基本功能包括：更新有不同优先级一次更新可能涉及多个组件的render，这些render可能分配到多个宏任务中执行（即时间切片）高...
-      </div>
-    </div>
-  </li>
-  
-  <li>
-    <div class="info">
-      <div class="rank">
-        <span title="Ranking 11">11</span>
         <a href="https://segmentfault.com/a/1190000041170989" target="_blank" title="1.2w字 | 从 0 到 1 上手 Web Components 业务组件库开发">1.2w字 | 从 0 到 1 上手 Web Components 业务组件库开发</a>
       </div>
       <div class="sub-title followers">
@@ -432,7 +404,7 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 12">12</span>
+        <span title="Ranking 11">11</span>
         <a href="https://segmentfault.com/a/1190000041193583" target="_blank" title="平平淡淡又一年 | 边城在思否的 2021 年总结">平平淡淡又一年 | 边城在思否的 2021 年总结</a>
       </div>
       <div class="sub-title followers">
@@ -460,7 +432,7 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 13">13</span>
+        <span title="Ranking 12">12</span>
         <a href="https://segmentfault.com/a/1190000041252253" target="_blank" title="超硬核 Web 前端学霸笔记，学完就去找工作！">超硬核 Web 前端学霸笔记，学完就去找工作！</a>
       </div>
       <div class="sub-title followers">
@@ -488,7 +460,7 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 14">14</span>
+        <span title="Ranking 13">13</span>
         <a href="https://segmentfault.com/a/1190000041166007" target="_blank" title="Amazing！！CSS 也能实现极光？">Amazing！！CSS 也能实现极光？</a>
       </div>
       <div class="sub-title followers">
@@ -516,7 +488,7 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 15">15</span>
+        <span title="Ranking 14">14</span>
         <a href="https://segmentfault.com/a/1190000041210915" target="_blank" title="可视化编码！前端无缝接入代码可视化编辑">可视化编码！前端无缝接入代码可视化编辑</a>
       </div>
       <div class="sub-title followers">
@@ -544,35 +516,7 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 16">16</span>
-        <a href="https://segmentfault.com/a/1190000041126373" target="_blank" title="利用 clip-path 实现动态区域裁剪">利用 clip-path 实现动态区域裁剪</a>
-      </div>
-      <div class="sub-title followers">
-        
-        <span title="Stargazers Count">
-          <svg width="12" height="12" viewBox="0 0 16 16">
-            <g fill="none" fill-rule="evenodd">
-              <path d="M0 0h16v16H0z"/>
-              <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
-            </g>
-          </svg>
-          <span>17</span>
-        </span>
-        &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/chokcoco"  title="Programming Language">
-          <span>chokcoco</span>
-        </a>
-      </div>
-      <div class="details">
-        背景今天逛 CodePen，看到了这样一个非常有意思的效果：CodePen Demo -- Material Design Menu By Bennett Feely这个效果还是有一些值得探讨学习的点，下面我们一起来看看。如何实现这样一个类似的效果？首先，想...
-      </div>
-    </div>
-  </li>
-  
-  <li>
-    <div class="info">
-      <div class="rank">
-        <span title="Ranking 17">17</span>
+        <span title="Ranking 15">15</span>
         <a href="https://segmentfault.com/a/1190000041262311" target="_blank" title="【获奖名单】2021思否年度有奖征文获奖名单公布，快来领奖啦~">【获奖名单】2021思否年度有奖征文获奖名单公布，快来领奖啦~</a>
       </div>
       <div class="sub-title followers">
@@ -600,7 +544,7 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 18">18</span>
+        <span title="Ranking 16">16</span>
         <a href="https://segmentfault.com/a/1190000041174395" target="_blank" title="备战2022春招，这十道题必会！">备战2022春招，这十道题必会！</a>
       </div>
       <div class="sub-title followers">
@@ -628,7 +572,7 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 19">19</span>
+        <span title="Ranking 17">17</span>
         <a href="https://segmentfault.com/a/1190000041181667" target="_blank" title="一看就懂，一写就懵？搞懂回溯算法，一口气刷了20多道题">一看就懂，一写就懵？搞懂回溯算法，一口气刷了20多道题</a>
       </div>
       <div class="sub-title followers">
@@ -656,7 +600,7 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 20">20</span>
+        <span title="Ranking 18">18</span>
         <a href="https://segmentfault.com/a/1190000041156066" target="_blank" title="机器学习岗位年薪50万+，现在有个提供免费学习实操的入门平台，你不了解下?">机器学习岗位年薪50万+，现在有个提供免费学习实操的入门平台，你不了解下?</a>
       </div>
       <div class="sub-title followers">
@@ -684,7 +628,7 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 21">21</span>
+        <span title="Ranking 19">19</span>
         <a href="https://segmentfault.com/a/1190000041172633" target="_blank" title="Redis 分布式锁的正确实现原理演化历程与 Redission 实战总结">Redis 分布式锁的正确实现原理演化历程与 Redission 实战总结</a>
       </div>
       <div class="sub-title followers">
@@ -712,7 +656,35 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 22">22</span>
+        <span title="Ranking 20">20</span>
+        <a href="https://segmentfault.com/a/1190000041275359" target="_blank" title="深入浅出 CSS 动画">深入浅出 CSS 动画</a>
+      </div>
+      <div class="sub-title followers">
+        
+        <span title="Stargazers Count">
+          <svg width="12" height="12" viewBox="0 0 16 16">
+            <g fill="none" fill-rule="evenodd">
+              <path d="M0 0h16v16H0z"/>
+              <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
+            </g>
+          </svg>
+          <span>19</span>
+        </span>
+        &nbsp;
+        <a target="_blank" href="https://segmentfault.com/u/chokcoco"  title="Programming Language">
+          <span>chokcoco</span>
+        </a>
+      </div>
+      <div class="details">
+        本文将比较全面细致的梳理一下 CSS 动画的方方面面，针对每个属性用法的讲解及进阶用法的示意，希望能成为一个比较好的从入门到进阶的教程。CSS 动画介绍及语法首先，我们来简单介绍一下 CSS 动画。最新版本的 CS...
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 21">21</span>
         <a href="https://segmentfault.com/a/1190000041233845" target="_blank" title="我们自研的 Ice 规则引擎开源了">我们自研的 Ice 规则引擎开源了</a>
       </div>
       <div class="sub-title followers">
@@ -740,7 +712,7 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 23">23</span>
+        <span title="Ranking 22">22</span>
         <a href="https://segmentfault.com/a/1190000041189786" target="_blank" title="Amazing！！CSS 也能实现烟雾效果？">Amazing！！CSS 也能实现烟雾效果？</a>
       </div>
       <div class="sub-title followers">
@@ -768,7 +740,7 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 24">24</span>
+        <span title="Ranking 23">23</span>
         <a href="https://segmentfault.com/a/1190000041261707" target="_blank" title="Three.js 实现虎年春节3D创意页面">Three.js 实现虎年春节3D创意页面</a>
       </div>
       <div class="sub-title followers">
@@ -796,7 +768,7 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 25">25</span>
+        <span title="Ranking 24">24</span>
         <a href="https://segmentfault.com/a/1190000041182593" target="_blank" title="React Native新架构剖析">React Native新架构剖析</a>
       </div>
       <div class="sub-title followers">
@@ -824,7 +796,7 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 26">26</span>
+        <span title="Ranking 25">25</span>
         <a href="https://segmentfault.com/a/1190000041219802" target="_blank" title="Web3.0是什么，为什么MetaVerse这么火？">Web3.0是什么，为什么MetaVerse这么火？</a>
       </div>
       <div class="sub-title followers">
@@ -849,6 +821,34 @@
     </div>
   </li>
   
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 26">26</span>
+        <a href="https://segmentfault.com/a/1190000041240388" target="_blank" title="神奇的滤镜！巧妙实现内凹的平滑圆角">神奇的滤镜！巧妙实现内凹的平滑圆角</a>
+      </div>
+      <div class="sub-title followers">
+        
+        <span title="Stargazers Count">
+          <svg width="12" height="12" viewBox="0 0 16 16">
+            <g fill="none" fill-rule="evenodd">
+              <path d="M0 0h16v16H0z"/>
+              <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
+            </g>
+          </svg>
+          <span>16</span>
+        </span>
+        &nbsp;
+        <a target="_blank" href="https://segmentfault.com/u/chokcoco"  title="Programming Language">
+          <span>chokcoco</span>
+        </a>
+      </div>
+      <div class="details">
+        背景某日，群友们在群里抛出这样一个问题，如何使用 CSS 实现如下的布局：在 CSS 世界中，如果只是下述这种效果，还是非常容易实现的：一旦涉及到圆角或者波浪效果，难度就会提升很多。实现这种连续平滑的曲线其...
+      </div>
+    </div>
+  </li>
+  
   <li>
     <div class="info">
       <div class="rank">
@@ -937,7 +937,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 30">30</span>
-        <a href="https://segmentfault.com/a/1190000041275359" target="_blank" title="深入浅出 CSS 动画">深入浅出 CSS 动画</a>
+        <a href="https://segmentfault.com/a/1190000041229679" target="_blank" title="谁再说不熟悉 Linux 命令，就把这个给他扔过去！">谁再说不熟悉 Linux 命令，就把这个给他扔过去！</a>
       </div>
       <div class="sub-title followers">
         
@@ -948,15 +948,15 @@
               <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
             </g>
           </svg>
-          <span>18</span>
+          <span>19</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/chokcoco"  title="Programming Language">
-          <span>chokcoco</span>
+        <a target="_blank" href="https://segmentfault.com/u/jishuroad"  title="Programming Language">
+          <span>民工哥</span>
         </a>
       </div>
       <div class="details">
-        本文将比较全面细致的梳理一下 CSS 动画的方方面面，针对每个属性用法的讲解及进阶用法的示意，希望能成为一个比较好的从入门到进阶的教程。CSS 动画介绍及语法首先，我们来简单介绍一下 CSS 动画。最新版本的 CS...
+        虽然平时大部分工作都是和Java相关的开发, 但是每天都会接触Linux系统, 尤其是使用了Mac之后, 每天都是工作在黑色背景的命令行环境中. 自己记忆力不好, 很多有用的Linux命令不能很好的记忆, 现在逐渐总结一下, 以...
       </div>
     </div>
   </li>
@@ -977,7 +977,7 @@
         <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
       </a>
     </div>
-    <div class="time">Last cache created on 2022/1/16 by Github API v3.</div>
+    <div class="time">Last cache created on 2022/1/17 by Github API v3.</div>
     Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
   </div>
 </body>