这次主要做了什么
这次最开始只是想把文章系统重新整理一下,结果后面又一路延伸到了首页卡片、文章详情布局,甚至地图定位这类看起来不大、但实际上很影响感受的细节上。
前面那一轮把技术文章几乎清空之后,站点虽然更干净了,但也一下子少了真正能直接拿来用的内容。
所以这次没有再回去做那种大而全的文章体系,而是改成更实用的方式,只补少量真正会反复用到的主题。
这次新增了什么
这次把技术文章重新恢复成少量但实用的内容,目前补了这些:
NVM安装与常用命令教程Node.js、npm、yarn入门说明Git命令完整教程MySQL命令完整教程- 终端命令提示工具安装教程
这几篇不是走“速查卡片”的路子,而是更偏向真正能读懂、能照着操作的入门文章。
尤其是工具安装类内容,这次也顺手定下了一条更明确的规则:
- 优先区分
macOS和Windows - 哪个系统更适合哪个工具,就按系统分别推荐
- 如果某个工具在某个系统里并不适合默认推荐,就不强行写成统一方案
文章页这次为什么改了这么多
文章详情页这次其实来回调了很多轮。
一开始想让阅读体验更像“按知识块分段查阅”,所以做过折叠阅读。
但后面实际看下来,问题也很明显:
- 折叠会打断正常阅读
- 目录和正文之间的关系不够顺
- 中间正文卡片、卡片内部内容、右侧目录,这三层宽度关系不稳定
所以最后还是收回到了更常规也更耐用的方案:
- 文章内容默认完整展开
- 目录固定在右侧
- 正文保持单列居中阅读
- 再通过宽度和留白反复微调阅读节奏
后面调到最后,重点已经不是“能不能看”,而是:
- 正文会不会偏左
- 图片会不会撑太满
- 目录会不会贴正文太近
- 内容离卡片边缘会不会太远或太近
这种事情听起来很小,但其实决定了整篇文章看起来到底舒不舒服。
首页这次也补了一些细节
除了文章页,这次首页个人卡片也修了几轮。
先是卡片底部的四个按钮出现了不显示的问题,后面又碰到了打字文案后面光标位置偏掉的问题。
这两类问题本质上都不是“大功能坏了”,而是那种会让页面看起来不够稳的细节:
- 底部按钮区被内容区挤压
- 打字机光标和文字不在同一条基线上
这次就顺手把结构和样式都重新收了一下,让它至少回到一个稳定状态。
地图卡片这次反而更说明问题
这次还专门查了一下地图卡片为什么定位总是不太对。
原本直觉上会觉得,既然是高德地图,那它应该至少能稳定定位到当前所在城市。
但实际代码里,现在走的并不是“高德地图 App 自己那套强定位能力”,而是浏览器提供的位置接口。
这就带来一个现实问题:
- 浏览器定位在电脑上经常只能拿到粗略位置
- 这个粗略位置本身可能就已经错城了
- 后面再让高德做逆地理编码,也只会忠实返回那个错误坐标对应的城市
所以最后也得出了一个更实际的结论:
- 如果只是展示个人所在地,固定坐标比浏览器实时定位更稳
- 如果继续用浏览器定位,就得接受它在电脑端不一定准
这次做完之后的感受
这次看起来像是“补文章”,但实际上更像是一次把站点重新拉回可维护状态的过程。
因为现在这个阶段最容易出的问题,不是功能做不出来,而是:
- 内容越来越多,但不实用
- 页面越来越复杂,但读起来不顺
- 细节越来越碎,最后影响整体观感
所以这次做的事情虽然分散,但方向其实很统一,就是继续把站点往“真正能长期用”的方向收。
后面还想继续做什么
接下来如果继续补内容,大概率还是按现在这个节奏来:
- 一次只补少量高频主题
- 工具安装类继续区分系统
- 页面细节遇到问题就继续收,不堆着不管
如果后面还继续写文章,优先级大概也还是会放在:
- 开发环境和工具链
- 前端工程化常用内容
- 数据库和部署相关主题
记录一下
这次更像是在做“减法之后的回填”。
不是把以前那种很多很多篇文章的状态重新搬回来,而是只保留真正有必要的东西,再顺手把页面里那些会让人一直不舒服的小问题一点点磨掉。