給你的百度畫個妝

介紹

現在很多網站做的簡單便捷，比如思否（🙈舔狗應有盡有）,但是百度依然是十年前的畫風，而且不管你搜索什麼都充斥着各種廣告，體驗極差。今天我們就一起給百度美化一下。😏

Tips: 這其實是個插件推薦博，技術黨勿噴。

本文首發於我的個人網站 Timbok.top

安裝可加載本地CSS的Chrome插件

Chrome上此種插件有很多，這裏我選擇的是Stylish

下載美化規則

這個插件的官網有很多大佬寫好的美化規則，大家可以自己選擇自己喜歡的。

除了百度，你還可以下載騰訊、新浪、谷歌、優酷等美化規則。

在此插件上新建一個CSS樣式

如果你不想做伸手黨，且你有一點點CSS功底，那麼你可以自定義樣式。

你想想你女朋友覺得某網頁的一個模塊很醜，想讓它消失。你站起來對她說：無知又愚蠢的女人，讓我來幫你搞定吧。🤔

然後你從30塊的揹包裏掏出你的mbp，找到模塊的類名，dispaly: none,三步搞定。🤔

最後對女朋友說，你不喜歡的我都讓她消失。🤔

可是你沒有女朋友。

是你沒有女朋友

你沒有女朋友。

沒有女朋友。

在深色框內你就可以編寫自己的樣式了。

以下是我編寫的百度美化規則，簡易的美化了一下百度然後屏蔽了一些廣告。喜歡❤可以使用喲。

/* 去除首頁廣告 */
.s-mancacrd-main {
    display: none;
}
#s_top_wrap {
    display: none;
}
.no-qrcode-layer {
    display: none;
}

/* 去除搜索結果廣告 */
#content_left > .result-op {
    display: none;
}
/* 美化搜索結果 */
.result {
    padding: 30px;
    border-radius: 5px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
}
.result:hover {
    padding: 30px;
    border-radius: 5px;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14),
      0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.result > div {
    margin-top: 10px;
}

#u > a {
    text-decoration: none;
}

.s_form {
    zoom: 1;
    height: auto;
    padding: 5px 0 15px 15px;
}
#s_tab {
    background: #f8f8f8;
    line-height: 36px;
    height: 38px;
    padding: 80px 0 0 127px;
    float: none;
    zoom: 1;
}

#content_left {
    padding-left: 127px;
}

.s_ipt_wr {
    height: 40px;
}

.s_btn {
    height: 42px
}

.s_ipt {
    margin: 9px 0 0 7px;
}

#result_logo {
    margin: 9px 0 0;
}

.ipt_rec:after {
    display: none;
}
.ipt_rec {
    width: 0px;
    height: 0px;
}
.nums {
    margin: 0px 0 0 127px;
    height: 42px;
    line-height: 42px;
}
#content_right {
    margin-top: 80px;
}


.cr-title-sub {
    text-decoration: none;
}

#head .bdsug {
    top: 42px;
}

/* 搜索框 */
.bdsug li {
    padding: 5px;
}
.bdsug li:hover {
    padding: 8px;
}

效果對比：

總結

好了。又水了一篇文章。🚣

喜歡請點贊。彳亍口巴？