HCC 个人博客系统 – 完整源码（前后端分离架构）

核心技术栈

• 前台（用户端）：基于 Vue 全家桶（vue-cli、router、vuex）开发，集成 axios 请求库、highlight.js 代码高亮插件、layui 框架；采用栅格系统实现响应式布局，所有模块组件化，视觉简洁统一。
• 后台（管理端）：基于 Laravel5.7 框架开发，搭配 X-admin 后台模板；支持 Web 路由管理与 API 接口提供，集成 AliyunOss 对象存储、Redis 订阅者模式（监听 key 失效以清理无主文件）；使用 editor.md 富文本编辑器（支持 Markdown 语法，自动生成 HTML）。

功能亮点

前台功能（用户视角）

• 首页：展示置顶文章、通知消息、推荐广告，信息层级清晰；
• 分类 / 标签：支持按分类、标签筛选文章，快速定位内容；
• 归档：按月份整理文章列表，方便历史内容查阅；
• 关于 / 友链：展示站点介绍与友情链接，完善站点生态。

后台功能（管理视角）

• 内容管理：文章、推荐、banner 图的增删改查，支持文章搜索；
• 基础配置：标签、分类、通知、关于页、友链的全量管理；
• 性能优化：通过 Redis 与 AliyunOss 实现文件高效管理，减少服务器压力。

安装指南

• 开发环境要求：PHP7.2 + Nginx1.4 + MySQL5.6，需 Node 环境与 Composer 工具。
• 安装步骤：
  1. 用git clone下载源码；
  2. 修改.env配置文件，导入 SQL 文件；
  3. 前台部署：进入home目录，运行npm install安装依赖，npm run dev编译，访问http://localhost:3000；
  4. 后台部署：进入admin目录，运行composer install，执行php artisan key:generate生成秘钥；修改.env与 Redis 配置（将notify-keyspace-events设为"Ex"）；运行php artisan serve启动服务，执行nohup php artisan image:clear >> image-clear.log 2>&1 &监听文件清理。

更新亮点（2018.12.13）

• 新增响应式布局，适配多设备浏览；
• 优化交互：添加 loading 层，分页改为流加载模式；
• 功能升级：更换富文本编辑器为 editorm.md（支持 Markdown），集成 gighlight.js 代码高亮；
• 扩展配置：支持阿里云 OSS 上传（.env 新增 aliyun key 配置）。