post

印刷感博客的第一层骨架

把界面先做成一张会呼吸的纸

从固定宽度、纸面纹理到标题效果,先把阅读气质搭起来。

文章
目录

为什么先做骨架

当一个博客以阅读为核心时,最先应该稳定下来的不是炫技,而是节奏。

固定宽度

650px 这个宽度在桌面端会给人比较稳的阅读体验。它不会太散,也不会压得太紧。

纹理和颜色

背景上的淡纹理应该几乎感觉不到,但拿掉以后会立刻失去质感。这个项目里用的是内联 SVG,所以部署起来很轻。

标题的印刷感

标题不需要很重的特效,只要一点轻微位移和对比,就已经能形成复印机式的颗粒印象。

分享 评论

还要读

博客建构

兜兜转转,终于将它完善了一些。

评论

当前已预留评论区位置。需要接入 Giscus 时,在配置里打开 `params.giscus.enabled` 并补全仓库参数即可。