vue+koa+mongodb 個人博客

ivan_qhz 發布于2019-06-26 17:49 / 418人閱讀

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

vue+koa+mongodb 搭建個人博客

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

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

博客地址：blog.lcylove.cn

技術組成

前端 => 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，并對代碼進行重構。(因為感覺代碼可讀性不是特別的好)

寫在后面的話

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

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

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

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

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/19378.html

使用Vue、React和Koa開發個人博客

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

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

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

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

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

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

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

趙春朋 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