簡介：

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上傳

圖片：