前端
用了很多年的 Hexo 主题「活版印字」,一直很喜欢它的排版,但底层依赖越来越老:node-sass 装不上、jQuery 还是 3.1、Google Fonts 在国内加载不了。终于下决心把整个站点迁移到了 Astro。 保留了什么 - 竖排标题侧栏和整体的版式设计,逐值保留 - 配色、字体栈、动画曲线,全部照搬...
写 CSS 十几年,布局方案从表格、浮动、Flexbox 一路用到 Grid。现在可以很确定地说:Flexbox 和 Grid 组合,能解决 99% 的布局问题。 Flexbox:一维布局 适合「一行/一列里排列若干元素」的场景: Grid:二维布局 适合「行和列同时控制」的场景,比如这个博客的侧栏 + 内容区:...