Skip to content

样式库

SmartEdit AI 提供丰富的样式模板库,让你的文章排版更加美观专业。

🎨 功能概览

样式库包含以下功能:

  • 样式模板 - 10+ 套精选样式,涵盖各种场景
  • 一键插入 - 点击即可插入到编辑器
  • 一键换色 - 快速更换主题配色
  • 全文排版 - 一键应用排版模板
  • 快捷工具 - 清除格式、调整行高等

📚 样式分类

1. 标题样式

提供多种标题样式,适合不同风格的文章。

简约标题

  • 干净简洁的设计
  • 适合正式文章
  • 突出文字内容

渐变标题

  • 渐变色背景
  • 视觉冲击力强
  • 适合时尚、科技类文章

边框标题

  • 左侧装饰边框
  • 层次感强
  • 适合商务、专业类文章

图标标题

  • 带图标装饰
  • 生动活泼
  • 适合教程、指南类文章

底纹标题

  • 底部装饰线
  • 优雅大方
  • 适合文艺、情感类文章

2. 正文样式

优化正文排版,提升阅读体验。

标准正文

  • 合适的字号和行高
  • 舒适的阅读体验
  • 适合大多数场景

首行缩进

  • 传统排版风格
  • 段落层次分明
  • 适合长文章

段落间距

  • 增加段落间距
  • 视觉更清爽
  • 适合短段落文章

引用样式

  • 突出重点内容
  • 左侧装饰线
  • 适合引用、摘要

3. 分割线

多种分割线样式,分隔文章内容。

实线分割

  • 简单直接
  • 清晰明了

虚线分割

  • 轻盈柔和
  • 不抢眼

装饰分割

  • 带图案装饰
  • 美观大方

渐变分割

  • 渐变色效果
  • 现代时尚

4. 卡片样式

突出显示重要信息。

信息卡片

  • 展示关键信息
  • 背景色区分
  • 适合要点总结

提示卡片

  • 提示、警告、注意
  • 不同颜色区分类型
  • 适合重要提醒

引用卡片

  • 引用他人观点
  • 左侧装饰线
  • 适合引用内容

数据卡片

  • 展示数据、统计
  • 突出数字
  • 适合数据展示

5. 列表样式

美化列表排版。

数字列表

  • 有序列表
  • 清晰的序号
  • 适合步骤、流程

图标列表

  • 带图标装饰
  • 视觉更丰富
  • 适合要点列举

勾选列表

  • 任务清单风格
  • 互动感强
  • 适合待办事项

时间轴列表

  • 时间线展示
  • 适合历程、发展

🚀 使用方法

打开样式库

方式一:通过侧边栏

  1. 点击扩展图标
  2. 选择「左侧侧边栏」
  3. 切换到「样式库」标签

方式二:通过右键菜单

  1. 在页面右键
  2. 选择「智编助手」→「打开样式库」

浏览样式

  1. 在样式库中滚动浏览
  2. 样式按类型分组显示
  3. 每个样式都有预览效果

插入样式

方法一:光标插入

  1. 在编辑器中定位光标
  2. 点击样式库中的样式
  3. 样式自动插入到光标位置

方法二:替换选中内容

  1. 在编辑器中选中文字
  2. 点击样式
  3. 选中的文字会应用样式

编辑样式

插入后可以:

  • 修改文字内容
  • 调整样式细节
  • 复制粘贴使用

🎨 一键换色

功能说明

快速更换文章的主题配色,保持视觉统一。

使用步骤

1. 选择要换色的内容

  • 选中单个样式元素
  • 或选中整篇文章

2. 打开换色工具

  • 点击侧边栏的「一键换色」按钮
  • 或使用快捷工具栏

3. 选择颜色

  • 从预设主题中选择
  • 或使用取色器自定义

4. 应用颜色

  • 点击「应用」按钮
  • 颜色自动替换

预设主题色

SmartEdit AI 提供 10+ 套精选配色方案:

1. 经典蓝

  • 主色:#3498db
  • 适合:商务、科技
  • 特点:专业稳重

2. 活力橙

  • 主色:#e67e22
  • 适合:创意、活动
  • 特点:热情活力

3. 清新绿

  • 主色:#27ae60
  • 适合:环保、健康
  • 特点:自然清新

4. 优雅紫

  • 主色:#9b59b6
  • 适合:时尚、艺术
  • 特点:优雅神秘

5. 热情红

  • 主色:#e74c3c
  • 适合:节日、促销
  • 特点:醒目热烈

6. 沉稳灰

  • 主色:#95a5a6
  • 适合:正式、严肃
  • 特点:低调内敛

7. 科技蓝

  • 主色:#667eea
  • 适合:科技、互联网
  • 特点:现代时尚

8. 粉嫩系

  • 主色:#fd79a8
  • 适合:女性、美妆
  • 特点:温柔甜美

9. 商务金

  • 主色:#f39c12
  • 适合:金融、商务
  • 特点:高端大气

10. 极简黑

  • 主色:#2c3e50
  • 适合:极简、高端
  • 特点:简约大气

自定义颜色

使用取色器:

  1. 点击「自定义颜色」
  2. 使用取色器选择颜色
  3. 或输入颜色代码(HEX/RGB)
  4. 预览效果
  5. 应用颜色

从图片取色:

  1. 上传参考图片
  2. 点击图片上的颜色
  3. 提取主题色
  4. 应用到文章

