記：這是一篇非常有價(jià)值的經(jīng)驗(yàn)分享文章，也是我的親身經(jīng)歷，本文一共寫了3天，目的就是用自己的親身經(jīng)歷告訴大家，網(wǎng)站被百度網(wǎng)址安全中心攔截到解封的全部過(guò)程!

2019年11月24日星期天，我?guī)е⒆訌耐饷嬗瓮婊丶?，閑著沒(méi)事玩手機(jī)，偶然看到在松松博客投稿群里有位網(wǎng)友發(fā)了個(gè)截圖。上面提示到，盧松松博客被百度網(wǎng)址安全中心給攔截了，提示是違法違規(guī)網(wǎng)網(wǎng)頁(yè)，建議關(guān)閉。如圖所示：

如果是騰訊攔截的，那么就是QQ里發(fā)一下網(wǎng)址，如果是360攔截的，那就去360瀏覽器里測(cè)試一下。同理，如果是百度攔截的，第一時(shí)間去去百度APP和PC端去搜索，確實(shí)是否有被百度攔截了。

結(jié)果發(fā)現(xiàn)無(wú)論是在百度PC端還是移動(dòng)端，都現(xiàn)實(shí)是正常網(wǎng)站，沒(méi)有風(fēng)險(xiǎn)提示。

當(dāng)然最重要的是去圖片上提示的網(wǎng)站“百度網(wǎng)址安全中心”里去檢測(cè)。我立刻打開(kāi)了https://bsb.baidu.com，輸入網(wǎng)址，發(fā)現(xiàn)果然提示危險(xiǎn)網(wǎng)站。同時(shí)，在右側(cè)還提示：危險(xiǎn)，網(wǎng)站網(wǎng)頁(yè)中含有違法信息!

(點(diǎn)擊圖片查看大圖↑)

當(dāng)我想要查看“了解詳情”查看具體的違規(guī)信息，準(zhǔn)備處理違規(guī)內(nèi)容的時(shí)候，我發(fā)現(xiàn)我又進(jìn)入了百度的另一個(gè)產(chǎn)品“百度安全”中，同時(shí)這款產(chǎn)品沒(méi)有任何提示，而只是告訴你：百度安全的網(wǎng)址安全檢測(cè)是收費(fèi)的，你可以免費(fèi)用30天。。。。

這意味著，這款產(chǎn)品是收費(fèi)的，莫非這是傳說(shuō)中的恐嚇式推廣??。。。。它故意把你標(biāo)識(shí)成危險(xiǎn)網(wǎng)站，然后引導(dǎo)你去購(gòu)買他的服務(wù)??不不不，我內(nèi)心是不愿意承認(rèn)的。。。

(點(diǎn)擊圖片查看大圖↑)

我進(jìn)入后臺(tái)看到，企業(yè)版本5999元/月，專業(yè)版299元/月，免費(fèi)試用版3個(gè)月。

當(dāng)然，百度這么大一家企業(yè)是不會(huì)干這么齷齪的事的，而且這個(gè)產(chǎn)品好像剛推出，未見(jiàn)大力推廣。因?yàn)槲尹c(diǎn)擊就試用后，貌似什么也干不了。

后面我又去了“百度云觀測(cè)”去檢測(cè)(免費(fèi)的)，該產(chǎn)品又提示盧松松博客非常健康!如下圖所示：

(圖為百度云觀測(cè)的提示)

經(jīng)過(guò)一輪的檢查發(fā)現(xiàn)：當(dāng)前只有“百度網(wǎng)址安全中心”提示盧松松博客是違法違規(guī)網(wǎng)站，其他的檢測(cè)工具，包括搜索結(jié)果都顯示網(wǎng)站沒(méi)有問(wèn)題。

那么就有一種可能：博客中有一些違法信息被百度掃描到了，百度的數(shù)據(jù)還沒(méi)有全部同步完畢，博客剛被加入風(fēng)險(xiǎn)提示。

既然已經(jīng)知道了博客中含有非法信息，抱著“寧可信其有不可信其無(wú)”的態(tài)度，我還是決定人工+第三方進(jìn)行內(nèi)容檢測(cè)。

盧松松博客運(yùn)營(yíng)十年了，因?yàn)槎际俏淖譃橹?，以前被?biāo)識(shí)風(fēng)險(xiǎn)網(wǎng)站都已輕車熟路，因?yàn)槭?1月23日被標(biāo)注的危險(xiǎn)，所以著重檢測(cè)了11月23號(hào)左右的文章+評(píng)論。

