当前位置: 首页 > 后端技术 > Node.js

vue+node支持博客系统的服务端渲染

时间:2023-04-03 18:25:13 Node.js

历经两个多月时间,终于利用业余时间完成了本项目的1.0版本。为什么要写这个项目?其实基于vuejs+nodejs的开源博客系统有很多,但是大多不支持服务端渲染,也不支持动态标题。他们只是实现了前后端分离,这对于博客系统seo来说肯定是非常重要的,所以我干脆自己写了。这个项目也遇到了很多问题,因为基于服务端渲染的项目不多,加上自己的能力有限,所以花了很长时间。特别感谢@lincenying提供了登录功能的解决方案,这也是我在开发过程中遇到的最棘手的问题。本项目基于vue-hackernews-2.0开发,支持PWA(需升级为https)。演示地址:https://www.86886.wang,项目地址:https://github.com/wmui/essay开发环境及技术栈操作系统:windows1064位开发工具:webstromsublime前端:vue。js+vue-router+vuex后端:node.js+mongodb(使用express框架)特性支持服务端渲染支持标题动态切换支持PWA支持markdown语法,风格采用github风格,代码高亮支持保存文章为草稿支持标签归档功能pc终端效果图主页效果图代码高亮效果图后台发布页面后台文章列表修改个人信息手机效果图,使用chrome浏览器演示并添加到主屏幕启动效果主页效果文章页面效果查看本地运行项目,安装mongodb并开始安装git工具。clone项目到本地修改配置项信息,/server/settings.js。也可以默认不修改。默认用户名:q,默认密码:qletuser='q';letpass=md5('q');letavatar='avatar.jpg';//Avatarletintro='Nevertoooldtolearn';letnickname='vueblog';module.exports={dbUrl:'mongodb://localhost:27017/vueblog',user:user,pass:pass,avatar:avatar,intro:intro,nickname:nickname}打开本地终端,执行npmrundev,访问http://localhost:8080关于如何在线部署和部署https的总结,后续会更新相关教程。我会长期更新这个项目,希望能和大家一起学习进步。更新:本项目2.0版本基于Nuxt.js开发,后台使用Koa+Mongoose重写。GitHub:https://github.com/wmui/essay