给博客留一点光:第一版的建造手记

744 字
4 分钟
给博客留一点光:第一版的建造手记
  1. 1为什么重新做一个博客,但不再从零造轮子
  2. 2给博客留一点光:第一版的建造手记本文
给博客留一点光:第一版的建造手记

这次最直观的要求其实很简单:比旧站更好看一点,有动画,但不要复杂到难以维护。

说起来是一句话,落到页面上却要不断做减法。动效越多不一定越精致,功能越多也不一定越好用。

一套颜色,而不是所有颜色#

新站用紫色作主色,蓝色和青色作光线,底色保留深浅模式的变化。

横幅是一幅自己绘制的 SVG 极光:不是加载一段很重的视频,也没有默认播放音乐。极光上叠加缓慢移动的光晕,让首页有一点呼吸感。

移动端停止持续的光晕动画;当系统偏好“减少动态效果”时,页面也应尊重这个选择。好看不应该以让人晕眩为代价。

动画要解释变化,而不是抢走注意力#

页面切换沿用 Firefly 的 Swup 动效。卡片只在交互时做轻微反馈,导航保持清晰,不在每次点击时撒满烟花。

读文章时,动画退到背景。目录、代码块、图片预览和上一篇/下一篇,才是更重要的交互。

这版没有打开樱花、看板娘和音乐播放器。以后想加可以再讨论,第一版先让整体风格成立。

发布链路越短,写作越容易继续#

目标链路是这样的:

  1. 打开在线编辑后台。
  2. 写正文,选择分类,上传封面。
  3. 保存到 GitHub。
  4. EdgeOne Makers 构建并发布。
  5. 用线上页面确认文章真的出现。

配置文件负责定义文章字段,源码负责页面,部署平台负责上线。每一层都尽量使用现成工具,不把一个人的博客变成需要长期值守的系统。

评论是交流,不只是一个输入框#

留言能够提交,只完成了评论体验的第一步。

一个有用的评论区,还需要回复关系、管理入口、垃圾内容控制,以及在条件允许时提供通知。我们选择接入 Twikoo,而不是继续给简化留言板一层层补功能。

需要注意的是,邮件服务和账号授权不是代码生成出来就自然具备的能力。它们要真正配置、验证,才能算完成;没有配置的部分也不该假装已经可用。

先让它成为一个可以打开的地方#

这个项目放在全新的文件夹里,和旧博客分开。旧文章、旧评论和原域名不在第一版改动范围内。

先用两篇记录,检查首页、文章页、手机布局和评论,再决定下一版具体要改哪里。

名字暂时叫“光隙”。不是为了给一个网站赋予太大的意义,只是希望这些零散的尝试,有个地方可以放下来。

文章分享

如果这篇文章对你有帮助,欢迎分享给更多人!

给博客留一点光:第一版的建造手记
https://nmdft-blog-next-ofwnlpox.edgeone.cool/posts/building-a-little-light/
作者
nmdft
发布于
2026-10-18
许可协议
CC BY-NC-SA 4.0

评论区

Profile Image of the Author
nmdft
AI、产品与真实项目。边做,边记录。
正在建造
这是新博客的第一版:两篇建造记录,一点光,也留一点空白。
分类
标签
站点统计
文章
2
分类
1
标签
6
总字数
1,601
运行时长
0 天
最后活动
0 天前
站点信息
构建平台
EdgeOne Pages
博客版本
Firefly v6.16.8
文章许可
CC BY-NC-SA 4.0
文章目录