换色范围

局部换色:

  • 只替换选中元素的颜色
  • 适合调整个别样式

全文换色:

  • 替换整篇文章的主题色
  • 保持视觉统一
  • 一键完成

换色规则

AI 会智能识别可换色的元素:

  • ✅ 背景颜色
  • ✅ 文字颜色
  • ✅ 边框颜色
  • ✅ 装饰元素颜色
  • ❌ 图片内容
  • ❌ 代码块

📐 全文排版

功能说明

一键应用专业排版模板,快速美化文章。

排版模板

1. 简约清新

适合: 生活、情感、随笔类文章

特点:

  • 字号:16px
  • 行高:1.8
  • 段落间距:1em
  • 首行缩进:2em
  • 配色:清新淡雅

2. 商务专业

适合: 商业、职场、专业类文章

特点:

  • 字号:15px
  • 行高:1.75
  • 段落间距:0.8em
  • 首行不缩进
  • 配色:沉稳大气

3. 文艺优雅

适合: 文学、艺术、文化类文章

特点:

  • 字号:16px
  • 行高:2.0
  • 段落间距:1.2em
  • 首行缩进:2em
  • 配色:优雅古典

4. 科技现代

适合: 科技、互联网、创新类文章

特点:

  • 字号:15px
  • 行高:1.7
  • 段落间距:1em
  • 首行不缩进
  • 配色:现代时尚

使用步骤

  1. 选择全文

    • 使用 Ctrl+A 全选
    • 或手动选中要排版的部分
  2. 选择模板

    • 点击「全文排版」按钮
    • 选择排版模板
  3. 预览效果

    • 查看排版预览
    • 可以切换不同模板对比
  4. 应用排版

    • 点击「应用」按钮
    • 排版自动完成

自定义排版

如果预设模板不满足需求,可以自定义:

调整字号:

  • 标题:18-24px
  • 正文:14-16px
  • 注释:12-14px

调整行高:

  • 紧凑:1.5
  • 标准:1.75
  • 宽松:2.0

调整间距:

  • 段落间距:0.5-1.5em
  • 首行缩进:0/2em

🔧 快捷工具

清除格式

功能: 移除所有样式,恢复纯文本

使用场景:

  • 从其他地方复制的内容格式混乱
  • 需要重新排版
  • 清理不需要的样式

使用方法:

  1. 选中要清除格式的文字
  2. 点击「清除格式」按钮
  3. 所有样式被移除

首行缩进

功能: 添加或移除段落首行缩进

使用方法:

  1. 选中段落
  2. 点击「首行缩进」按钮
  3. 自动添加 2em 缩进

批量操作:

  • 选中多个段落
  • 一键添加缩进

调整行高

功能: 快速调整文字行高

预设选项:

  • 紧凑(1.5)
  • 标准(1.75)
  • 宽松(2.0)

使用方法:

  1. 选中文字
  2. 选择行高选项
  3. 自动应用

对齐方式

支持的对齐:

  • 左对齐
  • 居中对齐
  • 右对齐
  • 两端对齐

💡 使用技巧

样式搭配

保持统一:

  • 全文使用同一套样式风格
  • 标题样式保持一致
  • 配色协调统一

层次分明:

  • 一级标题最醒目
  • 二级标题次之
  • 正文简洁清晰

适度装饰:

  • 不要过度使用样式
  • 重点内容才用特殊样式
  • 保持整体简洁

提升效率

收藏常用样式:

  • 标记常用的样式
  • 快速访问

使用快捷键:

  • 熟记常用快捷键
  • 减少鼠标操作

批量处理:

  • 使用全文排版
  • 一次性完成

避免常见错误

❌ 样式过多:

  • 一篇文章使用太多不同样式
  • 显得杂乱无章

✅ 简洁统一:

  • 选择 2-3 种主要样式
  • 保持视觉统一

❌ 颜色混乱:

  • 使用多种不协调的颜色
  • 影响阅读体验

✅ 配色和谐:

  • 使用预设主题色
  • 或选择邻近色搭配

❌ 过度装饰:

  • 每个段落都加边框、背景
  • 喧宾夺主

✅ 重点突出:

  • 只对关键内容使用特殊样式
  • 保持正文简洁

🎓 最佳实践

文章类型与样式选择

1. 教程类文章

  • 标题:图标标题或数字标题
  • 正文:标准正文 + 首行缩进
  • 重点:信息卡片
  • 步骤:数字列表

2. 观点类文章

  • 标题:渐变标题或边框标题
  • 正文:段落间距
  • 引用:引用卡片
  • 要点:图标列表

3. 资讯类文章

  • 标题:简约标题
  • 正文:标准正文
  • 数据:数据卡片
  • 分类:勾选列表

4. 故事类文章

  • 标题:底纹标题
  • 正文:首行缩进 + 宽松行高
  • 场景:时间轴列表
  • 引用:引用样式

排版流程

推荐流程:

  1. 先写内容,不管格式
  2. 内容完成后统一排版
  3. 应用全文排版模板
  4. 调整标题样式
  5. 添加重点样式
  6. 统一配色
  7. 最后检查调整

📚 相关资源


排版原则

好的排版应该是"看不见"的——它让读者专注于内容本身,而不是被样式分散注意力。保持简洁、统一、适度是排版的黄金法则。

Released under the MIT License.