资讯专栏INFORMATION COLUMN

vue+koa+mongodb 个人博客

ivan_qhz / 298人阅读

摘要:搭建个人博客很久以来就特别想搭建一个,但是都是由于技术原因没有搭建起来。学习,并对代码进行重构。因为整个博客要完整的从项目构建到项目上线的确比较繁琐,这里只是给想要试试与一个代码参考。

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-infoprerender-spa-plugin 预渲染的方式,但是发现SEO的问题依然存在,所以后期有时间会将前台界面用nuxtJS改写成ssr渲染。

学习Typescript,并对代码进行重构。(因为感觉代码可读性不是特别的好)

写在后面的话
学习是一个持续的过程,我们应该一直持之以恒的学习下去。

很多事有想法一定要去做,做了才有机会做完,做好。

由于本人技术问题,代码肯定存在很多bug还未发现,其次就是第一次做vue+nodejs一个完整的项目,所以肯定有很多地方存在瑕疵,之所以发布出来一方面可以给需要这一方面东西的朋友一点启发,其次就是发现问题改进问题提升自己。

因为整个博客要完整的从项目构建到项目上线的确比较繁琐,这里只是给想要试试nodejs与vue一个代码参考。如果是才学习vue以及nodejs的同学可能不需要这么多的东西,所以针对这一块,我后面会针对这一方面出一个vue+koa2+mongodb的一个完整的登录注册流程到项目部署,以及采用pm2进行进程守护,采用nginx来加载页面并使用代理的方式完成网页的正常运行。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/19378.html

相关文章

  • 使用Vue、React和Koa开发个人博客

    摘要:前言实习了大半年,又临近毕业,一直想做一个属于自己的博客。于是就用和开发了一个服务端渲染的博客系统。其中后端管理使用开发前端页面使用服务端渲染框架接口服务使用使用当接口发生时向我发送邮件通知项目地址是点我访问项目地址,不要脸地求。 前言 实习了大半年,又临近毕业,一直想做一个属于自己的博客。于是就用Vue、React和Koa开发了一个服务端渲染的博客系统。其中: 后端管理使用Vue开...

    pf_miles 评论0 收藏0
  • 使用Vue、React和Koa开发个人博客

    摘要:前言实习了大半年,又临近毕业,一直想做一个属于自己的博客。于是就用和开发了一个服务端渲染的博客系统。其中后端管理使用开发前端页面使用服务端渲染框架接口服务使用使用当接口发生时向我发送邮件通知项目地址是点我访问项目地址,不要脸地求。 前言 实习了大半年,又临近毕业,一直想做一个属于自己的博客。于是就用Vue、React和Koa开发了一个服务端渲染的博客系统。其中: 后端管理使用Vue开...

    MingjunYang 评论0 收藏0
  • 使用Vue、React和Koa开发个人博客

    摘要:前言实习了大半年,又临近毕业,一直想做一个属于自己的博客。于是就用和开发了一个服务端渲染的博客系统。其中后端管理使用开发前端页面使用服务端渲染框架接口服务使用使用当接口发生时向我发送邮件通知项目地址是点我访问项目地址,不要脸地求。 前言 实习了大半年,又临近毕业,一直想做一个属于自己的博客。于是就用Vue、React和Koa开发了一个服务端渲染的博客系统。其中: 后端管理使用Vue开...

    frolc 评论0 收藏0
  • Vue+Koa+Mongodb 小练习

    摘要:小练习作者本文首发博客功能基于进行登录,注册,留言的简单网站。所以这个小练习,从一个简单的方面入手,希望能给踩过同样多坑的同路人一点启发。就意味着要重新登录。的作用是进行进程守护,当你的意外的停止的时候,进行重启。 Vue+Koa+Mongodb 小练习 作者: Pawn 本文首发: Pawn博客 功能: 基于vue koa mongodb进行登录,注册,留言的简单网站。 体验地址: ...

    赵春朋 评论0 收藏0
  • vue2全家桶+koa2+mongodb搭建一个简单伪全栈博客

    摘要:本来不想推的,看到上有个项目很简单,都有,推推看咯。虽然这个项目很简单,但是还蛮有趣,用来入门和以及再好不过了。 本来不想推的,看到github上有个项目很简单,都有300 star,推推看咯。虽然这个项目很简单,但是还蛮有趣,用来入门vue2和nodejs以及mongodb再好不过了。 等这几天把公司手头的事情忙完,再把vuex的部分强化下。 基于vue2/vuex/vue-rout...

    bitkylin 评论0 收藏0

发表评论

0条评论

ivan_qhz

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<