保护！一款插件，2行代码，去除CSDN的关注博主阅读全文

我就是我 2023-01-23 09:50 216阅读 0赞

## 为何有这款插件 ##

相信你在 CSDN 检索资料的时候，一定碰到过【关注博主阅读全文】。

明明只是检索一个资料，为何非要关注他的博客呢？

况且如果你没有 CSDN 账号怎么办？

当访问一篇博客，出现下图时，你一定产生过被这个按钮支配的愤怒。  
![保护！ 一款插件，2行代码，去除CSDN的关注博主阅读全文][_2_CSDN]

有吐槽的地方，就有需求，**“就不关注”** 这款插件应运而生，而且本款插件发布在 CSDN 开发者助手商店哦~ 妥妥的带上 “官方出版” 的帽子。

## 插件制作流程 ##

在使用本插件之前，需要提前安装 CSDN 开发者助手，具体安装方法，查看官方说明即可。

[插件官方下载地址][Link 1]

通过 [https://plugin.csdn.net/webstore?type=&sort=&name=&sType=name][https_plugin.csdn.net_webstore_type_sort_name_sType_name] 创建插件，选择脚本插件进行后续开发。

![保护！ 一款插件，2行代码，去除CSDN的关注博主阅读全文][_2_CSDN 1]  
**配置插件**

在插件配置页面，对插件进行基本设置，该内容主要展示在商店中，最后一项外部资源依据需要进行添加，实测后发现尽量不添加与 CSS 样式相关的外部资源，例如 less，bootstrap ，易造成原页面排版出现问题。

配置规则表示在哪些页面插件起作用。由于目标删除数据在博客详情页，本插件该配置如下所示：

https://*.blog.csdn.net/article/details/*
    https://blog.csdn.net/*/article/details/*

脚本执行时机选择 `document_end`，即页面全部加载完毕执行。  
![保护！ 一款插件，2行代码，去除CSDN的关注博主阅读全文][_2_CSDN 2]  
**编写代码**

去除关注博客可预览全文功能比较简单，只需要在上图顶部的 JS 选项卡中，添加如下代码即可。

(function () { 
      // Your code here...
      // 使用 Jquery 选择器，也可以直接使用原生的 JS
      $("#article_content").removeAttr("style");
      $(".hide-article-box").remove();
    })();

使用两行代码即可去除关注按钮，并查看全文。

第一行代码为删除 `DIV` 高度，并取消 `overflow` 属性，第二行代码为去除关注博主按钮区域。

## 插件后续 ##

插件下载地址：[https://plugin.csdn.net/plugin?pluginId=CSDNPlugin-33818859-1626222802872-65436331][https_plugin.csdn.net_plugin_pluginId_CSDNPlugin-33818859-1626222802872-65436331]

欢迎大家体验橡皮擦研发的其它几款小工具， [https://plugin.csdn.net/webstore?type=&sort=&name=hihell&sType=author][https_plugin.csdn.net_webstore_type_sort_name_hihell_sType_author]  
![保护！ 一款插件，2行代码，去除CSDN的关注博主阅读全文][_2_CSDN 3]

> 今天是持续写作的第 183 / 200 天。  
> 可以关注我，点赞我、评论我、收藏我啦。

**更多精彩**

*  [Python 爬虫 100 例教程导航帖（已完结）][Python _ 100]

请把保护打在评论区

[_2_CSDN]: /images/20221004/6fa0dbb17df349e2bf9063a885628272.png
[Link 1]: https://plugin.csdn.net/?utm_source=hihell
[https_plugin.csdn.net_webstore_type_sort_name_sType_name]: https://plugin.csdn.net/webstore?type=&sort=&name=&sType=name
[_2_CSDN 1]: /images/20221004/bb6046ce328e4cd0a732a78f719e17a1.png
[_2_CSDN 2]: /images/20221004/95ca02fe8790498cb8a495fafe7f7607.png
[https_plugin.csdn.net_plugin_pluginId_CSDNPlugin-33818859-1626222802872-65436331]: https://plugin.csdn.net/plugin?pluginId=CSDNPlugin-33818859-1626222802872-65436331
[https_plugin.csdn.net_webstore_type_sort_name_hihell_sType_author]: https://plugin.csdn.net/webstore?type=&sort=&name=hihell&sType=author
[_2_CSDN 3]: /images/20221004/5b62357c47d14b7a9c5632d4816821e5.png
[Python _ 100]: https://blog.csdn.net/hihell/category_9280209.html