vue+koa+mongodb 搭建我的博客
好久以來就特別想搭建一個blog,可是都是因爲技術緣由沒有搭建起來。之前學習github的時候準備採用github與hexo來搭建。可是後來想了一下本身也在學習nodejs,何不用本身學的vue和nodejs來搭建,這樣也起到了鍛鍊本身的目的,因而此博客由此而生。
github: https://github.com/LiChangyi/blog前端
博客地址:blog.lcylove.cnvue
技術組成
- 前端 => vue,vuex,axios
- 後臺 => nodejs koa2
- 數據庫 => mongodb mongoose
- markdown => marked + highlight.js
- 評論系統 => gitalk
- 圖片的儲存 => 七牛雲儲存(前端構造接口,直接上傳到七牛雲上)
- 服務器 => 騰訊雲服務器(學生特惠10元/月) nginx
博客預覽
待完成
- 由於單頁應用seo一直是一個很大的問題,雖然本次我使用了網上說起的vue-meta-info 和 prerender-spa-plugin 預渲染的方式,可是發現SEO的問題依然存在,因此後期有時間會將前臺界面用nuxtJS改寫成ssr渲染。
- 學習Typescript,並對代碼進行重構。(由於感受代碼可讀性不是特別的好)
寫在後面的話
學習是一個持續的過程,咱們應該一直鍥而不捨的學習下去。
不少事有想法必定要去作,作了纔有機會作完,作好。node
- 因爲本人技術問題,代碼確定存在不少bug還未發現,其次就是第一次作vue+nodejs一個完整的項目,因此確定有不少地方存在瑕疵,之因此發佈出來一方面能夠給須要這一方面東西的朋友一點啓發,其次就是發現問題改進問題提高本身。
- 由於整個博客要完整的從項目構建到項目上線的確比較繁瑣,這裏只是給想要試試nodejs與vue一個代碼參考。若是是才學習vue以及nodejs的同窗可能不須要這麼多的東西,因此針對這一塊,我後面會針對這一方面出一個vue+koa2+mongodb的一個完整的登陸註冊流程到項目部署,以及採用pm2進行進程守護,採用nginx來加載頁面並使用代理的方式完成網頁的正常運行。