七两
一个带有印刷感、归档感与阅读氛围的 Hugo 博客。
印刷感博客的第一层骨架
把界面先做成一张会呼吸的纸
从固定宽度、纸面纹理到标题效果,先把阅读气质搭起来。
目录
为什么先做骨架
当一个博客以阅读为核心时,最先应该稳定下来的不是炫技,而是节奏。
固定宽度
650px 这个宽度在桌面端会给人比较稳的阅读体验。它不会太散,也不会压得太紧。
纹理和颜色
背景上的淡纹理应该几乎感觉不到,但拿掉以后会立刻失去质感。这个项目里用的是内联 SVG,所以部署起来很轻。
标题的印刷感
标题不需要很重的特效,只要一点轻微位移和对比,就已经能形成复印机式的颗粒印象。
还要读
博客建构
兜兜转转,终于将它完善了一些。
Hugo 个人博客项目技术规范与开发文档
博客建构
评论
当前已预留评论区位置。需要接入 Giscus 时,在配置里打开 `params.giscus.enabled` 并补全仓库参数即可。