文章管理

文章管理是 CarefreeCMS 的核心功能，提供了完整的内容创作、编辑、发布和管理能力。

功能概述

主要功能

  • 📝 富文本编辑器（TinyMCE）
  • 💾 草稿保存与自动保存
  • 🏷️ 标签和分类管理
  • 🖼️ 封面图片上传
  • 📊 SEO 信息自动提取
  • 📚 文章版本管理
  • 🎯 文章属性（置顶、推荐、热门）
  • ⏰ 定时发布
  • 📄 批量操作
  • 🔍 全文搜索

创建文章

基本步骤

  1. 进入文章管理

    • 点击左侧菜单 内容管理 → 文章管理
    • 点击右上角 新建文章 按钮

  2. 填写基本信息

标题

输入文章标题（必填）
建议：10-30个字，简洁明了，包含关键词

副标题

输入副标题（可选）
用于补充说明或吸引读者

分类选择

  • 选择文章所属分类（必填）
  • 支持多级分类选择
  • 一篇文章只能属于一个主分类

标签选择

  • 可选择多个标签
  • 点击输入框显示已有标签
  • 支持快速创建新标签
  • 建议每篇文章 3-5 个标签
  1. 编辑文章内容

使用富文本编辑器

编辑器提供丰富的格式化功能：

文本格式

  • 标题样式（H1-H6）
  • 字体和字号
  • 粗体、斜体、下划线、删除线
  • 文字颜色和背景色
  • 对齐方式

插入内容

  • 图片（本地上传或从媒体库选择）
  • 视频（嵌入代码或上传）
  • 链接
  • 表格
  • 代码块
  • 表情符号
  • 水平线

列表和缩进

  • 有序列表
  • 无序列表
  • 增加/减少缩进

其他功能

  • 撤销/重做
  • 清除格式
  • 源代码编辑
  • 全屏编辑
  • 预览

使用媒体库

  1. 点击编辑器工具栏的 媒体库 按钮
  2. 选择已有文件或上传新文件
  3. 选择后自动插入编辑器

插入图片技巧

<!-- 推荐写法：响应式图片 -->
<img src="image.jpg" alt="图片描述" style="max-width: 100%; height: auto;" />

<!-- 图片居中 -->
<div style="text-align: center;">
  <img src="image.jpg" alt="图片描述" style="max-width: 100%;" />
</div>
  1. 设置封面图片

点击 选择封面 按钮：

  • 从媒体库选择
  • 或上传新图片
  • 建议尺寸：1200x630px
  • 格式：JPG、PNG
  • 大小：< 2MB
  1. 配置 SEO 信息

系统会自动提取，也可手动编辑：

SEO 标题

格式：文章标题 - 网站名称
长度：50-60个字符
包含主要关键词

SEO 关键词

格式：关键词1,关键词2,关键词3
数量：3-5个
与文章内容相关

SEO 描述

长度：120-160个字符
概括文章主要内容
包含关键词，吸引点击
  1. 设置文章属性

发布状态

  • 草稿：保存但不发布
  • 已发布：立即发布
  • 已下线：已发布但暂时隐藏
  • 待审核：提交审核（投稿功能）

文章标记

  • ⭐ 置顶：列表顶部显示
  • 🔥 推荐：首页推荐位展示
  • 📈 热门：热门文章标记

排序

  • 输入数字，越大越靠前
  • 相同排序按发布时间

发布时间

  • 选择立即发布
  • 或设置定时发布时间
  1. 保存和发布

保存草稿

  • 保存当前编辑内容
  • 状态保持为"草稿"
  • 可以继续编辑

发布

  • 立即发布文章
  • 状态变更为"已发布"
  • 前台可见

预览

  • 在发布前预览效果
  • 检查格式和样式

编辑文章

快速编辑

在文章列表页：

  • 点击标题直接编辑
  • 点击 编辑 按钮进入编辑页
  • 双击行快速编辑

批量编辑

  1. 勾选多篇文章
  2. 点击批量操作下拉菜单
  3. 选择操作：
    • 批量删除
    • 批量修改分类
    • 批量修改状态
    • 批量添加标签

文章版本管理

查看版本历史

  1. 编辑文章时点击 版本历史 按钮
  2. 查看所有历史版本
  3. 显示修改时间、修改人、变更说明

