Vue.js+Egg.js+Mongodb 打造本身的我的博客

AntVueBlogFront

Vue.js+Egg.js+Mongodb的先後端分離的我的博客。

博客地址：ANT

主要技術棧

• 前端：vue.js、vue-router、vuex AntVueBlogFront
• 後端：Egg.js、Mongodb AntEggBlogService
• 後臺管理: vue.js、vue-router、vuex AntVueBlogAdmin

博客功能

前臺頁面

• 文檔列表
• 分類
• 標籤
• 評論

後臺管理

• 發佈文章、存爲草稿
• 文章管理
• 標籤管理
• 分類管理
• 登陸驗證

Setup

運行環境

• node.js
• mongoDB

克隆遠程庫

git clone git@github.com:antbaobao/AntVueBlogFront.git
複製代碼

安裝依賴

cd AntVueBlogFront
npm i
複製代碼

運行

npm run dev
複製代碼

效果展現

前端頁面

首頁

分類

歸檔

標籤

文章詳情

評論

移動端

目錄

│  .babelrc             babel配置
│  .editorconfig        編輯器配置
│  .eslintignore        eslint忽略
│  .eslintrc.js         eslintrc配置
│  .gitignore           git上傳忽略
│  .postcssrc.js
│  Dockerfile           docker 配置
│  index.html           打包模板
│  package.json
│  README.md
│
├─build
├─src
│   │  main.js        項目入口
│   │  App.vue          根組件
│   │  index.css      全局樣式
│   │
│   ├─api             api 請求接口
│   │
│   ├─assets          外部引用文件
│   │  ├─css
│   │  └─js
│   │
│   ├─components      vue組件
│   │
│   ├─ layout         頁面公共結構
│   │
│   ├─store           vuex文件
│   │
│   ├─utils           工具函數
│   │
│   └─views           頁面vue文件
│
├─test
└─static            靜態文件
複製代碼

TODO

• 服務端渲染(SSR)
• 不少細節須要優化，有空再繼續擼 (完)