七两
一个带有印刷感、归档感与阅读氛围的 Hugo 博客。
印刷感博客的第一层骨架
把界面先做成一张会呼吸的纸
从固定宽度、纸面纹理到标题效果,先把阅读气质搭起来。
为什么先做骨架
当一个博客以阅读为核心时,最先应该稳定下来的不是炫技,而是节奏。
固定宽度
650px 这个宽度在桌面端会给人比较稳的阅读体验。它不会太散,也不会压得太紧。
纹理和颜色
背景上的淡纹理应该几乎感觉不到,但拿掉以后会立刻失去质感。这个项目里用的是内联 SVG,所以部署起来很轻。
标题的印刷感
标题不需要很重的特效,只要一点轻微位移和对比,就已经能形成复印机式的颗粒印象。
还要读
博客建构
兜兜转转,终于将它完善了一些。
Hugo 个人博客项目技术规范与开发文档
博客建构
评论
这篇文章尚未绑定 Mastodon 讨论串。
发布文章后,可使用
访问 @MatrialCate@mastodon.socialmastodon.statusId和mastodon.statusUrl在 Front Matter 中绑定讨论。