源碼介紹
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上傳
