优化一下百度搜索结果

首页 / 乱写 / 正文
TL;DR
该段由 Moonshot-v1 模型自动生成

这几天给朋友的电脑重装了一次系统，把原来的软件下载回来的时候发现百度的广告是真的真的多得离谱，就算装上了广告过滤脚本也还是有一些搜索关键词针对性的推广。

非官方下载链接

这些推广占位超大块，要想看下面的内容还得鼠标多滚动几下。再加上一些像相关视频、全网热卖之类的广告，不能说是画蛇添足吧，只能说是毫无用处。恰好之前装的广告过滤 脚本 有自定义样式的功能，可以用 CSS 把那些推广给屏蔽掉。经过一晚上搜索各种奇奇怪怪的关键词之后，得到了下面这个针对相应推广广告的屏蔽列表，只需要粘贴在脚本的自定义样式框内保存就好了。

具体设置可以参考这里：

设置参考

你可以在这里获取我所使用的最新 CSS 规则：

分享卡片加载中

/* 2024.3.21更新 */

/* 隐藏所有无用的的百度服务 */
div[tpl*="game"],
div[tpl="pc-soft-accurate"],
div[tpl="pc-soft-fs"],
div[tpl="se_st_com_abstract"],
div[tpl="short_video_pc"],
div[tpl="se_st_single_video_zhanzhang"],
div[tpl="exactqa"],
div[tpl="yl-vd-basis"],
div[tpl="text04"],
div[tpl="b2b_industry_zk"],
div[tpl="sp_hot_sale"],
div[tpl="ads_b2c_universal_card"],
div[tpl="news-realtime"],
div[tpl="jy_course_and_org_pc"],
div[tpl="poi_mapdots"],
div[tpl="ms_weak_kefu"],
div[tpl="jr_stock"],
div[tpl="job3"],
div[tpl="zk-header"],
div[tpl="short_video"],
div[tpl="video_vast"],
div[tpl="med_disease_kg_collection"],
div[tpl="ask_doctor"],
div[tpl="med_qa"],
div[tpl="b2b_factory2"],
div[tpl="bjh_addressing"],
div[tpl="recommend_list"],
div[tpl="kaifa_pc_blog_weak"],
div[class*="video-container"],
div[tpl="vmp_zxenterprise_new"],
div[tpl="open_source_software"],
div[tpl="pc-soft-app"],
div[tpl="vmp_newproject_new"],
div[tpl="wenda_abstract_pc"],
div[tpl="aladdin_wenku_pc_new"] > div,
div[tpl="jr_stock_comment_san"],
div[tpl="ybb"],
div[tpl="med_disease_kg_collection_san"],
div[tpl="live_converge_san"],
div[tpl="sp_purc_pc"],
div[tpl="generaltable"] {
  margin: 0 0 10px !important;
  padding: 10px 20px !important;

  & > * {
    display: none !important;
  }

  &::after {
    width: 100%;
    content: "结果已被隐藏";
  }

  &::before {
    content: "匹配到的规则:" attr(tpl);
    position: absolute;
    right: 0.2rem;
    color: #a9a9a9;
  }
}

/* 电话号码查询 */
div[tpl="ms_mark"],
div[tpl="ms_number"] {
  & .new-pmd .c-gap-top-xsmall {
    display: block !important;
  }
  & div[class*="link-more_"] {
    display: none !important;
  }
}

