個人博客(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 能起來?
※曾經的博客作者,會是最適合做自媒體的人嗎?為什麼?
※程序員怎樣才能寫出一篇好的博客或者技術文章?