人工檢測(cè)方法：

凡是“感覺(jué)不對(duì)”的評(píng)論，全部刪除。凡是“感覺(jué)不對(duì)”的文章，里面的關(guān)鍵詞全部刪除。當(dāng)然，人工檢測(cè)有很大的問(wèn)題，任何一點(diǎn)細(xì)節(jié)都可能被忽略，人工檢測(cè)只能檢測(cè)大體上的內(nèi)容。

第三方檢測(cè)工具：

1，當(dāng)然最重要的是去百度網(wǎng)址安全中心“申訴舉報(bào)”(https://bsb.baidu.com/appeal)先去申訴下，可以先問(wèn)問(wèn)問(wèn)題到底出在哪來(lái)，具體的網(wǎng)址是什么，如果工作人員跟你說(shuō)的話，你會(huì)立刻處理好信息。

當(dāng)然這只能看他們的心情了(工作模式)，阿里云在這方面做的非常棒，只要你提交了工單，他們會(huì)告訴你具體的違規(guī)信息在哪里;騰訊做的最差，他從不告訴你違規(guī)網(wǎng)站在哪里，只告訴你說(shuō)通用話術(shù)。2019年年初事我博客被標(biāo)注為風(fēng)險(xiǎn)網(wǎng)站就是騰訊沒(méi)做任何提示，反復(fù)同樣的回復(fù)話術(shù)，花了整整40天才解封成功，就是騰訊全是機(jī)器回復(fù)，不知道百度這邊會(huì)是怎樣個(gè)情況?

ps:第二天補(bǔ)充：

在是申訴后的第二天(工作日)受到了百度網(wǎng)址安全中心的回復(fù)，如圖所示：

(點(diǎn)擊圖片查看大圖↑)

我把回復(fù)話術(shù)摘抄出來(lái)，發(fā)現(xiàn)百度用的也是固定話術(shù)：

感謝您的反饋，該網(wǎng)站之前檢測(cè)出惡意內(nèi)容，為確認(rèn)網(wǎng)站不會(huì)反復(fù)出現(xiàn)惡意內(nèi)容，故需要持續(xù)監(jiān)測(cè)。懲罰期后網(wǎng)站再無(wú)惡意內(nèi)容會(huì)被自動(dòng)解除攔截提示。如有問(wèn)題可隨時(shí)進(jìn)行反饋，感謝支持!

這個(gè)話術(shù)里面的信息也非常重要，注意我加粗的字體。

1.1 網(wǎng)址之前檢測(cè)出惡意內(nèi)容：說(shuō)明之前是有惡意內(nèi)容，可能和阿里云檢測(cè)的是同一個(gè)信息(經(jīng)過(guò)阿里云的提醒已經(jīng)整改，但可能百度沒(méi)反應(yīng)過(guò)來(lái))，檢測(cè)的信息在下文中我會(huì)說(shuō)到。

1.2 故需要持續(xù)監(jiān)測(cè)，懲罰期后解封：這意味著和其他的檢測(cè)平臺(tái)一樣，一旦你的網(wǎng)站被檢測(cè)違規(guī)內(nèi)容，都會(huì)有一段時(shí)間的懲罰期。

通讀這段百度的官方回復(fù)，應(yīng)該大概了解，你的之前是有違規(guī)內(nèi)容，但現(xiàn)在還在懲罰期內(nèi)，我們還需要觀察一段時(shí)間，所以只能等吧。

2，因?yàn)槭前俣葮?biāo)注危險(xiǎn)網(wǎng)站，所以優(yōu)先使用百度工具。既然百度有安全檢測(cè)服務(wù)，雖然是收費(fèi)的，但好歹可以免費(fèi)先試用3個(gè)月，所以優(yōu)先使用它。

可以看到我在2018年的時(shí)候使用過(guò)該產(chǎn)品，那時(shí)候它還是免費(fèi)的。不過(guò)當(dāng)我看到安全檢測(cè)服務(wù)耗時(shí)27個(gè)小時(shí)(整整一天多)才檢測(cè)完的時(shí)候，我決定先去睡覺(jué)吧。。。而這篇文章也暫時(shí)擱淺，不寫了，等掃描結(jié)果出來(lái)后再說(shuō)吧。

ps：第二天(11月25日)補(bǔ)充，收費(fèi)的百度云掃描果然比之前免費(fèi)的速度快，3-4個(gè)小時(shí)就掃描完成了，但奇怪的是：百度云掃描也提示網(wǎng)站沒(méi)問(wèn)題。

