分享一下 vue + koa + mysql 搭建部落格之旅

善良的烏賊發表於2018-05-17

一直以來都想用自己的技術做一些個人專案, 之前的部落格是基於 hexo 搭建, 感覺啥都是別人幫你寫好了, 於是便決定自己搞一個, 斷斷續續地弄了一段時間, 也總算是完成了個簡單版本並部署上線.

部落格線上地址

部落格地址:cykspace

部落格後臺:cykspace-node

如果覺得還行的話, 歡迎給個 star 哈. 感謝~~

由於不會設計, 部落格主題是模仿 hexo-theme-next 的佈局樣式, 感謝作者的開源分享.

預覽

首頁文章列表

首頁-pc
首頁-移動端

標籤管理

標籤-pc
標籤-移動端

文章歸檔

文章歸檔-pc
文章歸檔-移動端

關於

關於-pc
關於-移動端

相關技術棧

前端

  • vue + vue-router: 專案由 vue-cli 搭建
  • axios: 非同步請求
  • less: css 預編譯處理器
  • Font-Awesome: 字型庫

後臺

  • koa + koa-router + koa-cors: 後臺使用 koa 提供介面服務
  • mysql + sequelize: 文章資料儲存以及ORM

部署

  • nginx: 提供網站服務
  • pm2: node 程式管理

未來將會加入

  • 服務端渲染
  • 後臺管理
  • 評論
  • 網易雲音樂
  • 頁面資料視覺化統計
  • ...

測試

部落格線上地址

以下是部落格前端和後臺原始碼地址:

部落格地址:cykspace

部落格後臺:cykspace-node

如果在測試期間遇到什麼問題, 可留言給我, 我會及時回覆。

最後

感謝各位的觀看, 如果有什麼意見或者建議的話, 還望多多指教. 感謝~~

如果感覺我的部落格還過得去的話, 還請給個 star 鼓勵一下作者, 嘿嘿~~。

最後再推銷下自己,計劃換份工作,有大佬缺小弟嗎?座標杭州。歡迎來擾!

相關文章