vue+koa+mongodb 個人博客

ivan_qhz 發(fā)布于2019-06-26 17:49 / 444人閱讀

摘要：搭建個人博客很久以來就特別想搭建一個，但是都是由于技術原因沒有搭建起來。學習，并對代碼進行重構(gòu)。因為整個博客要完整的從項目構(gòu)建到項目上線的確比較繁瑣，這里只是給想要試試與一個代碼參考。

vue+koa+mongodb 搭建個人博客

很久以來就特別想搭建一個blog，但是都是由于技術原因沒有搭建起來。以前學習github的時候準備采用github與hexo來搭建。但是后來想了一下自己也在學習nodejs，何不用自己學的vue和nodejs來搭建，這樣也起到了鍛煉自己的目的，于是此博客由此而生。

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

博客地址：blog.lcylove.cn

技術組成

前端 => vue,vuex,axios

后臺 => nodejs koa2

數(shù)據(jù)庫 => mongodb mongoose

markdown => marked + highlight.js

評論系統(tǒng) => gitalk

圖片的儲存 => 七牛云儲存(前端構(gòu)造接口，直接上傳到七牛云上)

服務器 => 騰訊云服務器(學生特惠10元/月) nginx

博客預覽

待完成

因為單頁應用seo一直是一個很大的問題，雖然本次我使用了網(wǎng)上提及的vue-meta-info 和 prerender-spa-plugin 預渲染的方式，但是發(fā)現(xiàn)SEO的問題依然存在，所以后期有時間會將前臺界面用nuxtJS改寫成ssr渲染。

學習Typescript，并對代碼進行重構(gòu)。(因為感覺代碼可讀性不是特別的好)

寫在后面的話

學習是一個持續(xù)的過程，我們應該一直持之以恒的學習下去。

很多事有想法一定要去做，做了才有機會做完，做好。

由于本人技術問題，代碼肯定存在很多bug還未發(fā)現(xiàn)，其次就是第一次做vue+nodejs一個完整的項目，所以肯定有很多地方存在瑕疵，之所以發(fā)布出來一方面可以給需要這一方面東西的朋友一點啟發(fā)，其次就是發(fā)現(xiàn)問題改進問題提升自己。

因為整個博客要完整的從項目構(gòu)建到項目上線的確比較繁瑣，這里只是給想要試試nodejs與vue一個代碼參考。如果是才學習vue以及nodejs的同學可能不需要這么多的東西，所以針對這一塊，我后面會針對這一方面出一個vue+koa2+mongodb的一個完整的登錄注冊流程到項目部署，以及采用pm2進行進程守護，采用nginx來加載頁面并使用代理的方式完成網(wǎng)頁的正常運行。

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/19378.html

使用Vue、React和Koa開發(fā)個人博客

摘要：前言實習了大半年，又臨近畢業(yè)，一直想做一個屬于自己的博客。于是就用和開發(fā)了一個服務端渲染的博客系統(tǒng)。其中后端管理使用開發(fā)前端頁面使用服務端渲染框架接口服務使用使用當接口發(fā)生時向我發(fā)送郵件通知項目地址是點我訪問項目地址，不要臉地求。前言實習了大半年，又臨近畢業(yè)，一直想做一個屬于自己的博客。于是就用Vue、React和Koa開發(fā)了一個服務端渲染的博客系統(tǒng)。其中：后端管理使用Vue開...

pf_miles 2019-07-25 14:11 評論0 收藏0
使用Vue、React和Koa開發(fā)個人博客

摘要：前言實習了大半年，又臨近畢業(yè)，一直想做一個屬于自己的博客。于是就用和開發(fā)了一個服務端渲染的博客系統(tǒng)。其中后端管理使用開發(fā)前端頁面使用服務端渲染框架接口服務使用使用當接口發(fā)生時向我發(fā)送郵件通知項目地址是點我訪問項目地址，不要臉地求。前言實習了大半年，又臨近畢業(yè)，一直想做一個屬于自己的博客。于是就用Vue、React和Koa開發(fā)了一個服務端渲染的博客系統(tǒng)。其中：后端管理使用Vue開...

MingjunYang 2019-06-26 17:35 評論0 收藏0
使用Vue、React和Koa開發(fā)個人博客

摘要：前言實習了大半年，又臨近畢業(yè)，一直想做一個屬于自己的博客。于是就用和開發(fā)了一個服務端渲染的博客系統(tǒng)。其中后端管理使用開發(fā)前端頁面使用服務端渲染框架接口服務使用使用當接口發(fā)生時向我發(fā)送郵件通知項目地址是點我訪問項目地址，不要臉地求。前言實習了大半年，又臨近畢業(yè)，一直想做一個屬于自己的博客。于是就用Vue、React和Koa開發(fā)了一個服務端渲染的博客系統(tǒng)。其中：后端管理使用Vue開...

frolc 2019-08-22 14:58 評論0 收藏0
Vue+Koa+Mongodb 小練習

摘要：小練習作者本文首發(fā)博客功能基于進行登錄，注冊，留言的簡單網(wǎng)站。所以這個小練習，從一個簡單的方面入手，希望能給踩過同樣多坑的同路人一點啟發(fā)。就意味著要重新登錄。的作用是進行進程守護，當你的意外的停止的時候，進行重啟。 Vue+Koa+Mongodb 小練習作者： Pawn 本文首發(fā)： Pawn博客功能：基于vue koa mongodb進行登錄，注冊，留言的簡單網(wǎng)站。體驗地址： ...

趙春朋 2019-06-26 17:51 評論0 收藏0
vue2全家桶+koa2+mongodb搭建一個簡單偽全棧博客

摘要：本來不想推的，看到上有個項目很簡單，都有，推推看咯。雖然這個項目很簡單，但是還蠻有趣，用來入門和以及再好不過了。本來不想推的，看到github上有個項目很簡單，都有300 star，推推看咯。雖然這個項目很簡單，但是還蠻有趣，用來入門vue2和nodejs以及mongodb再好不過了。等這幾天把公司手頭的事情忙完，再把vuex的部分強化下。基于vue2/vuex/vue-rout...

bitkylin 2019-08-21 17:19 評論0 收藏0