既然百度云觀測(cè)、百度云掃描的兩款工具都提示網(wǎng)站沒(méi)問(wèn)題，那么可能百度網(wǎng)址安全中心和其他產(chǎn)品的數(shù)據(jù)并沒(méi)有共享，或者說(shuō)盧松松博客本身就沒(méi)問(wèn)題?

3，在使用百度安全檢測(cè)服務(wù)的同時(shí)，百度云觀測(cè)(http://ce.baidu.com)也一并檢測(cè)一下，從新檢測(cè)可能會(huì)花點(diǎn)時(shí)間，但至少是一個(gè)希望所在。

但大家需要注意的是：百度云觀測(cè)的首頁(yè)已經(jīng)很久沒(méi)更新了，很多數(shù)據(jù)都是2016-2017年。

4，阿里云、騰訊云平臺(tái)都有“安全管控”這一功能。,以騰訊云為例：

(點(diǎn)擊圖片查看大圖↑)

假如你網(wǎng)站服務(wù)器使用的阿里云、騰訊云，就可以點(diǎn)開(kāi)這個(gè)產(chǎn)品案例，里面會(huì)有非法內(nèi)容提示的信息。這些提示信息，會(huì)讓你非常輕松的找到問(wèn)題所在，并及時(shí)處理。(PS：松松是阿里云騰訊云代理商，買折扣主機(jī)可以找我們哦)

騰訊云我進(jìn)去查看后，也未發(fā)現(xiàn)問(wèn)題。

而阿里云一周前到是檢測(cè)過(guò)違法內(nèi)容，但是后面我提交了工單后，阿里云方面很多就回復(fù)并給出了違規(guī)內(nèi)容提示，我立刻刪除了違規(guī)信息。

(點(diǎn)擊圖片查看大圖↑)

在這一點(diǎn)上面，阿里云我遇見(jiàn)的平臺(tái)中，解釋最清晰的，他會(huì)明確告訴你違規(guī)內(nèi)容在哪里，而且回復(fù)的速度很快，而其他平臺(tái)通常用的是通用話術(shù)，理解起來(lái)很費(fèi)勁。

如果用第三方工具，包含百度自己的檢測(cè)工具都沒(méi)問(wèn)題的話，那剩下的希望就是等待百度工作人員能否回復(fù)或做個(gè)提示了(在本文上面我已經(jīng)做了回復(fù)，百度第二天就回復(fù)了)。

在等待的這一過(guò)程中，我又做了幾件事：

1，把服務(wù)器安全從新檢查了一遍。

2，把可疑的安全問(wèn)題再檢查了一下。

3，就從用工具給網(wǎng)站做了一次安全體檢。

4，刪除了一批可疑的評(píng)論和ID。

5，寫了這篇文章，和大家分享。

為什么不我不認(rèn)為百度會(huì)誤報(bào)?

第一：換位思考，如果你是百度，你做了一款產(chǎn)品如果經(jīng)常誤報(bào)的話，肯定沒(méi)有公信力，這個(gè)產(chǎn)品也做不長(zhǎng)，我相信他們的產(chǎn)品會(huì)有誤報(bào)，但幾率非常非常小。

第二：整整15年的網(wǎng)站運(yùn)營(yíng)經(jīng)驗(yàn)，我做的網(wǎng)站被標(biāo)注風(fēng)險(xiǎn)提示，平均每年都有1-2次，早已習(xí)以為常，百度、騰訊、阿里、360這些經(jīng)常與站長(zhǎng)打交道的大公司都把我博客標(biāo)注過(guò)為風(fēng)險(xiǎn)網(wǎng)站。

第三：我見(jiàn)過(guò)許多網(wǎng)站被標(biāo)注風(fēng)險(xiǎn)的朋友，幾個(gè)月甚至一年都解封不了，往往他們的第一句話就是我的站沒(méi)有問(wèn)題，但就是不給解封。往往這種思路，不注重自我檢查的話，解封的幾率就非常小了。

2019年11月27日補(bǔ)充：

我原本以為網(wǎng)站風(fēng)險(xiǎn)提示等待期和騰訊電腦管家一樣要14天左右，沒(méi)想到，第三天的時(shí)候百度網(wǎng)址安全中心就把我博客給恢復(fù)了,看來(lái)之前的工作沒(méi)白費(fèi)，嘿嘿，如圖所示：

寫在最后：

能把問(wèn)題解決了就是好同志，這次把百度這邊封鎖經(jīng)驗(yàn)分享給大家，也希望對(duì)大家有一點(diǎn)點(diǎn)幫助。因?yàn)槲野l(fā)現(xiàn)，這些大公司99%的網(wǎng)站風(fēng)險(xiǎn)提示都是沒(méi)問(wèn)題的，只有極少數(shù)誤報(bào)的情況。但凡這些大公司提示了風(fēng)險(xiǎn)網(wǎng)站，絕大多數(shù)情況，都是我們自身網(wǎng)站出了問(wèn)題，需要你用心去排查。

