HCC个人博客系统源码——打造轻量化、自由化的个人博客平台

HCC个人博客源码是一个使用vue全家桶开发的个人博客，实现了前后端分离。

前台部分使用了vue全家桶（vue-cli、router、vuex）进行开发，使用axios库进行API请求，highlight.js插件实现代码高亮显示，layui框架帮助快速构建页面，并使用栅格系统实现响应式布局。所有模块都进行了组件化处理，样式设计参考了技术胖的个人博客。

后台部分使用Laravel5.7框架开发，通过web路由提供后台管理功能，api路由提供API接口。使用了X-admin后台模板。图片存储使用了AliyunOss对象存储，通过redis的订阅者模式监听键失效事件，以删除由于未提交表单而导致的大量无主文件。文章编辑使用了editor.md富文本编辑器，并以markdown语法编辑文章，从而自动生成HTML代码。

前台功能包括：
– 首页：置顶文章、通知消息、推荐广告
– 分类：根据分类查找文章
– 归档：按月份查看文章列表
– 标签：根据标签查看对应文章列表
– 关于：显示关于本站的信息
– 友链：显示本站的友链

后台功能包括：
– 文章管理：显示文章列表、搜索文章、添加文章、修改文章、删除文章
– 推荐管理：显示推荐列表、添加推荐、修改推荐、删除推荐
– banner图管理：显示、添加、修改、删除
– 标签管理：显示、添加、修改、删除
– 分类管理：显示、添加、修改、删除
– 通知管理：显示、添加、修改、删除
– 关于管理：显示、修改
– 友链管理：显示、修改

安装步骤：
开发环境要求：php7.2+Nginx1.4+mysql5.6

1. 使用git clone下载源码
2. 修改.env配置文件
3. 导入sql文件
4. 前台部分：
– 在home目录中运行npm install安装依赖包（需要安装node环境）
– 运行npm run dev编译项目
– 访问http://localhost:3000
5. 后台部分：
– 在admin目录中运行composer install安装依赖包（需要安装composer）
– 运行php artisan key:generate生成应用密钥
– 修改.env配置
– 运行php artisan serve命令，启动web服务器
– 修改Redis配置文件，在”notify-keyspace-events”中修改为”notify-keyspace-events = “Ex””
– 运行nohup php artisan image:clear >> image-clear.log 2>&1 & 监听失效的键并删除无主文件

更新内容包括：
– 添加响应式布局
– 添加loading层
– 将分页改为流加载模式
– 更换富文本编辑器为editor.md，以markdown语法编辑文章
– 添加了highlight.js代码高亮插件
– 在.env文件中添加aliyun key配置，用于阿里云oss上传