本指南介绍如何在不破坏主题升级与响应式布局的前提下,调整 Liquid Stack 的视觉风格。
从配置开始
先在 hugo.yaml 修改标题、侧栏简介、头像和颜色方案。内容层的改动应优先放在页面前置数据或 data/ 文件中,而不是直接改主题源文件。
添加局部样式
站点级样式位于 assets/scss/custom.scss。为新组件使用明确的类名,并避免覆盖通用 HTML 标签;这样可以减少对文章、菜单和移动端布局的连带影响。
每次改动都预览
每次修改颜色、间距或字体后,都检查首页、文章、相册、启动台以及深色模式。完成后运行完整 Hugo 构建,确保没有遗漏的资源或模板错误。