HCC小我私家博客代码,基于vue百口桶制作的的小我私家博客,前后台别离。

前端使用vue百口桶(vue-cli、router、vuex)制作。axios库恳求api ,highlight.JavaScript插件使源码高亮显像,layui框架疾速构建网页,并使用栅格体系到达自适应layout的特效,并将一切模块组件化,款式是仿的手艺胖小我私家博客。

后端使用Laravel5.7框架制作,web路由提供后端治理,api路由提供API接口。用的X-admin后端范例。图像用AliyunOss对于象存储,经由过程redis中的订阅者模式监听key生效事情,来删除 AJAX上传文件后未提交表单造成大批无主文件。使用editor.md富文本编纂器以markdown语法编纂文章,主动天生html源码。
前端功用:

主页:置顶文章,通知新闻,推举告白

分类:依据分类查找文章

归档:按月份查看文章列表

标签:依据标签查看对于应文章列表

关于: 显像关于本站的信息

友链: 显像本站的友链
后端功用:

文章治理: 显像文章列表、搜寻文章、增加文章,改动文章、删除文章

推举治理: 显像推举列表、增加推举、改动推举、删除推举

轮播图治理: 显像、增加、改动、删除

标签治理: 显像、增加、改动、删除

分类治理:显像、增加、改动、删除

通知治理:显像、增加、改动、删除

关于治理:显像、改动

友链治理:显像、改动
装置法子:

制作环境: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删除无主文件
更新阐明:

增加自适应layout,

增加loding层

分页改为流加载模式

调换富文本编纂器为editorm.md,以markdown语法编纂文章

增加gighlight.JS源码高亮插件

.env增加aliyun key设置,用于阿里云oss上传

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。