修改 CSS 文件

橙子CMS的样式文件位于 public/css/ 目录。

主要样式文件

  • style.css - 全局通用样式
  • style_index.css - 首页专用样式
  • front_article.css - 文章模块样式
  • front_album.css - 相册模块样式

自定义方法

方法一：直接修改

直接编辑对应的 CSS 文件，修改颜色、字体、间距等样式。

方法二：创建自定义 CSS

创建 public/css/custom.css 文件，在 header.html 中引入，覆盖默认样式。

示例：修改主色调

/* 修改导航栏背景色 */
header {
    background: linear-gradient(135deg, #2d3436 0%, #0984e3 100%);
}

/* 修改链接颜色 */
a {
    color: #0984e3;
}

注意事项

  • 修改前备份原文件
  • 使用浏览器的开发者工具（F12）调试样式
  • 修改后清除浏览器缓存查看效果