+
+
+
+
SPEC.ID // ARTICLE LOG #20260903

博客主题重构为 Nothing 风格,再见了👋Fluid小弟

目录 // OUTLINE

起因经过

距离上次把博客从 Next 换到 Fluid 已经过去了小两年。Fluid 虽好,开箱即用也很稳,但同质化太强而且有点花哨。最近我被 nothing.tech 家的极简工业风、点阵(Dot-Matrix)字型等特色风格吸引,正好今天 Gemini 3.8 Flash 发布于是我直接开一个会话要求用 nothing 的设计语言重构我的个人主页和博客挂在那里让哈基米跑了一下午看看什么样子。以下是 Gemini 的重构设计思路:

“我的目标很明确:不仅要好看,更要形神兼备。 不是简单套个黑白灰配色,而是要把 Nothing 的设计基因原汁原味地搬到博客里:

  • 点阵与工业排版:全面嵌入 Nothing 官方的免费字族,大标题与关键标识采用点阵字体 Ndot57,系统状态与代码标记使用 LetteraMono,正文搭配现代无衬线体 Inter,兼顾科技感与长文阅读舒适度。
  • Bento 栅格与极简微交互
    • 卡片四角带有经典的工业十字校准线(+);
    • 核心状态配有支持呼吸动效的标志性 Nothing Red 红点(#d71921
    • 顶部常驻胶囊式系统状态栏,内置了实时更新毫秒的实时数字点阵时钟。
  • 默认亮色(极简陶瓷白):默认设定为清爽高级的 Nothing Ceramic White 极简白(#f5f5f7),同时在顶栏保留平滑无缝切换暗黑隐形模式(Obsidian Black)的开关。
  • 无缝迁移与零破坏:全站 33 篇历史文章、代码高亮、公式、友链、关于页等现有内容 100% 兼容。就算哪天看腻了,改回 _config.yml 里的 theme: fluid 就能毫秒级无痛回退。”

成果展示

下面是网站截图和额度消耗:

个人主页重构效果

博客主题重构效果

Gemini 会话额度消耗

感觉不赖ㄛ:)

标签: #博客 #Hexo #Nothing #前端折腾 #网站重构