把博客改成喜欢的样子:栖光小站的新前端

这次改博客,我最先提出的要求其实很直白:页面要像一个愿意经常回来的地方。

早期的深色海岸背景很有气氛,但随着文章、动态、项目、游戏和个人介绍慢慢增加,我开始希望页面更轻一些。现在的栖光小站保留了海边的开阔感,把正文区域换成浅紫色、奶白色和圆角卡片。背景负责留下第一印象,文章负责让人继续读下去。

从一张首页,走向一套页面

只把首页做漂亮并不够。点开文章、打开评论、进入项目详情,如果颜色、间距和操作方式突然改变,网站就像几套页面临时拼在一起。

这轮调整里,我反复检查的是这些具体位置:文章卡片上的标题和摘要是否容易扫读;侧栏是否抢走正文的注意力;登录弹窗是否沿用当前站点的名字;项目封面和发布前预览是否还停留在旧版本。

这些地方单独看都不大,但访客每一次点击都会经过它们。统一的设计,需要在连续使用时仍然成立。

主题提供基础,内容决定取舍

现在的公开前端以 Shirone 为基础,项目中的 Astro 页面、Svelte 交互和已有 Vue 功能各自承担工作。采用现成主题,让我能把更多精力放在内容和真实使用问题上。

不过,主题自带的每一个入口并不一定都适合保留。我去掉了一些不需要展示的页脚内容,也重新调整了“关于我”的标签。技术清单用来介绍能力,头像旁的短标签则更适合表达想做什么:前端、后端、全栈,以及记录日常。

同一个信息放在不同位置,承担的任务也应该不同。

后台也属于这次前端改造

我不希望每次换一个站点名称,都要回到源码里搜索一遍。站点名称、介绍、公告和技能这些需要经常维护的内容,应该有明确的管理入口。

这也带来了新的检查方式:不只看后台有没有“保存成功”,还要打开前台看实际变化。标题改了,导航、登录弹窗和页面标题是否一致?简介清空后,会不会又被默认文案补回来?公告到期后,还会不会继续出现?

好看的页面需要可靠的数据支撑,否则下一次编辑就可能露出接缝。

我想留下的气质

我希望这个小站能同时放得下代码和生活。技术文章可以认真讲清楚问题,日常记录也不必为了显得专业而写得很重。

柔和的颜色、留白和插画是外观;真正决定它像不像“我的博客”的,还是文章里写了什么。接下来我会继续把遇到的问题、修改的理由和验证的过程记下来,让这个空间随着内容慢慢长起来。

正在加载评论…