/* 疾病相关问题特别提醒 */
div[tpl="ask_doctor"],
div[tpl="wenda_abstract_pc"],
div[tpl="med_disease_kg_collection_san"] {
  background-image: linear-gradient(to right, #ff758c 0%, #ff7eb3 100%);
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  padding: 15px !important;
  &::after {
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    content: "重要提示：您正在搜索疾病相关问题，请勿轻易相信网络结果，及时就医" !important;
    display: block !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }
  &::before {
    content: "" !important;
  }
}

/* 结果框优化 */
.result,
.result-op.c-container.new-pmd {
  border: 2px solid rgba(0, 0, 0, 0.1) !important;
  box-shadow: none !important;
  border-radius: 6px !important;
  transition: border 0.15s ease-in-out;
}

.result:hover,
.result-op.c-container.new-pmd:hover {
  border: 2px solid rgb(0 186 145 / 60%) !important;
  box-shadow: none !important;
  border-radius: 6px !important;
  transition: border 0.15s ease-in-out;
}

a[class*="foot-more"] {
  margin-top: 8px;
}

#wrapper #content_left .op-soft-title a:hover:after,
#wrapper #content_left .result a:hover:after,
#wrapper #content_left .result-op a:hover:after,
#wrapper #content_left > .c-container a:hover:after,
#wrapper #content_left .op-soft-title a:visited:hover:after,
#wrapper #content_left .result a:visited:hover:after,
#wrapper #content_left .result-op a:visited:hover:after,
#wrapper #content_left > .c-container a:visited:hover:after,
.pf,
.s-top-username,
.selected-search-box,
#searchTag,
.new-pmd .c-gap-top-xsmall,
.AC.sp-separator,
.s_tab,
#result_logo,
.toindex,
.soutu-btn,
.quickdelete-line,
.soutu-hover-tip,
div[class*="pc-source"],
div[class*="source_"],
.op-guide-cont,
.c-showurl,
.c-tools,
.c-gap-top-mini,
div[class*="daoliu"],
.sc-card-footer,
div[class*="fy-star-box"],
div[class*="_bg-header_"],
div[class*="_new-kg-header_"],
div[tpl="app/hit-top-new"],
div[tpl="app/footer"],
div[tpl="app/rs"],
div[tpl="app/search-tool"] {
  display: none !important;
}

.cu-border {
  width: 100%;
}

/* 隐藏明星艺人打榜送花的百科 */
.c-group-wrapper,
.search-source-wrap {
  display: none !important;
}

#content_left {
  padding-top: 65px;
}

#form.has-soutu .quickdelete {
  right: 10px !important;
}

.fm.has-soutu {
  display: flex;
  flex-direction: row;
  min-width: 650px;
}

.bdsug.bdsug-new {
  width: 528px !important;
}

.c-span12 {
  width: 100%;
}

.c-border {
  box-shadow: none !important;
}

div[tpl="dict3"] {
  padding: 10px 20px !important;
}

body #head {
  background: rgba(248, 248, 248, 0.4) !important;
  border-bottom: none !important;
  backdrop-filter: blur(10px) !important;
}

div[tpl="ai_index"] {
  padding: 10px !important;
}

.wd-ai-index-pc {
  width: 100% !important;
  margin: 0px !important;
}

div[class*="blog-more-wrap"] {
  display: none !important;
}

.cu-border,
div[class*="re-box"],
table {
  box-shadow: none !important;
  width: 100%;
}

h3::before {
  display: none !important;
}

#wrapper #content_left .op-soft-title a,
#wrapper #content_left .result a,
#wrapper #content_left .result-op a,
#wrapper #content_left > .c-container a {
  color: #3979d3 !important;
}

/* 百度相关结果后追加提示 */
/* 标题对齐优化 */
div[tpl] h3 {
  display: flex;
  align-items: center;
}

div[tpl] h3 > a {
  margin: 0px;
}

/* 提示部分 */
div[tpl="sg_kg_entity_san"] h3::after {
  font-size: 0.15rem;
  color: #fff;
  background: #24bb5b;
  padding: 1px 5px;
  margin: 0px 10px;
  content: "百科";
  border-radius: 6px;
}

div[tpl="dict3"] h3::after {
  font-size: 0.15rem;
  color: #fff;
  background: #24bb5b;
  padding: 1px 5px;
  margin: 0px 10px;
  content: "翻译";
  border-radius: 6px;
}

#b_header {
  border: none !important;
  background-color: transparent !important;
}

#b_content #b_results > li:not(#mfa_root) {
  border: 2px solid rgba(0, 0, 0, 0.1) !important;
  box-shadow: none !important;
  border-radius: 6px !important;
  transition: border 0.15s ease-in-out;
}

