掌握简单步骤，打造你的掘金版"ad-block"插件，畅游无广告的世界

在网络浏览中，我们经常会被各种各样的广告所困扰。为了解决这个问题，人们开发了许多广告屏蔽插件，如著名的“Ad-Block Plus”和“uBlock Origin”。但这些插件通常只能屏蔽普通的广告，无法屏蔽掘金等专业网站上的文章和作者。

为了满足更多用户的需求，我决定制作一个可以屏蔽掘金作者和文章的插件，并将其命名为“掘金版Ad-Block”。该插件可以轻松屏蔽您不需要的内容，让您享受更加纯粹的阅读体验。

制作掘金版“ad-block”插件，您需要具备一定的编程基础和熟悉掘金网站的DOM结构。下面是制作步骤：

1. 安装Node.js环境

   掘金版“ad-block”插件是用JavaScript编写的，因此您需要在您的计算机上安装Node.js环境。您可以从Node.js官方网站下载并安装Node.js。

2. 创建插件项目

   使用终端或命令提示符，导航到您想要创建插件项目的目录。然后，运行以下命令：

   npm init -y
   

   这将创建一个新的Node.js项目。

3. 安装依赖项

   掘金版“ad-block”插件依赖于以下库：

   cheerio
   request
   

   您可以使用以下命令安装这些库：

   npm install cheerio request --save
   

4. 编写插件代码

   在您的插件项目目录下，创建一个名为“index.js”的文件。然后，将以下代码复制到该文件中：

   const cheerio = require('cheerio');
   const request = require('request');
   
   const url = 'https://juejin.cn/';
   
   request(url, (error, response, body) => {
     if (!error && response.statusCode === 200) {
       const $ = cheerio.load(body);
   
       // 屏蔽作者
       const blockedAuthors = ['作者1', '作者2', '作者3'];
       $('a[href^="/user/"]').each((i, el) => {
         const authorName = $(el).text();
         if (blockedAuthors.includes(authorName)) {
           $(el).parent().parent().parent().remove();
         }
       });
   
       // 屏蔽文章
       const blockedArticles = ['文章1', '文章2', '文章3'];
       $('a[href^="/post/"]').each((i, el) => {
         const articleTitle = $(el).text();
         if (blockedArticles.includes(articleTitle)) {
           $(el).parent().parent().parent().remove();
         }
       });
   
       // 输出结果
       console.log($.html());
     }
   });
   

5. 运行插件

   您可以使用以下命令运行插件：

   node index.js
   

   这将屏蔽掘金网站上您指定的所有作者和文章。

6. 打包插件

   为了方便使用，您需要将插件打包成一个独立的文件。您可以使用以下命令打包插件：

   npm run build
   

   这将在您的插件项目目录下生成一个名为“dist”的文件夹，其中包含打包后的插件文件。

7. 安装插件

   您可以使用浏览器扩展程序商店（如Chrome网上应用店）安装打包后的插件。安装后，您就可以在掘金网站上使用该插件屏蔽不需要的内容了。

掘金版“ad-block”插件是一个简单而实用的工具，可以帮助您屏蔽掘金网站上不需要的作者和文章。如果您对该插件有任何问题或建议，欢迎随时提出。