简介:
HCC个人博客源码,基于vue全家桶开发的的个人博客,前后端分离。
前台使用vue全家桶(vue-cli、router、vuex)开发。axios库请求api ,highlight.js插件使代码高亮显示,layui框架快速构建页面,并使用栅格系统达到响应式布局的效果,并将所有模块组件化,样式是仿的技术胖个人博客。
后台使用Laravel5.7框架开发,web路由提供后台管理,api路由提供API接口。用的X-admin后台模板。图片用AliyunOss对象存储,通过redis中的订阅者模式监听key失效事件,来删除 AJAX上传文件后未提交表单造成大量无主文件。使用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 & 监听失效的key删除无主文件
更新说明:
2018.12.13
添加响应式布局,
添加loding层
分页改为流加载模式
更换富文本编辑器为editorm.md,以markdown语法编辑文章
添加gighlight.JS代码高亮插件
.env添加aliyun key配置,用于阿里云oss上传
图片:
感谢您的来访,获取更多精彩文章请收藏本站。
![](/imc/zonghe/20.webp)
1. 资源都是经过站长或作者收集测试修改后发布分享。转载请在文内以超链形式注明出处,谢谢合作!
2. 本站除原创内容,其余所有内容均收集自互联网,仅限用于学习和研究目的,本站不对其内容的合法性承担任何责任。如有版权内容,请通知我们或作者删除,其版权均归原作者所有,本站虽力求保存原有版权信息,但因众多资源经多次转载,已无法确定其真实来源,或已将原有信息丢失,所以敬请原作者谅解!
3. 本站用户所发布的一切资源内容不代表本站立场,并不代表本站赞同其观点和对其真实性负责,若您对本站所载资源作品版权归属存有异议,请留言附说明联系邮箱,我们将在第一时间予以处理 ,同时向您表示歉意!为尊重作者版权,请购买原版作品,支持您喜欢的作者,谢谢!
4. 本站一律禁止以任何方式发布或转载任何违法的相关信息,访客如有发现请立即向站长举报;本站资源文件大多存储在云盘,如发现链接或图片失效,请联系作者或站长及时更新。
暂无评论内容