那天晚上刷手機(jī)，突然看到有人曬自己做的城市主題網(wǎng)站，心一熱，手就癢了。我琢磨著也整一個玩玩，干脆就做個關(guān)于上海的——畢竟天天在這座城混，拍的照片都堆滿硬盤了。

一、腦子里先搭框架

翻出壓箱底的筆記本，我咔咔畫了幾個框框：首頁肯定要放上海地標(biāo)，外灘東方明珠啥的；再來個"本地味道"欄目塞生煎包、小籠包照片；加個"弄堂故事"放些老城廂拍的煙火氣。畫完一看，嚯，跟蜘蛛網(wǎng)似的亂糟糟，趕緊重新畫了三遍才理順。

二、動手搭建毛坯房

打開常用的建站工具，拽了個現(xiàn)成的模板開始改。本來想用深藍(lán)色模仿黃浦江，結(jié)果調(diào)出來像墨水打翻了，老婆路過瞅了眼說："你這配色跟醫(yī)院掛號系統(tǒng)似的！"灰溜溜換成米白配磚紅，這才有點(diǎn)石庫門的味兒。

• 頭圖折騰最久：摳了二十多張外灘夜景都不滿意，用手機(jī)拍的陸家嘴三件套，調(diào)暗燈光突出輪廓
• 字體栽跟頭：楷體看著雅致，放到標(biāo)題上糊成一片，換成黑體又太硬，來回折騰六次才定下微軟雅黑
• 按鈕藏雷區(qū)：把"聯(lián)系我們"做成閃動的紅光按鈕，測試時自己都被閃瞎眼，連夜改成啞光深灰

三、塞內(nèi)容鬧笑話

往"本地味道"版塊傳圖時飄了：把10MB的生煎特寫懟上去，頁面加載直接卡成PPT。壓縮時手一抖，好好的蟹粉小籠縮成馬賽克畫質(zhì)。最蠢的是聯(lián)系方式，把舊手機(jī)號寫成前公司的客服號，半夜兩點(diǎn)驚醒爬起來改代碼。

用手機(jī)預(yù)覽時差點(diǎn)吐血——桌面端看著寬敞的圖片墻，在手機(jī)上擠成貪吃蛇。咬著牙把網(wǎng)格布局全拆了，改成上下堆疊的笨辦法，雖然丑點(diǎn)好歹能看清字。

四、上線后偷摸觀察

發(fā)到朋友圈時心虛地配文"隨便搞著玩"，結(jié)果蹲廁所都在刷新訪問量。頭天晚上27個點(diǎn)擊，22個是我自己點(diǎn)的。過了三天突然有個老同學(xué)留言："豫園茶樓照片拍歪了"，趕緊爬回去修圖，順便發(fā)現(xiàn)電腦版頁腳跑到屏幕中間的驚天bug。

折騰這破站最大的收獲？下次再也不在深夜調(diào)顏色——現(xiàn)在看見米白色就想起那晚改到三點(diǎn)半的絕望，還有永遠(yuǎn)修不完的適配問題！