极简个人博客模板:三栏布局加夜间模式
介绍一个极简个人博客网页模板,含三栏布局、按年分组文章列表、夜间模式切换及字体行高设置,强调先跑起来再优化。
想搭个人博客,别急着写代码呗。先找模板。省事。
推荐一个我用了两年的结构:顶部导航、左侧个人信息卡、右侧文章列表。导航只放三个链接——首页、归档、关于。多了没用。信息卡放头像、一句简介、社交图标。简介写“写字的人”都比“全栈工程师”实在。
文章列表按年份分组。每条只显示和日期。不显示摘要,不显示阅读量。点进去看全文。列表用虚线分隔,别用卡片。卡片占地方,还显得乱。
夜间模式必须做。一个按钮切换。背景色用#1a1a1a,文字色#d4d4d4。别用纯黑配纯白,刺眼。代码块单独配色,深灰底,浅绿字。
字体用系统默认。别引外部字体文件。加载慢,还容易崩。字号16px,行高1.7。段落之间空一行。
页脚只放版权信息和RSS订阅链接。别放友情链接墙。没人点。
这个模板三个文件搞定:index.html、style.css、script.js。总共不到200行。改改颜色和文字就能用。先跑起来,再慢慢调。别一上来就折腾框架。

