← 全部文章

教程

LinkedIn 微调——用 CSS 和 JS 打造更平静的信息流

18 5月 2026 · 作者 JustZix Team

LinkedIn 可以很有用,但它的信息流密密麻麻塞满了推广帖、“你可能认识的人”模块、新闻栏,以及把你的注意力往旁边拉的互动计数。本指南展示如何用 JustZix 里的几条 CSS 和 JS 规则清理 linkedin.com——把你从不阅读的东西隐藏掉,只留下你关注的人发布的内容流。

为什么要修剪 LinkedIn

LinkedIn 信息流混合了几种内容:你关注的人发的帖子、“推广”帖(广告)、点赞建议、关注建议,以及右栏里的新闻轮播。对算法来说这全都是“互动”;对你来说它是噪音。JustZix 在标签页里本地运行:一条 CSS 规则隐藏一个元素,一条 JS 规则可以把它从 DOM 里移除或淡化它的颜色。没有任何东西离开你的浏览器,而且每个改动都固定到 linkedin.com,一键切换。

隐藏推广帖与赞助帖

LinkedIn 信息流里的广告被标为“Promoted”(某些地区是“Sponsored”)。帖子容器本身没有稳定的类,但承载那段文字的元素可以被匹配到。最简单的纯 CSS 尝试依赖辅助属性:

/* 淡化被标记为广告的容器 */
.feed-shared-update-v2:has(.update-components-actor__description) {
  /* 仅辅助选择器——见下方的 JS 规则 */
}

/* 当你已知它是广告时,把可见的“Promoted”标签调暗 */
span.update-components-actor__description {
  opacity: 0.55 !important;
}

CSS 无法按文本匹配元素,所以可靠的途径是一条简短的 JS 规则,它扫描信息流并隐藏包含广告标签的整个帖子:

// 隐藏信息流里的“Promoted”/“Sponsored”帖子
function hideSponsored() {
  const labels = document.querySelectorAll(
    '.update-components-actor__description, .update-components-text'
  );
  labels.forEach(el => {
    const t = (el.textContent || '').trim().toLowerCase();
    if (t === 'promoted' || t === 'sponsored') {
      const post = el.closest('.feed-shared-update-v2, div[data-id]');
      if (post) post.style.display = 'none';
    }
  });
}
hideSponsored();
// 信息流在滚动时懒加载——监听变化
new MutationObserver(hideSponsored).observe(
  document.body, { childList: true, subtree: true }
);

砍掉“你可能认识的人”与“添加到信息流”模块

在普通帖子之间,LinkedIn 插入带关注和点赞建议的卡片。那些不是内容——它们是点击诱饵。你可以用一条针对建议组件的 CSS 规则把它们隐藏掉:

/* “你可能认识的人”与“添加到信息流”卡片 */
.discover-entity-type-card,
.feed-follows-module,
section.artdeco-card:has(.discover-cohort-card),
.update-components-header:has(span[aria-label*="suggested"]) {
  display: none !important;
}

/* 内嵌在帖子里的关注提示 */
.feed-shared-actor__follow-button {
  display: none !important;
}

隐藏右侧新闻栏

右栏(“LinkedIn 新闻”“添加到信息流”、趋势)占用固定的宽度,对阅读毫无帮助。把它隐藏掉能加宽主信息流:

/* 隐藏右栏并加宽信息流 */
aside.scaffold-layout__aside,
.news-module,
.feed-news-module {
  display: none !important;
}

/* 让主栏占据腾出的空间 */
.scaffold-layout__row {
  grid-template-columns: minmax(0, 1fr) minmax(0, 3fr) !important;
}

专注模式——只看帖子

当你想毫无干扰地浏览信息流时,一条规则就能隐藏左侧个人资料栏、右侧栏,以及每个帖子下的互动计数:

/* 专注模式:只看帖子流 */
aside.scaffold-layout__aside,
.scaffold-layout__sidebar,
.social-details-social-counts {
  display: none !important;
}

/* 隐藏点赞和评论计数器 */
.social-details-social-counts__count-value,
.social-details-social-counts__reactions-count {
  display: none !important;
}

把干扰物淡化为灰度

如果你宁可不移除元素,而只是把它们调淡,一条 JS 规则可以给通知和赞助横幅去色,同时在你阅读的地方保留颜色:

// 把干扰物调淡,而不是移除它们
const muted = document.querySelectorAll(
  '.feed-news-module, .discover-entity-type-card, .ad-banner-container'
);
muted.forEach(el => {
  el.style.filter = 'grayscale(1)';
  el.style.opacity = '0.6';
});

搭建你自己的一套

把这些微调保留为单独的、命名的规则——“LinkedIn:无广告”“LinkedIn:无建议”“LinkedIn:专注模式”——每个都固定到 linkedin.com。然后一键就能让信息流贴合你此刻想要的使用方式。

LinkedIn 的现成规则在目录里——看看 linkedin.com 的示例,复制适合你的。安装 JustZix,今天就让你的信息流平静下来。