#b_content #b_results > li:not(#mfa_root):hover {
  border: 2px solid rgb(0 186 145 / 60%) !important;
  box-shadow: none !important;
  border-radius: 6px !important;
  transition: border 0.15s ease-in-out;
}

#container.sam_newgrid td:nth-child(1),
#container.sam_newgrid th:nth-child(1) {
  width: 0;
}

/* 插件样式输入框优化 */
#sp-ac-userstyleTEXT {
  min-width: 100%;
  min-height: 300px;
  margin-left: unset !important;
}

*[ac-needhide] .blockShow:hover {
  border: none;
}

div :has(> .blockShow) {
  padding: 0.1rem 0.2rem !important;

  &::after {
    position: absolute;
    right: 0.2rem;
    content: "自主拦截域名 - 点击标题显示结果";
    color: #a9a9a9;
  }
}

.nors {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, 50%);
}

#wrapper #page {
  width: 100% !important;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}

这种黑名单式的屏蔽有可能有一些漏掉的推广没有屏蔽掉，可以自己找到对应元素的 tpl 属性添加上去就可以了。

当然，如果想要更为严格的白名单式的屏蔽可以用下面这个,可以用同样的方式自己添加白名单。

div[tpl] {
    display: none;
}
/*白名单*/
div[tpl="se_com_default"],/*普通结果*/
div[tpl="wenda_abstract_pc"],/*百度知道结果框*/
div[tpl="bk_polysemy"],/*百度百科结果框*/
div[tpl="img_normal"]/*百度图片结果框*/
{
    display: block!important;
}

下面是一些搜索页面屏蔽前后的对比：

Steam搜索结果对比

搜索关键词：Steam

感冒症状搜索结果对比

搜索关键词：感冒症状

屏蔽之后整个搜索页面清爽了不少，再也不用看到那些无处不在的推广了。

无标签
版权属于：Vinking
本文链接：https://typecho.vinking.top/index.php/55.html
作品采用 知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议 进行许可
一个新年游戏
« 上一篇
说说-2022.3.18
下一篇 »
评论区
头像

进行人机验证

    头像
    优惠券平台
    2024年02月05日 03:40
    回复

    写的很详细具体，学习到了，多谢博主的分享！⌇●﹏●⌇

    另外，想请教一下，文章开头那个利用ChatGPT自动生成总结，具体怎样实现的呀？改天有空时可不可以写个教程分享一下呗。ヾ(≧∇≦*)ゝ

      头像
      Vinking
      2024年02月06日 00:56
      回复

      用的是 TianliGPT（https://github.com/zhheo/Post-Abstract-AI）这个项目的 API 实现的生成文章摘要，里面提供了一键部署的代码|´・ω・)ノ

    头像
    小熊
    2023年04月17日 10:27
    回复

    我也想试试，广告真的很烦

    头像
    如是乎
    2023年01月26日 13:03
    回复

    万能的代码。

    头像
    芭比
    2022年04月27日 15:57
    回复

    可以可以，学习到了

    头像
    Jdeal
    2022年03月18日 10:50
    回复

    这个可以有，感谢分享٩(ˊᗜˋ*)و

    头像
    hi
    2022年03月15日 12:13
    回复

    vinking.top/NetworkTool.html 可以给一下这个的源码吗

    头像
    Vie.
    2022年02月24日 20:54
    回复

    可以用这个屏蔽特定的网址吗

      头像
      Vinking
      2022年02月24日 21:25
      回复

      因为 CSS3 没有父元素选择器，所以用 h3>a[href*=" "] 只能做到隐藏特定网址标题的那一小部分
      屏蔽特定网址建议用插件自带的 block 功能或者自己写 js 去匹配

    头像
    火喵
    2022年02月23日 09:09
    回复

    我百度一直都是屏蔽csdn的搜索结果搜东西的(ㆆᴗㆆ)
    我多年前一直在找一种美化百度搜索结果页面的美化插件，但是这么多年过去了没人做?

      头像
      Vinking
      2022年02月23日 11:30
      回复

      我用的是这个插件AC-baidu，可以屏蔽广告而且还可以自己美化

        头像
        火喵
        2022年03月06日 19:03
        回复

        确实很nice(☆ω☆)