今天想折腾个历史主题的网站模板，纯粹是心血来潮。我寻思着找个现成的改改算了，结果翻了半天，不是太花哨就是太老气，压根儿不对胃口。

干脆自己从头撸一个

我先打开编辑器新建了个文件夹，随手敲了个*。想着历史网站得有点古朴味儿，颜色肯定不能太扎眼。我就挑了暗红色和米白色当主色调，字体也换成那种带衬线的，看着有点旧书的感觉。

布局倒是简单，顶部导航栏就放几个基础栏目：首页、年表、人物、文物。中间留个大横幅区域，打算后期放个轮播图。下面再用卡片式布局展示不同朝代的内容。

免费图库里的历史图片要么带水印，要么像素低得感人。我干脆自己用PS把几张山水画拼在一起，调成暗黄色调，总算有点沧桑感了。图标索性全部用字体图标代替，省得到处找素材。

• 周秦汉唐用鼎纹做图标
• 宋元明清用瓷器轮廓
• 近现代部分用简笔建筑

响应式布局折腾人

用手机预览时发现导航栏全挤成一团，只好又手写媒体查询。把字体调小，布局改成单列，折腾到半夜才勉强能看。给卡片加了点阴影和悬停效果，鼠标放上去会微微抬起来，总算不那么死板了。

现在这个模板虽然简陋，但好歹能看了。下次准备再加个时间轴组件，让年表展示更直观。先这样，代码已经传到仓库里了，想要的自取。