给博客留一点光:第一版的建造手记
744 字
4 分钟
给博客留一点光:第一版的建造手记
- 1为什么重新做一个博客,但不再从零造轮子
- 2给博客留一点光:第一版的建造手记本文
这次最直观的要求其实很简单:比旧站更好看一点,有动画,但不要复杂到难以维护。
说起来是一句话,落到页面上却要不断做减法。动效越多不一定越精致,功能越多也不一定越好用。
一套颜色,而不是所有颜色
新站用紫色作主色,蓝色和青色作光线,底色保留深浅模式的变化。
横幅是一幅自己绘制的 SVG 极光:不是加载一段很重的视频,也没有默认播放音乐。极光上叠加缓慢移动的光晕,让首页有一点呼吸感。
移动端停止持续的光晕动画;当系统偏好“减少动态效果”时,页面也应尊重这个选择。好看不应该以让人晕眩为代价。
动画要解释变化,而不是抢走注意力
页面切换沿用 Firefly 的 Swup 动效。卡片只在交互时做轻微反馈,导航保持清晰,不在每次点击时撒满烟花。
读文章时,动画退到背景。目录、代码块、图片预览和上一篇/下一篇,才是更重要的交互。
这版没有打开樱花、看板娘和音乐播放器。以后想加可以再讨论,第一版先让整体风格成立。
发布链路越短,写作越容易继续
目标链路是这样的:
- 打开在线编辑后台。
- 写正文,选择分类,上传封面。
- 保存到 GitHub。
- EdgeOne Makers 构建并发布。
- 用线上页面确认文章真的出现。
配置文件负责定义文章字段,源码负责页面,部署平台负责上线。每一层都尽量使用现成工具,不把一个人的博客变成需要长期值守的系统。
评论是交流,不只是一个输入框
留言能够提交,只完成了评论体验的第一步。
一个有用的评论区,还需要回复关系、管理入口、垃圾内容控制,以及在条件允许时提供通知。我们选择接入 Twikoo,而不是继续给简化留言板一层层补功能。
需要注意的是,邮件服务和账号授权不是代码生成出来就自然具备的能力。它们要真正配置、验证,才能算完成;没有配置的部分也不该假装已经可用。
先让它成为一个可以打开的地方
这个项目放在全新的文件夹里,和旧博客分开。旧文章、旧评论和原域名不在第一版改动范围内。
先用两篇记录,检查首页、文章页、手机布局和评论,再决定下一版具体要改哪里。
名字暂时叫“光隙”。不是为了给一个网站赋予太大的意义,只是希望这些零散的尝试,有个地方可以放下来。
文章分享
如果这篇文章对你有帮助,欢迎分享给更多人!