为揭秘CSDN谁有100万粉丝?我连夜研发了粉丝数排行榜插件,通过 dalao 一键即可唤醒
Posted 梦想橡皮擦
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了为揭秘CSDN谁有100万粉丝?我连夜研发了粉丝数排行榜插件,通过 dalao 一键即可唤醒相关的知识,希望对你有一定的参考价值。
橡皮擦,做好技术接待工作
本博客起源于 5A 技术俱乐部的一次闲聊,大家在讨论 CSDN 粉丝最多的作者是谁?
恰巧这题有解,接下来,橡皮擦将通过实现 CSDN 插件扩展的方式,为你揭秘 CSDN 哪些坐拥 10W+粉丝的大作者。
创建插件
本插件扩展基于 CSDN 开发助手研发,即 https://plugin.csdn.net/,开发之前,你需要先安装一个。
安装了之后,再访问 CSDN 就没有任何广告打扰了,这操作不得不夸赞一下,用流行的话说就是我杀我自己。
从配置开始,安装开发者助手后,先选择插件扩展
在弹窗的窗口中选择,新增插件,即可进入插件添加页面。
开发文档参考 https://csdn-plugin.gitcode.host/csdn-chrome-plugin/extend/index.html,具体语法橡皮擦不再细说,直接进入代码编写时间。
添加插件弹窗选择 本地代码
。
插件依赖的是前端技术栈,如果你希望编写更强大的插件,围绕 CSS 和 JS 学习即可。
本次要实现的是 CSDN 粉丝数排行榜,目标展示前 10 即可。页面布局参考周榜 https://blog.csdn.net/rank/list/weekly
实现。
下图触发关键词开始设置的为 likes
,后续因存在重复修改为 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 代码之后,页面呈现如下效果。
出现该页面表示页面元素已经准备好,但 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 粉丝关注排行榜 TOP10 的作者排序如下:
为了显示出橡皮擦自己来,我在涛哥下面放了一个序号为 14 的我自己。
TOP10 粉丝全部在 10W+,不过测试中,发现部分作者已经不在更新文章了,后续部队,我们有机会了。
写在后面
该插件通过 CSDN 开发者工具提供的搜索栏快速唤醒,数据每 2 周更新一次,大家可以持续关注。
今天是持续写作的第 172 / 200 天。可以点赞、评论、收藏啦。
相关阅读
以上是关于为揭秘CSDN谁有100万粉丝?我连夜研发了粉丝数排行榜插件,通过 dalao 一键即可唤醒的主要内容,如果未能解决你的问题,请参考以下文章
码龄60天的我,突破2万粉丝了,必须要宠粉啊,一千多才能买到的100多集视频送你们