NO.0042026/09/234 MIN · 1510 字
建站四问:一个技术博客的排版札记
字体、间距、色彩、动效——四个问题,四份答案。这是墨栈创刊号的排版设计手记:为什么标题用系统无衬线,行高怎么呼吸,颜色如何克制,动效为什么要像舞台灯。
全部单篇写作,按时间倒序。想按主题浏览可去标签;更长的连载在系列。
4 POSTS
字体、间距、色彩、动效——四个问题,四份答案。这是墨栈创刊号的排版设计手记:为什么标题用系统无衬线,行高怎么呼吸,颜色如何克制,动效为什么要像舞台灯。
用 next-mdx-remote 6 的 RSC 模式搭一条全静态的 MDX 编译链:从 frontmatter 到语法高亮,全部发生在构建期。附带 Turbopack 的一个坑与六个插件的分工表。
阅读进度不该是一根孤零零的背景条。本文拆解墨栈的完整方案:两像素的顶栏、跟着标题拐弯的右侧路径、移动端的圆环与抽屉,以及背后的 zustand 状态哲学。
代码块是技术文章的第二作者。这篇笔记拆解墨栈的代码块体系:group 分组、多文件切换、沙箱预览、复制降级,以及那些决定体感的微小细节。