CZON自定义样式指南
自定义
👤 使用CZON构建网站的前端开发者或网站管理员，希望自定义站点样式以匹配品牌或个人偏好。
本文详细介绍了CZON项目中自定义样式的方法，通过在项目的.czony目录下创建style.css文件并编写CSS代码，可以覆盖默认样式或添加个性化外观。文档解释了CZON在构建时会检测并复制该文件到输出目录，并在每个HTML页面中添加样式链接，确保自定义样式在内置样式之后加载以实现覆盖效果。文中提供了可用的CSS变量列表，包括背景色、文字色、链接色等，并展示了多个实际示例，如自定义品牌色、调整内容区域宽度、自定义代码块样式和隐藏特定元素。最后强调了注意事项，如文件名必须为style.css、修改后需重新构建、建议使用CSS变量覆盖以及CZON使用Tailwind CSS时可能需要使用!important。
- ✨ CZON支持通过.czony/style.css文件自定义站点样式
- ✨ 自定义样式可以覆盖默认样式或添加个性化外观
- ✨ 构建时CZON会检测并复制style.css到输出目录
- ✨ 在每个HTML页面中添加样式链接，自定义样式在内置样式之后加载
- ✨ 提供了可用的CSS变量列表，包括亮色和暗色模式
325 字 · 约 2 分钟阅读