一個前端新人的Vue我的博客

通過這一段時間對Vue的學習，因而萌生了要開發一個我的博客的想法，通過差很少半個月斷斷續續的開發，也算是讓項目有了能上線的樣子，休息了一陣子，今天就來把我這個新人的第一個上線項目分享出來吧，有不少地方自覺寫得很差，但願多多拍磚。

這是線上地址： 個人我的博客

這是項目地址： vue部分 ，express server部分 （歡迎star，issure）

開發流程：

1. admin：後臺管理的頁面，基本用element-ui構築的頁面，目前僅實現了文章發佈，文章列表，以及文章修改/刪除，功能還不夠全面，有待添加。

2. blog: 博客的整個展現的頁面，用Vue作的一個自適應的單頁面應用，主要用到了vue，vue-router，axios等（沒有使用vuex,以爲沒什麼必要）。

3. server: 博客的整個後端api接口，使用express框架，mongoose作數據庫查詢，基本都是一些基礎的增刪改查（主要本身的小項目也沒什麼複雜的）。

實際效果

主頁面效果

移動端效果

後端頁面醜爆就不放出來丟人了，這應該是我這個我的博客的初版，這段時間暫時就先這樣，算是一個基本功能的實現，以及基本頁面的展現，等再通過一段時間的學習，我會對這個項目進行重構，併爲其添加相關功能。

總結

這個項目是學習完趁熱打鐵上手搞出來的，在開發的過程當中也發現了本身各方面的不成熟，老是會有考慮不周到的地方，而且服務器配置方面也遇到了一些奇怪的東西，總的來講一路走下來有順的地方，也有難的時候。只是第一階段的完成，還需繼續努力。