胜蓝科技

建站之星模板如何自定义颜色与字体样式?

日期:2025-03-12 00:00 / 作者:网络

一、基础设置入口

登录建站之星管理后台后,点击顶部工具栏的「编辑」按钮进入可视化编辑界面。在左侧导航栏选择「主题」或「风格」选项,即可访问模板的基础样式配置模块。

建议操作流程:

  1. 进入「网站编辑器」主界面
  2. 点击「风格」选项卡
  3. 选择「自定义」模式激活高级设置

二、颜色方案定制

建站之星提供两种颜色配置方式:

  • 预设方案:系统内置6种符合WCAG标准的配色组合
  • 自定义方案:通过输入RGB/HEX值精确控制主色、辅色、文本色等元素
颜色参数配置表示例
元素 建议格式
主色 #2D8CF0
辅色 rgb(45,140,240)

三、字体样式调整

在「字体配置」面板中可进行以下设置:

  1. 选择系统支持的12种中文字体族
  2. 设置基准字号(建议14-16px)
  3. 配置标题层级样式(H1-H6)

修改后的效果会实时预览,但需点击「全局应用」才能生效。

四、高级自定义技巧

通过「主题设置→自定义CSS」可注入扩展样式代码,例如:

#header {
font-family: "思源黑体";
color: var(--primary-color);
}

此方法适合需要精细控制响应式断点样式或添加动态效果的场景。

建站之星通过可视化编辑与代码扩展的混合模式,实现了从基础配色到专业级字体排印的全流程控制。建议先使用预设方案快速搭建框架,再通过自定义功能进行细节优化,同时注意保持移动端与桌面端的样式一致性。


# 建站  # liantong  # 实现了  # 操作流程  # 选项卡  # 操作指南  # 编辑器  # 两种  # 思源  # 之星  # 自定义  # dianpu  # head  # entry  # tag  # info  # item_btn  # title  # dot  # pubdate