今天想做个手机网站，第一件事就是琢磨用什么模板。网上搜了一圈，发现推荐五花八门，干脆自己动手试试看。

从零开始找模板

我先打开几个常用的资源网站，直接搜“html手机模板”。结果跳出来几百个，眼睛都看花了。有的说是免费，一点下载就要钱；有的看着挺漂亮，一下载回来发现代码乱糟糟，根本没法用。

我寻思这样不行，得换个思路。不如直接找那些专门做模板的大站，看看他们2023年新上的货。这回我学乖了，专门筛选“免费”、“响应式”、“更新日期”这几个条件。

• 第一个模板：下载下来一看，确实挺现代，但文件夹里一堆用不上的图片和脚本，光清理就花了半小时。
• 第二个模板：代码倒是干净，但手机上看排版有点错位，还得自己调CSS，太麻烦。
• 第三个模板：这个看起来不错，结构简单，手机适配也就是样式太普通，得大改。

动手修改的过程

我选了那个结构简单的模板当底子。打开代码编辑器，先把用不着的文件全删了，就留了HTML、CSS和一个JS文件。

接着改颜色和字体。原本的蓝色太土，我换成了深灰色系；字体也统一成系统默认的，这样加载快。然后在手机模拟器上一点点调间距，按钮大小反复改了三四遍才觉得顺手。

最头疼的是导航菜单。原本是横排，手机上看根本点不着。我干脆重写了一个下拉式的，用CSS折腾了半天才搞定滑动效果。

的效果

折腾完差不多天都黑了。用真机测试了一下，页面加载速度挺快，上下滑动也不卡顿。虽然比不上那些花里胡哨的付费模板，但自己动手改出来的东西，用着就是踏实。

找模板别光看表面漂亮，还得看代码干不干净，能不能轻松改成自己想要的样。下次再分享怎么往模板里加具体内容。