掘金黑名单功能插件开发实践

前端

2023-09-24 01:45:21

随着掘金平台的发展，文章数量不断增加，良莠不齐的情况也逐渐显现。作为一名忠实的掘金用户，深感高质量文章稀缺的困扰。因此，萌生了开发一个掘金黑名单功能插件的想法，旨在屏蔽低质文章，优化用户阅读体验。

开发流程

1. 需求分析

确定黑名单文章的判定标准，例如赞数、评论数、阅读量等指标。
设计插件交互方式，如手动添加黑名单、自动屏蔽特定作者或标签的文章。
考虑插件兼容性，支持多种主流浏览器。

2. 技术选型

选择合适的编程语言，例如 JavaScript 或 Python。
利用 Chrome 扩展或 Tampermonkey 等浏览器插件框架。
采用本地存储或云存储保存黑名单数据。

3. 实现功能

开发黑名单管理界面，允许用户添加、删除和编辑黑名单。
编写自动屏蔽算法，根据设定好的标准过滤文章。
提供快速开启和关闭插件功能的选项。

使用指南

安装插件

从浏览器扩展商店或 Tampermonkey 市场安装掘金黑名单功能插件。

配置黑名单

打开插件设置页面，在黑名单中添加要屏蔽的作者或标签。
还可以手动屏蔽特定文章，只需复制文章链接并粘贴到黑名单中即可。

启用插件

在掘金网站上启用插件。
黑名单文章将自动隐藏，只显示符合标准的文章。

示例代码

// 从本地存储中加载黑名单
const getBlacklist = () => JSON.parse(localStorage.getItem('blacklist'));

// 判断文章是否在黑名单中
const isBlacklisted = (article) => {
  const blacklist = getBlacklist();
  return blacklist.includes(article.author) || blacklist.includes(article.tags);
};

// 在文章列表中屏蔽黑名单文章
const hideBlacklistedArticles = () => {
  const articles = document.querySelectorAll('article');
  articles.forEach(article => {
    if (isBlacklisted(article)) {
      article.style.display = 'none';
    }
  });
};