vue+koa+mongodb 我的博客

vue+koa+mongodb 搭建我的博客

好久以來就特別想搭建一個blog,可是都是因爲技術緣由沒有搭建起來。之前學習github的時候準備採用github與hexo來搭建。可是後來想了一下本身也在學習nodejs,何不用本身學的vue和nodejs來搭建,這樣也起到了鍛鍊本身的目的,因而此博客由此而生。

github: https://github.com/LiChangyi/blog前端

博客地址:blog.lcylove.cnvue

技術組成

  1. 前端 => vue,vuex,axios
  2. 後臺 => nodejs koa2
  3. 數據庫 => mongodb mongoose
  4. markdown => marked + highlight.js
  5. 評論系統 => gitalk
  6. 圖片的儲存 => 七牛雲儲存(前端構造接口,直接上傳到七牛雲上)
  7. 服務器 => 騰訊雲服務器(學生特惠10元/月) nginx

博客預覽

博客預覽1

博客預覽2

博客預覽3

博客預覽4

博客預覽5

待完成

  1. 由於單頁應用seo一直是一個很大的問題,雖然本次我使用了網上說起的vue-meta-infoprerender-spa-plugin 預渲染的方式,可是發現SEO的問題依然存在,因此後期有時間會將前臺界面用nuxtJS改寫成ssr渲染。
  2. 學習Typescript,並對代碼進行重構。(由於感受代碼可讀性不是特別的好)

寫在後面的話

學習是一個持續的過程,咱們應該一直鍥而不捨的學習下去。

不少事有想法必定要去作,作了纔有機會作完,作好。node

  1. 因爲本人技術問題,代碼確定存在不少bug還未發現,其次就是第一次作vue+nodejs一個完整的項目,因此確定有不少地方存在瑕疵,之因此發佈出來一方面能夠給須要這一方面東西的朋友一點啓發,其次就是發現問題改進問題提高本身。
  2. 由於整個博客要完整的從項目構建到項目上線的確比較繁瑣,這裏只是給想要試試nodejs與vue一個代碼參考。若是是才學習vue以及nodejs的同窗可能不須要這麼多的東西,因此針對這一塊,我後面會針對這一方面出一個vue+koa2+mongodb的一個完整的登陸註冊流程到項目部署,以及採用pm2進行進程守護,採用nginx來加載頁面並使用代理的方式完成網頁的正常運行。
相關文章
相關標籤/搜索