简介:HCC个人博客源代码,基于vue Family Barrel开发的个人博客,前后端分离。
在前台使用vue家族桶(vue-cli,路由器,vuex)开发。Axios库请求api,highlight.js插件使代码高亮,layui框架快速构建页面,使用网格系统实现响应式布局的效果,所有模块组件化,风格模仿技术胖个人博客。
后台Laravel5.7框架用于开发。web路由提供后台管理,api路由提供API接口。使用X-admin后台模板。存储在AliyunOss对象中,在redis中通过订阅者模式监控密钥失效事件,以至于AJAX上传文件后未提交的表单造成大量无主文件。使用editor.md富文本编辑器以markdown语法编辑文章,并自动生成html代码。
前台功能:首页:置顶文章、通知消息、推荐广告。
分类:根据分类查找文章。
存档:按月查看文章列表。
标签:根据标签查看对应文章列表。
关于:显示关于此站点的信息。
朋友链:显示这个站点的朋友链。
后台功能:文章管理:显示文章列表,搜索文章,添加文章,修改文章,删除文章。
推荐管理:显示推荐列表,添加推荐,修改推荐,删除推荐。
横幅图管理:显示、添加、修改和删除
标签管理:显示、添加、修改、删除
分类:显示、添加、修改和删除。
通知:显示、添加、修改和删除
关于管理:显示、修改
好友链管理:显示和修改
安装方式:开发环境:php7.2+nginx1.4+mysql5.6
1.使用git clone下载源代码。
2.修改。环境配置文件
3.导入sql文件
4.服务台
-在主目录中运行npm安装依赖关系包(需要节点环境)
-运行npm run dev来编译项目。
- http://localhost:3000
5、后台
-在管理目录中运行composer install安装依赖包(需要安装composer)
-运行php artisan key:generate以发布应用程序密钥。
-修改。环境配置
-运行php artisan serve命令打开web服务器。
-修改Redis配置文件并搜索“notify-keyspace-events & quot;修改notify-keyspace-events = "ex "
-run nohup PHP artisan image:clear >:& gt;image-clear . log 2 & gt;& amp1 & amp无效键删除无主文件。
更新描述:2018年12月13日
添加响应式布局,
添加装载层
切换到页面加载模式。
将富文本编辑器更改为editorm.md,并使用markdown语法编辑文章。
添加gighlight。JS代码高亮插件。
。env为阿里云oss上传增加阿里云密钥配置。
此处内容需要权限查看
会员免费查看