一个网站的开发

为啥折腾这个破网站

说来也怪自己吃饱了撑的。昨儿半夜刷着手机，突然就上头了，非想给自己搞个能专门放些乱七八糟记录的地儿。心里琢磨着，别人能整博客，我也能整个简陋版的不是？图的就是个自己看着方便。

开局一张嘴，剩下全靠摸

想法是有了，咋动手？两眼一抹黑！抓瞎第一步：选工具。现学那些花里胡哨的框架？拉倒，我这急性子等不了。决定就用最土的招儿：HTML+CSS+一点点破JS。为因为我多少年前沾过一点，忘光了也比从零开始强。

• 编辑器：电脑里现成那个写代码的软件就行（名字都想不起来了），将就用。
• 结构：先定个极简的调调——上面是抬头，中间是文章，底下是联系方式。
• 素材：logo？自己画个丑的！照片？找张顺眼点的生活照凑数。

动手了！从头皮开始麻

打开软件，新建文件，盯着空白的屏幕发了两分钟呆。名字起啥就叫“碎碎念小窝”，接地气。

开始敲HTML骨架。最上面搞了个 <header>，里面塞网站名字和丑了唧的logo图片。想着让人能看文章列表，又在下面捣鼓了个 <section> 放文章标题和日期。最底下 <footer> 就简单留个版权和邮箱得了。

接下来才是噩梦开始——搞CSS样式！想把字调大点，调个颜色，摆摆位置。怎么调？全忘光了！只能一边疯狂搜“CSS怎么让字变红”、“CSS怎么让两栏并排”，一边尝试。试一次效果不对，再试一次还不对，好几次都想砸键盘。

想弄个简单的导航菜单？结果搞来搞去，要么堆成一坨，要么歪七扭八。手机看着稀烂？ 头疼！又去查怎么让页面在手机和电脑上都能看顺眼点（后来才知道这叫响应式，当时哪懂）。折腾了半天，总算凑合着能看了。

写文章？先塞点豆腐渣

架子搭得差不多（虽然丑），得往里填东西！总不能是个空壳子。赶紧新建了个HTML文件当第一篇文章。标题就按今天的主题来：《一个网站的开发》。内容嘛随手打了点字儿，吐槽了下选择困难症和查资料的痛苦过程。

怎么让主页显示这篇文章？ 土办法呗！手动在主页的HTML里加了个链接，指向我这篇“巨作”。心想着等以后文章多了再想别的招儿（比如JS？），现在嘛能点开看就行！

瞎猫碰死耗子的调试

看着差不多了，打开浏览器点开我做的这堆玩意儿。惊悚片开场！图片没了？原来是路径写错了。段落挤在一起？margin没加够！菜单点开咋不缩回去？JS代码写劈叉了…… 反复改代码 → 刷新浏览器看效果 → 骂骂咧咧 → 再改代码，循环了N多遍。

也不知道是哪次改对了，页面终于能勉强看了！虽然细节糙得不行，但这个破玩意儿它能跑！ 点标题真能跳到那篇流水账！那一刻，感觉自己像个二百斤的孩子，还有点小嘚瑟。

凑合过，还能离咋的

折腾大半天，这个“碎碎念小窝”总算支棱起来了。丑是丑了点，慢肯定是慢（全靠手动更新），但这是我自己亲手捣鼓出来的地盘！ 想写什么就往里塞，虽然技术含量接近于零，但图的就是个乐呵。后续？慢慢改呗，哪天心情好给它抹点粉化个妆，心情不好就让它继续丑着。

行了，今天的流水账就记到这儿。回头我再给网站加个音乐播放器试试？咳，还是别立flag了...