快速开始

本指南将帮助您快速了解 CarefreeCMS 的基本使用流程，从登录到发布第一篇文章。

前置条件

确保您已经完成：

✅ 系统安装（参考安装指南）
✅ 后端服务已启动（php think run）
✅ 前端服务已启动（npm run dev）

第一步：登录系统

打开浏览器访问：http://localhost:5173
使用默认账号登录：
- 用户名：admin
- 密码：admin123
登录成功后进入系统仪表板

安全提示

首次登录后请立即修改密码！点击右上角头像 → 个人信息 → 修改密码

第二步：创建分类

在发布文章之前，需要先创建文章分类。

点击左侧菜单 内容管理 → 分类管理
点击右上角 新增分类 按钮
填写分类信息：
- 分类名称：技术文章（必填）
- 分类别名：technology（用于URL）
- 排序：0（数字越大越靠前）
- 状态：启用
点击确定保存

提示

分类支持树形结构，可以创建父子分类
分类别名将用于生成静态页面的 URL
每个分类可以设置独立的列表模板和详情模板

第三步：创建标签

标签用于文章的灵活分类和关联。

点击左侧菜单 内容管理 → 标签管理
点击右上角 新增标签 按钮
填写标签信息：
- 标签名称：Vue.js（必填）
- 排序：0
- 状态：启用
点击确定保存
同样方法创建更多标签（如：PHP、MySQL、前端开发等）

第四步：发布第一篇文章

1. 进入文章管理

点击左侧菜单 内容管理 → 文章管理

2. 创建新文章

点击右上角 新建文章 按钮

3. 填写文章信息

基本信息

标题：我的第一篇文章（必填）
分类：选择刚才创建的 "技术文章"
标签：选择 "Vue.js"、"前端开发" 等
作者：自动填充当前用户

内容编辑

在富文本编辑器中输入文章内容：

# 欢迎使用 CarefreeCMS

这是我使用 CarefreeCMS 发布的第一篇文章。

## 主要功能

- 强大的内容管理
- 静态页面生成
- SEO优化工具
- AI文章生成

让我们开始探索更多功能吧！

封面图片

点击 选择封面 按钮
从媒体库选择图片，或点击 上传文件 上传新图片
选择后点击确定

SEO信息（可选）

系统会自动从内容中提取 SEO 信息，您也可以手动编辑：

SEO标题：文章标题 - 网站名称
SEO关键词：Vue.js,CarefreeCMS,内容管理
SEO描述：文章简介

文章属性

是否置顶：置顶文章将显示在列表顶部
是否推荐：推荐文章可在首页展示
是否热门：热门标记
排序：数字越大越靠前

4. 保存文章

保存草稿：保存但不发布，状态为"草稿"
发布：立即发布文章，状态为"已发布"

第五步：生成静态页面

CarefreeCMS 的一大特色是静态页面生成，让我们体验一下：

方式一：单独生成

在文章列表中，点击文章操作栏的 生成静态页
等待生成完成，系统会提示成功消息
静态文件生成在 backend/html/article/文章ID.html

方式二：批量生成

点击左侧菜单 系统管理 → 静态化管理
选择生成类型：
- 生成首页
- 生成所有文章
- 生成所有分类
- 生成所有标签
点击对应按钮，等待批量生成完成

访问静态页面

配置 Web 服务器（如 Nginx）指向 backend/html 目录后，即可访问静态页面。

示例 Nginx 配置：

server {
    listen 80;
    server_name www.example.com;
    root /path/to/cms/backend/html;
    index index.html;

    location / {
        try_files $uri $uri/ =404;
    }
}

第六步：配置网站信息

点击左侧菜单 系统管理 → 网站配置
编辑基本信息：
- 网站名称：我的网站
- 网站域名：www.example.com
- 网站关键词：内容管理,博客,新闻
- 网站描述：这是一个基于CarefreeCMS构建的网站
- 版权信息：© 2024 我的网站
上传网站 Logo 和 Favicon
配置联系方式：
- 邮箱
- 电话
- 地址
点击保存使配置生效