1. 程式人生 > >基於Vue.js+Koa+MySQL開發的個人部落格

基於Vue.js+Koa+MySQL開發的個人部落格

我的部落格

一直以來都想自己做一些個人專案, 於是想到了先做一個部落格專案練練手。在GitHub上找了很多大神的開源部落格專案來學習,慢慢的自己也完成了一個簡單版本的部落格,並部署上線。

目前專案已經全部部署到伺服器,但域名還在備案,因此只能先通過IP地址訪問。

線上地址

前端專案

後端專案

因為我做的這個專案功能並不複雜,所以非常適合大家用來練手哦,如果覺得有幫助歡迎給個star,感謝!

設計

參照了hexo的設計,自己用css實現。

技術棧

vue + vue-cli + vue-router:整個專案用vue-cli腳手架建立,vue-router路由元件化開發實現單頁應用的效果。

webpack:建立時使用了webpack構建開發環境,利用模組熱啟動npm run dev在開發環境下開發,並在開發完畢後npm run build打包成dist部署到雲端。

scss:css預編譯語言選用了scss

axios:使用axios進行非同步請求,編寫前端介面。

Koa+ koa-router + koa-cors:後臺使用koa搭建,使用koa-cors跨域。

mysql+sequelize:文章資料的儲存以及ORM

nginx:在雲伺服器中使用nginx進行代理

pm2:node程序管理,使後臺保持執行。

準備完善的功能

  • 後臺管理系統(需登入)
  • 評論