源码介绍:
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代码。
开发环境:php7.2+Nginx1.4+mysql5.6
1、上传源码并解压
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删除无主文件
更新说明:
添加响应式布局,
添加loding层
分页改为流加载模式
更换富文本编辑器为editorm.md,以markdown语法编辑文章
添加gighlight.JS代码高亮插件
.env添加aliyun key配置,用于阿里云oss上传
站长群集#技术教程交流Q群:733394356 (新群&禁广)
未来资源网永久发布地址bk.deepwl.net(防失联)
立即成为占楼第一人