对比版本

  1. 选择两个版本
  2. 点击 对比 按钮
  3. 高亮显示差异内容

回滚版本

  1. 选择要恢复的历史版本
  2. 点击 回滚 按钮
  3. 确认后恢复到该版本

注意

回滚操作会创建新版本，不会删除历史记录

文章搜索

基础搜索

在搜索框输入关键词，支持：

  • 标题搜索
  • 内容搜索
  • 作者搜索

高级搜索

点击 高级搜索 展开更多选项：

筛选条件

  • 分类筛选
  • 标签筛选
  • 状态筛选
  • 作者筛选
  • 日期范围
  • 文章属性（置顶、推荐、热门）

排序方式

  • 最新发布
  • 最多浏览
  • 最多评论
  • 最多点赞
  • 综合排序

全文搜索

使用全文搜索引擎：

  1. 输入搜索关键词
  2. 系统搜索标题和内容
  3. 按相关度排序
  4. 高亮显示关键词

支持三种搜索模式：

  • 自然语言：智能理解搜索意图
  • 布尔搜索：支持 +、-、* 运算符
  • 查询扩展：自动扩展相关词

文章统计

查看统计数据

在文章详情页查看：

  • 📊 浏览次数
  • 👍 点赞数量
  • 💬 评论数量
  • ⭐ 收藏数量
  • 🔗 分享次数

导出数据

支持导出为：

  • Excel 格式
  • CSV 格式
  • JSON 格式

专题管理

添加到专题

  1. 编辑文章
  2. 选择 专题 标签
  3. 勾选要加入的专题
  4. 保存

从专题移除

  1. 取消专题勾选
  2. 或在专题管理中移除

最佳实践

标题优化

✅ 好的标题

如何使用 Vue 3 构建企业级应用
10 个提升 PHP 性能的技巧
CarefreeCMS 安装指南：从零开始

❌ 不好的标题

标题（过于简单）
asdfasdf（无意义）
！！！必看！！！（过度营销）

内容结构

推荐结构：

# 主标题

## 引言
简要介绍文章主题和要点

## 第一部分
详细阐述...

### 小节 1.1
具体内容...

### 小节 1.2
具体内容...

## 第二部分
继续阐述...

## 结论
总结要点和建议

图片优化

  • 压缩图片减小文件大小
  • 使用合适的图片格式（JPG用于照片，PNG用于图标）
  • 添加 alt 属性利于 SEO
  • 图片宽度不要超过 1920px

SEO 优化

  1. 标题包含关键词

    • 放在前面位置
    • 自然流畅，不要堆砌

  2. 合理使用标题标签

    • H1 只用一次（文章标题）
    • H2-H6 按层级使用

  3. 内容原创且有价值

    • 字数 800-2000 字为宜
    • 解决用户实际问题
    • 定期更新

  4. 内部链接

    • 链接到相关文章
    • 使用描述性锚文本

  5. 外部链接

    • 链接到权威来源
    • 添加 nofollow 属性

发布频率

建议：

  • 定期发布，保持稳定节奏
  • 每周 2-3 篇为宜
  • 质量优于数量
  • 避免长时间不更新

常见问题

文章保存后无法访问？

检查：

  1. 文章状态是否为"已发布"
  2. 分类是否启用
  3. 是否设置了定时发布
  4. 缓存是否更新

图片无法上传？

检查：

  1. 文件大小是否超限
  2. 文件格式是否允许
  3. 上传目录权限
  4. PHP 配置限制

富文本编辑器无法加载？

解决：

  1. 清除浏览器缓存
  2. 检查网络连接
  3. 查看控制台错误
  4. 重新安装编辑器

如何批量导入文章？

方式一：使用 API

# 示例：批量创建文章
curl -X POST http://api.example.com/articles \
  -H "Authorization: Bearer TOKEN" \
  -H "Content-Type: application/json" \
  -d '{
    "title": "文章标题",
    "content": "文章内容",
    "category_id": 1
  }'

方式二：直接操作数据库

INSERT INTO articles (title, content, category_id, status, create_time)
SELECT title, content, category_id, 1, NOW()
FROM temp_articles;

如何自定义编辑器工具栏？

编辑 frontend/src/components/TinyMCE.vue：

toolbar: [
  'undo redo | bold italic | alignleft aligncenter',
  'bullist numlist | link image'
]

相关功能

视频教程