Bricks 是一个性能导向的可视化建站主题。它输出干净的语义化 HTML，没有短代码残留，前端依赖极少——对追求加载速度的 B2B 外贸站来说，这个底子比任何页面插件都值钱。
三个核心概念，吃透就够
元素（Element）
一切皆元素：section、container、block 是骨架，heading、text、button 是内容。区块（block）自带纵向排列，想横排必须显式写 flex-direction: row——这是新手最容易踩的第一个坑。
全局类（Class）与主题样式（Theme Styles）
颜色、字号、间距不要写在单个元素上。主题样式管全站默认值（H1~H4 字号、容器宽度、段落间距），全局类管复用样式。改一处、全站生效，客户自己也能维护。
模板（Template）
页眉、页脚、文章布局都是模板。文章详情页的 post-title、post-content 这类动态元素，必须挂在文章类型的模板上才会取到真实数据——挂在普通页面上只会取到页面自身。
为什么不用免费的页面生成器
免费生成器省下的是授权费，付出的是性能、维护性和迁移成本三笔债。短代码存的页面数据一旦想换工具，几百个页面全部重做；Bricks 存的是结构化数据，未来可以被脚本批量处理——这是我们选它最现实的原因。
记住一句话：元素拼结构，类管样式，模板定布局。这三件事分清楚了，Bricks 就入门了。
新手常见误区
三个最常踩的坑：第一，在每个元素上手写颜色和字号，回头改色要改几百处——把颜色和字号交给设计系统和全局类；第二，页面里塞满动画，加载慢还不专业，外贸站要的是清晰可信；第三，不建模板直接堆页面，页眉页脚改一次要改几十个页面。
正确的顺序是：先定设计系统和模板，再往里填内容。顺序对了，速度反而快。