作者:盧松松

來(lái)源:盧松松博客，歡迎分享。(QQ/微信：13340454)

來(lái)源鏈接：https://lusongsong.com/reed/12502.html

近幾年，前端經(jīng)歷了飛速發(fā)展，每隔幾個(gè)月，就有新的技術(shù)框架產(chǎn)生，如果你有1年多沒(méi)有接觸過(guò)它，那么再上手的時(shí)候，你一定會(huì)對(duì)它感到陌生，似乎一不留神，自己就已經(jīng)被無(wú)情拋棄了。

面對(duì)著js框架的飛速發(fā)展，得益于babel技術(shù)，瀏覽器可以很快地使用新的框架技術(shù)，vue，angular，react似乎也已經(jīng)統(tǒng)治了好久好久。

而作為前端三劍客的css呢?似乎css3已經(jīng)是很久很久的事情了，久到了我們不知道它是否還在更新，css是否還有新的技術(shù)產(chǎn)生。

雖然各種scss，stylus，less預(yù)處理器提高了我們代碼的開(kāi)發(fā)和維護(hù)，但是css依然缺少一個(gè)一擊致命，一劍封喉的技術(shù)。

慶幸的是，我們等到了grid的到來(lái)，它的到來(lái)宣布了css布局從此進(jìn)入了grid時(shí)代。

table布局

早期的網(wǎng)頁(yè)布局是采用table的，也就是所有的內(nèi)容都會(huì)放到table里面，如果想要內(nèi)嵌布局，就會(huì)采用table嵌套table，那個(gè)時(shí)候可以說(shuō)布局很簡(jiǎn)單，因?yàn)榫褪鞘褂胻able，但是table過(guò)于繁瑣，因此也產(chǎn)生了大量無(wú)用的代碼。

div+css

css浮動(dòng)的出現(xiàn)，徹底解放了網(wǎng)頁(yè)布局，目前主流的網(wǎng)頁(yè)采用的都是div+css的布局，這種布局簡(jiǎn)化了代碼結(jié)構(gòu)，通過(guò)使用css來(lái)定位元素位置，可以說(shuō)這種布局極大程度上網(wǎng)站的開(kāi)發(fā)效率，同時(shí)網(wǎng)頁(yè)的可維護(hù)性也得到大大提高。

grid王者到來(lái)

首先我們看下grid的支持情況，從下面的圖片可以看到，主流瀏覽器都是支持的，特別是在最新版的ie也采用和chrome一樣的內(nèi)核之后，可以說(shuō)現(xiàn)在前端開(kāi)發(fā)終于迎來(lái)了最幸福的時(shí)刻。

這是一個(gè)非常棒的布局解決方案。自從網(wǎng)絡(luò)誕生以來(lái)，我們就一直在努力設(shè)計(jì)我們的網(wǎng)站，強(qiáng)迫他們?nèi)ミm應(yīng)和使用那些不適合他們的方式。

不過(guò)網(wǎng)格布局的出現(xiàn)，直接從瀏覽器解決了我們布局的復(fù)雜性，我們不再需要復(fù)雜的css來(lái)生成網(wǎng)格布局，不需要使用bootstrap這樣的網(wǎng)格框架來(lái)布局，我們可以使用簡(jiǎn)單的grid布局來(lái)完成。

使用grid的優(yōu)點(diǎn)

• 我們可以創(chuàng)建任意數(shù)量的網(wǎng)格。
• fraction unit 使得控制布局比例非常方便。
• repeat可以重復(fù)布局。
• 最簡(jiǎn)原則，只需要定義需要使用的行和列。
• 網(wǎng)格支持命名

如何使用

1. 聲明 display:grid;
2. 定義列 grid-template-columns: 100px 100px 100px;
3. 設(shè)置間距，grid-row-gap: 20px;