標籤:

個人博客(Vue版)

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

這是線上地址: 博客地址

這是項目地址: vue部分,server部分 (歡迎star,issure)

開發流程:

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

2. blog: 博客的整個展示的頁面,用Vue做的一個自適應的單頁面應用,主要用到了vue,vue-router,axios等(沒有使用vuex,覺得沒什麼必要)。

3. server: 博客的整個後端api介面,使用express框架,mongoose做資料庫查詢,基本都是一些基礎的增刪改查(主要自己的小項目也沒什麼複雜的)。

實際效果

主頁面效果

移動端效果

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

總結

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

推薦閱讀:

手把手教你建github技術博客by hexo
酷站推薦 - kejilie.com - 科技獵 | 科技新聞
在博客網站沒落的年代,為什麼 Squarespace 能起來?
曾經的博客作者,會是最適合做自媒體的人嗎?為什麼?
程序員怎樣才能寫出一篇好的博客或者技術文章?

TAG:博客 | Vuejs |