为揭秘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"><spanclass="number rank-index-icon"style="background-position: 0px 0px"></span><a target="_blank" href="https://blog.csdn.net/hihell"><imgsrc="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><imgsrc="https://csdnimg.cn/release/cmsfe/public/img/expertNew.44860fbe.png"alt=""/><imgsrc="https://csdnimg.cn/release/cmsfe/public/img/vipNew.b81a61be.png"alt=""/><!----></dd><dt>粉絲數<span style="margin-left: 8px; margin-right: 24px">7W+</span>博客等級<imgsrc="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 天??梢渣c贊、評論、收藏啦。
相關閱讀
總結
以上是生活随笔為你收集整理的为揭秘CSDN谁有100万粉丝?我连夜研发了粉丝数排行榜插件,通过 dalao 一键即可唤醒的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 用了十年竟然都不对,Java、Rust、
- 下一篇: 男人英文名字大全