为揭秘CSDN谁有100万粉丝?我连夜研发了粉丝数排行榜插件,通过 dalao 一键即可唤醒

Posted 梦想橡皮擦

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了为揭秘CSDN谁有100万粉丝?我连夜研发了粉丝数排行榜插件,通过 dalao 一键即可唤醒相关的知识,希望对你有一定的参考价值。

橡皮擦,做好技术接待工作

本博客起源于 5A 技术俱乐部的一次闲聊,大家在讨论 CSDN 粉丝最多的作者是谁?

恰巧这题有解,接下来,橡皮擦将通过实现 CSDN 插件扩展的方式,为你揭秘 CSDN 哪些坐拥 10W+粉丝的大作者。

创建插件

本插件扩展基于 CSDN 开发助手研发,即 https://plugin.csdn.net/,开发之前,你需要先安装一个。

安装了之后,再访问 CSDN 就没有任何广告打扰了,这操作不得不夸赞一下,用流行的话说就是我杀我自己。

为揭秘CSDN谁有100万粉丝?我连夜研发了一款粉丝数排行榜插件,通过 dalao 一键即可唤醒
从配置开始,安装开发者助手后,先选择插件扩展

为揭秘CSDN谁有100万粉丝?我连夜研发了一款粉丝数排行榜插件,通过 dalao 一键即可唤醒
在弹窗的窗口中选择,新增插件,即可进入插件添加页面。

开发文档参考 https://csdn-plugin.gitcode.host/csdn-chrome-plugin/extend/index.html,具体语法橡皮擦不再细说,直接进入代码编写时间。

添加插件弹窗选择 本地代码

为揭秘CSDN谁有100万粉丝?我连夜研发了一款粉丝数排行榜插件,通过 dalao 一键即可唤醒
插件依赖的是前端技术栈,如果你希望编写更强大的插件,围绕 CSS 和 JS 学习即可。

本次要实现的是 CSDN 粉丝数排行榜,目标展示前 10 即可。页面布局参考周榜 https://blog.csdn.net/rank/list/weekly 实现。

下图触发关键词开始设置的为 likes,后续因存在重复修改为 dalao
为揭秘CSDN谁有100万粉丝?我连夜研发了一款粉丝数排行榜插件,通过 dalao 一键即可唤醒

编写代码

切换到 html 页面,参考 CSDN 周榜 HTML 页面进行代码提取,具体代码如下,编写过程中,可随时切换到预览选项卡,查看实时效果。

<html>
  <head>
    <title>粉丝数排行榜</title>
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />
  </head>
  <body>
    <div class="floor-rank-total">
      <div class="floor-rank-total-item">
        <div class="total-content">
          <span
            class="number rank-index-icon"
            style="background-position: 0px 0px"
          ></span>
          <a target="_blank" href="https://blog.csdn.net/hihell">
            <img
              src="https://profile.csdnimg.cn/6/E/2/3_hihell"
              alt=""
              class="author"
          /></a>
          <div class="total-box">
            <dl>
              <dd>
                <a target="_blank" href="https://blog.csdn.net/hihell"
                  >梦想橡皮擦</a
                >
                <img
                  src="https://csdnimg.cn/release/cmsfe/public/img/expertNew.44860fbe.png"
                  alt=""
                />
                <img
                  src="https://csdnimg.cn/release/cmsfe/public/img/vipNew.b81a61be.png"
                  alt=""
                />
                <!---->
              </dd>
              <dt>
                粉丝数
                <span style="margin-left: 8px; margin-right: 24px">7W+</span>
                博客等级
                <img
                  src="https://csdnimg.cn/identity/blog9.png"
                  alt=""
                  style="margin-left: 8px; margin-right: 24px"
                />
              </dt>
            </dl>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>

加载 HTML 代码之后,页面呈现如下效果。
为揭秘CSDN谁有100万粉丝?我连夜研发了一款粉丝数排行榜插件,通过 dalao 一键即可唤醒
出现该页面表示页面元素已经准备好,但 CSS 样式丢失,接下来的工作就是拷贝 CSDN 周榜的 CSS 样式到本地代码。

经过一番查找,得到样式表链接 https://csdnimg.cn/release/cmsfe/public/css/tpl/blog-rank/index.6d05d9f2.css ,你可以直接在 HTML 代码中引入,也可以复制到上图 CSS 选项卡中。

CSS 加载成功,页面变为如下样式。

后面的工作就变得非常简单了,通过 Python 爬虫采集 CSDN 用户数据,获取粉丝数最多的 10 位大佬,爬虫代码不公开了,想要学习的可以订阅 《Python 爬虫 100 例专栏》

为揭秘CSDN谁有100万粉丝?我连夜研发了一款粉丝数排行榜插件,通过 dalao 一键即可唤醒

结果展示

经过一番分析,橡皮擦得到了如下排行,CSDN 粉丝关注排行榜 TOP10 的作者排序如下:

为揭秘CSDN谁有100万粉丝?我连夜研发了一款粉丝数排行榜插件,通过 dalao 一键即可唤醒
为了显示出橡皮擦自己来,我在涛哥下面放了一个序号为 14 的我自己。

为揭秘CSDN谁有100万粉丝?我连夜研发了一款粉丝数排行榜插件,通过 dalao 一键即可唤醒

TOP10 粉丝全部在 10W+,不过测试中,发现部分作者已经不在更新文章了,后续部队,我们有机会了。

写在后面

该插件通过 CSDN 开发者工具提供的搜索栏快速唤醒,数据每 2 周更新一次,大家可以持续关注。

为揭秘CSDN谁有100万粉丝?我连夜研发了一款粉丝数排行榜插件,通过 dalao 一键即可唤醒

今天是持续写作的第 172 / 200 天。可以点赞、评论、收藏啦。

相关阅读

  1. 10 行代码集 2000 张美女图,Python 爬虫 120 例,再上征途
  2. 通过 Python 爬虫,发现 60%女装大佬游走在 cosplay 领域
  3. Python 千猫图,简单技术满足你的收集控
  4. 熊孩子说“你没看过奥特曼”,赶紧用 Python 学习一下,没想到
  5. 技术圈的【多肉小达人】,一篇文章你就能做到
  6. 我用 Python 连夜离线了 100G 图片,只为了防止网站被消失
  7. 对 Python 爬虫编写者充满诱惑的网站,《可爱图片网》,瞧人这网站名字起的
  8. 5000 张高清壁纸大图(手机用),用 Python 在法律的边缘又试探了一把

以上是关于为揭秘CSDN谁有100万粉丝?我连夜研发了粉丝数排行榜插件,通过 dalao 一键即可唤醒的主要内容,如果未能解决你的问题,请参考以下文章

2021年度总结 —— CSDN一位六万粉丝博主的成长之路

写博客的2年,我有12万+粉丝了,还上了百度百科!

写博客的2年,我有12万+粉丝了,还上了百度百科!

码龄60天的我,突破2万粉丝了,必须要宠粉啊,一千多才能买到的100多集视频送你们

女友问粉丝过万如何庆祝,我发万字长文《保姆级大数据入门篇》感恩粉丝们支持,学姐|学妹|学弟|小白看了就懂

分析了10万条B站UP主数据后,我知道了成为百万粉丝UP主的一些秘密