為啥折騰這個破網(wǎng)站

說來也怪自己吃飽了撐的。昨兒半夜刷著手機(jī)，突然就上頭了，非想給自己搞個能專門放些亂七八糟記錄的地兒。心里琢磨著，別人能整博客，我也能整個簡陋版的不是？圖的就是個自己看著方便。

開局一張嘴，剩下全靠摸

想法是有了，咋動手？兩眼一抹黑！抓瞎第一步：選工具。現(xiàn)學(xué)那些花里胡哨的框架？拉倒，我這急性子等不了。決定就用最土的招兒：HTML+CSS+一點(diǎn)點(diǎn)破JS。為因?yàn)槲叶嗌倌昵罢催^一點(diǎn)，忘光了也比從零開始強(qiáng)。

• 編輯器：電腦里現(xiàn)成那個寫代碼的軟件就行（名字都想不起來了），將就用。
• 結(jié)構(gòu)：先定個極簡的調(diào)調(diào)——上面是抬頭，中間是文章，底下是聯(lián)系方式。
• 素材：logo？自己畫個丑的！照片？找張順眼點(diǎn)的生活照湊數(shù)。

動手了！從頭皮開始麻

打開軟件，新建文件，盯著空白的屏幕發(fā)了兩分鐘呆。名字起啥就叫“碎碎念小窩”，接地氣。

開始敲HTML骨架。最上面搞了個 <header>，里面塞網(wǎng)站名字和丑了唧的logo圖片。想著讓人能看文章列表，又在下面搗鼓了個 <section> 放文章標(biāo)題和日期。最底下 <footer> 就簡單留個版權(quán)和郵箱得了。

接下來才是噩夢開始——搞CSS樣式！想把字調(diào)大點(diǎn)，調(diào)個顏色，擺擺位置。怎么調(diào)？全忘光了！只能一邊瘋狂搜“CSS怎么讓字變紅”、“CSS怎么讓兩欄并排”，一邊嘗試。試一次效果不對，再試一次還不對，好幾次都想砸鍵盤。

想弄個簡單的導(dǎo)航菜單？結(jié)果搞來搞去，要么堆成一坨，要么歪七扭八。手機(jī)看著稀爛？ 頭疼！又去查怎么讓頁面在手機(jī)和電腦上都能看順眼點(diǎn)（后來才知道這叫響應(yīng)式，當(dāng)時哪懂）。折騰了半天，總算湊合著能看了。

寫文章？先塞點(diǎn)豆腐渣

架子搭得差不多（雖然丑），得往里填東西！總不能是個空殼子。趕緊新建了個HTML文件當(dāng)第一篇文章。標(biāo)題就按今天的主題來：《一個網(wǎng)站的開發(fā)》。內(nèi)容嘛隨手打了點(diǎn)字兒，吐槽了下選擇困難癥和查資料的痛苦過程。

怎么讓主頁顯示這篇文章？ 土辦法唄！手動在主頁的HTML里加了個鏈接，指向我這篇“巨作”。心想著等以后文章多了再想別的招兒（比如JS？），現(xiàn)在嘛能點(diǎn)開看就行！

瞎貓碰死耗子的調(diào)試

看著差不多了，打開瀏覽器點(diǎn)開我做的這堆玩意兒。驚悚片開場！圖片沒了？原來是路徑寫錯了。段落擠在一起？margin沒加夠！菜單點(diǎn)開咋不縮回去？JS代碼寫劈叉了…… 反復(fù)改代碼 → 刷新瀏覽器看效果 → 罵罵咧咧 → 再改代碼，循環(huán)了N多遍。

也不知道是哪次改對了，頁面終于能勉強(qiáng)看了！雖然細(xì)節(jié)糙得不行，但這個破玩意兒它能跑！ 點(diǎn)標(biāo)題真能跳到那篇流水賬！那一刻，感覺自己像個二百斤的孩子，還有點(diǎn)小嘚瑟。

湊合過，還能離咋的

折騰大半天，這個“碎碎念小窩”總算支棱起來了。丑是丑了點(diǎn)，慢肯定是慢（全靠手動更新），但這是我自己親手搗鼓出來的地盤！ 想寫什么就往里塞，雖然技術(shù)含量接近于零，但圖的就是個樂呵。后續(xù)？慢慢改唄，哪天心情好給它抹點(diǎn)粉化個妝，心情不好就讓它繼續(xù)丑著。

行了，今天的流水賬就記到這兒。回頭我再給網(wǎng)站加個音樂播放器試試？咳，還是別立flag了...