N诺诺的小博客空间NUO NOTES
返回 ↙
← 返回文章归档

NUO NOTES / 随笔

给博客换一个新样子,也把过去的记录重新安放

从首页 Demo 到整站更新:统一随笔、归档、关于与作品页面,调整阅读排版和手机体验,也为过去的记录保留原来的位置。

今天,把博客从首页到内页重新走了一遍,终于让它们用上了同一套新样式。随笔、工作日志、归档、关于,以及平时做的小作品,都在这次更新里重新整理了。

如果你以前来过,应该能一眼看出变化:页面更明亮了,蓝天和石桥还在,文字也有了更宽松、清楚的位置。我希望这里既能让人知道我最近在忙什么,也能让人点开一篇文章后,安稳地读下去。

为什么又改了一次博客

写下来的东西越来越多,博客也逐渐从几篇个人随笔,长成了一个同时放着工作日志、AI 实践和小工具的空间。内容之间的差别很大:有的只是几段生活感受,有的带着长表格、操作截图,还有视频和一整段项目复盘。

这时候,页面是否好看之外,我更在意几个很具体的问题:最近写的东西能不能马上找到?长文章会不会读着累?从首页点进去,是否还是同一个博客的感觉?用手机打开,图片、表格和按钮能不能正常使用?

这次改版,就是围绕这些问题,一页一页往下整理。

首页,先把正在做的事情说清楚

新版保留了蓝天、石桥和缓慢流动的影像,用白色与蓝色作为主要颜色。我很喜欢这种有一点开阔、又能安静下来的感觉,也希望它和这里的文字相处得自然。

首页现在按随笔、作品、经历和联系组织内容。最新文章有了明确入口,小作品能直接打开,个人经历也收在一条更容易浏览的时间线上。比起放很多抽象的介绍,我更愿意让具体的文章和已经做出来的东西,说明我在做什么。

开场画面仍然保留,首次访问后会记住状态,也可以直接跳过。对于经常回来读文章的人,我希望每次访问都能更快到达内容。

把所有文章放回同一种阅读节奏

这次把已有的 19 篇文章都适配到了新版,原来的正文、图片、视频和文章地址继续保留。过去写下的判断、当时遇到的问题,以及尚未完成的记录,都有它们各自的时间背景。

改动主要在阅读层面:重新调整标题大小、正文宽度、行距和段落间隔;长文章配上目录与阅读进度,方便知道自己读到哪里;图片、表格、代码和项目卡片也重新检查了排版。现在从一篇普通随笔切换到一篇很长的工作日志,页面的基本用法是一致的。

归档也重新梳理了一遍,按月份排列,并补上此前没有直接展示的旧文章入口。加上这篇改版随笔,归档里一共可以找到 20 篇记录。

关于、作品和那些容易遗漏的页面

只改首页,很容易让网站停在一个漂亮的开头。这次我也把“关于”页整理了一遍,让个人介绍、博客想记录什么,以及如何联系我,都能在同一套页面里读到。

英语练习工具和语音转写介绍页接上了新版样式。英语工具仍然保留打字练习、看中写英、句子填空和错词复习,词库与本地学习记录的保存方式继续沿用。语音转写页面则继续说明桌面工具的用途和使用方式。

同步仓库时,还接回了婚庆大棚 3D 展示的作品入口。它仍然可以自由旋转并切换预设视角,方便从不同角度看空间。连同导航、页脚和 404 页面,这些容易遗漏的地方也一起纳入了整理。

从一版 Demo,慢慢改到整站

这次仍然是和 AI 一起完成的。我先看一版首页效果,确定喜欢的方向,再把具体感受说出来:哪里太满、哪里需要收一点、哪些部分应该更突出。样式逐渐确定之后,再继续处理归档、文章、关于和工具页面。

真正花时间的地方,是让不同类型的内容都能用起来。首页好看,只说明首页做到了;一篇长文章里的表格、手机上的菜单、工具里的输入框,都需要另外打开看看。每补完一类页面,就检查它和其他页面之间的连接。

最后,把确认后的新版放到正式站点的位置,保留已有文章路径,并同步首页、归档、RSS 订阅和站点地图。以后无论是从收藏夹、旧链接,还是订阅阅读器进来,都能继续找到这些记录。

接下来,继续把内容写下来

做完这次改版,我更能体会到,一个个人博客会随着使用慢慢长出自己的样子。刚开始只想有个地方写字,后来想把工具放进来,再后来,又希望把做事的过程和经验连起来。

页面整理好了,接下来还是继续写:记录 AI 工具怎样真正进入日常工作,记录知识库怎样积累,也记录那些绕了弯、做了一半、下次还想继续的尝试。

蓝天和石桥换了新的呈现,路上的事情还会继续发生。欢迎你随时回来看看。