我是觉得博客网站界面太丑了，想重新设计个新的，自己平时写文章都提不起劲儿。我琢磨着做个简单的个人页面，用手机打开看看效果。

开始动手

我先在电脑上打开浏览器，随便搜了搜别人咋设计的。结果看得眼花缭乱，啥设计风格都有。我不懂啥专业术语，就瞎点几个模板试试。挑了个简单的模板，拖拽几下图标和文字框，勉强搭出个框架来。

然后，我寻思加点颜色和图片。找了些免费图库，下几张风景照当背景。颜色我选了蓝色和白色，因为平时看着顺眼。操作的时候，点了个颜色滑块，不小心把整个页面搞成了紫色，难看死了。气得我赶紧撤销重来。

遇到麻烦

搞到一半，发现问题来了。放了个大图当头部，结果在手机上看就乱了，文字挤成一团。我开始挠头想办法，试着调调尺寸，可还是歪歪扭扭的。我换了另一个模板折腾。

• 点开设置菜单，东戳西戳半天。
• 拖个按钮到导航栏，位置老是跑偏。
• 试了试添加评论区，加载太慢了。

越搞越乱，干脆放弃模板，自己从头画草图。用笔在纸上画了个布局，大概分三块：左边文章、右边评论、顶着头像。照着纸上画的样子，在工具里慢慢摆位置。

实现

磨蹭了好几天，总算能用了。我加了点特效，鼠标移上去会变色。页面整体清爽多了，看着像回事儿。在手机上测试了几次，总算不乱了。成就感来了，虽然还粗糙，但自己用着舒服。

设计这玩意儿真没想象中简单。一开始我以为点几下就完事儿，结果累得半死。过程中犯傻的地方不少，比如瞎改颜色浪费半天。现在网站上线了，文章读起来顺眼多了。偶尔回头看看，发现还留着小毛病，比如评论区太小，懒得改。反正就是自娱自乐，不求完美。