本篇文章将会介绍如何使用nodejs+vuejs构建个人博客. 主要分三部分内容: 环境准备 博客后端管理系统(admin) 后端服务(主要提供admin及web端接口) 博客前端展示(web) 环境准备 nodejs 直接去官网下载最新的稳定版就好,以下为下载链接: https://nodejs.org/en/download/ vue-cli 这是一个强大的构建工具,使用它可以很方便的管理一个vue的项目,并且不需要更多的webpack配置.建议全局安装: npm install --glo

在今年年初的时候,完成了自己的个Fame博客系统的实现,当时也做了一篇博文Spring-boot+Vue = Fame 写blog的一次小结作为记录和介绍.从完成实现到现在,也断断续续的根据实际的使用情况进行更新. 只不过每次上线部署的时候都觉得有些麻烦,因为我的服务器内存太小,每次即使只更新了前台部分(fame-front)的代码,在执行npm build的时候都还必须把我的后端服务(fame-server)的进程关掉,不然会造成服务器卡死(惨啊). 而且这个项目是前后端分离的,博客前台页面还

源码 耗时半载(半个月)的大项目终于完成了.这是一个博客系统,使用 Vue 做前端框架,Node + express 做后端,数据库使用的是 MongoDB.实现了用户注册.用户登录.博客管理(文章的修改和删除).文章编辑(Markdown).标签分类等功能. 很早之前就想写一个个人博客.学了 Vue 之后,把前端部分写出来,然后 Node 一直拖拖拉拉的学了很久,中间又跑去实习了一段时间,所以直到回学校之后才列了个计划把这个项目实现了. 翻出之前写的前端部分,好丑啊,干脆推掉重写吧.前端模仿的

系统分为两端,分别实现. 管理员端: 功能 :个人信息,设置,发布随笔,随笔列表,删除随笔,查找,文章 等. 技术点:Boostrap + AdminLTE; 基于nodejs 实现的express 框架: MongoDB数据库: Mongoose 模块,操作数据库. 用户端: 功能:浏览随笔列表,查看随笔,文章类似,评论,点赞 等: 技术点:HTML + CSS + javascript 完成用户端页面及交互逻辑(使用博客模板): jquery 实现DOM操作,Ajax 数据对接. 博客系统目

感悟 历时两个多月,终于利用工作之余完成了这个项目的1.0版本,为什么要写这个项目?其实基于vuejs+nodejs构建的开源博客系统有很多,但是大多数不支持服务端渲染,也不支持动态标题,只是做到了前后端分离,对于博客类系统seo肯定很重要,索性就自己动手写了这个项目,其中也遇到了不少问题, 因为基于服务端渲染的项目不多,自己能力也有限,所以用了好长时间.这里特别感谢@lincenying,提供了登录功能的解决思路,也是我在开发过程中遇到最难解决的问题,本项目基于vue-hackernews-2

本项目是一个用vue和node以及mysql实现的一个简单的个人博客系统,整体逻辑比较简单.但是可以我们完整的了解一个项目从数据库到后端到前端的实现过程,适合不太懂这一块的朋友们拿来练手. 本项目所用到的技术和工具: 前端:vue,element-ui,axios,webpack,npm或者yarn,vuex,PWA 后端:express 数据库:mysql 开发工具:Vs Code,Navicat 部分展示页面: 项目结构目录: dist中是打包生成的文件,server中是关于后端服务器的配置

个人博客系统 前言 ❝ 代码质量问题轻点喷(去年才学的前端),有啥建议欢迎联系我,联系方式见最下方,感谢! 页面有啥bug也可以反馈给我,感谢! 这是一套包含前后端代码的个人博客系统,欢迎各位提出建议,本来打算用nuxt来书写,但是想学了react之后用next来写,后面会用reactSSR来重构! ❞ 博客该有的功能都有,可以写文章,可以评论,可以留言,甚至可以玩游戏(虽然还没完善),等等让你来发现. 这是一个小型的全栈项目,主要是检验并记录一下自己的学习成果 运用的技术Vue.Vue-Cli

本章主要讲什么(一句话)?   <项目实战:基于Angular2+Mongodb+Node技术实现的多用户博客系统教程(2)> -- 基于MongoDB的MyBlog数据库知识技术储备(上) 一.前言 在开始正式讲解本系统前,我们可能需要给大家准备一些基本知识的储备,本节我们将会给大家快速的补充一下本系统必须的MongoDB部分的知识点,具体包括以下内容: 了解什么是MongoDB以及MongoDB的特性 掌握MongoDB最常见的用法 二.认识非关系型数据库MongoDB 2.1.Mongo

很久没更新博客,最近也有点忙,然后业余时间搞了一个比较完整基于react全家桶+antd-design+webpack2+node+express+mongodb开发的前后台博客系统的流程系统,希望对大家有所帮助,先把源码地址发上,后面完成后,优化之后附上教程,各位对你有帮助,不要宁舍你的star哦.点此查看源码

是使用 ES2015+ 特性写的,使用了 ThinkJS 框架,后台使用了 React. 完全使用 Markdown 来写文章,还可以把文章推送到团队博客系统中(团队博客也需要使用该系统). 项目地址: https://github.com/75team/firekylin

感悟 历时两个多月,终于利用工作之余完成了这个项目的1.0版本,为什么要写这个项目?其实基于vuejs+nodejs构建的开源博客系统有很多,但是大多数不支持服务端渲染,也不支持动态标题,只是做到了前后端分离,对于博客类系统seo肯定很重要,索性就自己动手写了这个项目,其中也遇到了不少问题, 因为基于服务端渲染的项目不多,自己能力也有限,所以用了好长时间.这里特别感谢@lincenying,提供了登录功能的解决思路,也是我在开发过程中遇到最难解决的问题,本项目基于vue-hackernews-2

Hexo 是一个快速,轻量,强大的 Node.js 博客框架.带给你难以置信的编译速度,瞬间生成静态文件:支持 Markdown,甚至可以在 Hexo 中集合 Octopress 插件:只需要一个命令就可以部署到 GitHub Pages,Heroku 或其他网站:拥有强大的插件系统,可以轻松扩展. 在线演示      源码下载 安装: $ npm install hexo-cli -g 创建博客: $ hexo init blog $ cd blog $ npm install 启动服务: $

系统目录及源码由此进入 目录 1. 开发前准备 1.1 技术选型1.2 整体设计1.3 构建开发 2. 技术点 2.1 react2.2 redux, react-router2.3 server-render 3. 总结 正文 1. 开发前准备 1. 1 技术选型 对于个人的博客系统而言,服务器计算能力往往不是需要考虑,而其中的 I/O 操作是比较复杂的,同理对前端的交互要求也是较高的,所以这次主要还是围绕 Node系 ,React系 框架进行开发.对于 2016 年后的互联网产品, Reac

Node.js 博客搭建 一. 学习需求 Node 的安装运行 会安装node,搭建node环境 会运行node. 基础模块的使用 Buffer:二进制数据处理模块 Event:事件模块 fs:文件系统模块 Net:网络模块 Http:http模块 ... NPM(node包管理工具) 第三方node模块(包)的管理工具,可以使用该下载工具安装第三方模块.,当然也可以创建上传自己的模块. 参考 假定已经理解并掌握了入门教程的所有内容.在易出错的地方将进行简要的说明. 其它 这是最不起眼,但也是最

好久之前就想做一下自己的博客系统了,但是在网上查了查好像是需要会一些Node.js的相关知识,而且还要安装辣么多的库什么的,就不想碰了.但是我遇到了Django这么一款神器,没想到我的博客系统就这么建立起来了.虽然是最基础的类型.但是也算是成功了,这篇博客比较适合对Django有了一定了解的童鞋,如果是新手的话,建议先看一下django的基础知识点再来做实验,这样效率更高! 好了,话不多说,开始吧. 搭建框架 创建项目及应用 搭建框架的意思,就是安装Django以及做好相关的配置.因为我是在Py

由于时间关系,多人博客系统这里穿插一个2.0版本. 2.0版本本来是打算用于建立个人网站,但是后来发现个人建站需要购买域名服务器,还需要备案,很繁琐.最终放弃.完成此版本,最终也只是作为技术演练.此版本设计和开发都很快和很粗燥,当时想着能快速上线. 2.0版本特性: 1.单人博客. 2.后台使用spring boot单体应用,数据库使用mariadb. 3.前端使用vue.js. 4.docker部署. 缺点: 1.设计粗糙,界面丑陋. 2.vue学习不全部,导致前端很多地方vue使用不当. 2

前言 转眼间距离我开源这个项目已经两年了,最初是奔着学习的目的开发了这个项目,后来一直记录自己的学习笔记.随着时间的增长,发现之前写的代码简直不忍直视,于是就有了重构的想法.这个过程有些漫长,竟然用了整整四个月的业余时间,但是为了能开发出自己心目中满意的博客系统,我还是决定入坑了 分类功能 为了方便查找文章,添加了分类功能.分类支持创建私有分类和公开分类,之所以开发这个功能,是为了方便写不能公开的文章,比如你可以创建一个日记分类.私有分类下的文章只有博主自己能看到,它在前台的显示效果如下图 进入

最近想使用Ghost搭建自己的博客网站,网上搜索了下大多都是1.0之前版本搭建的文章,但是Ghost1.0版本已经可用好一段时间了,所以决定根据官方文档搭建Ghost1.0版本的博客系统. 下面开始一步步讲解在自己服务器上搭建.安装.配置Ghost的过程. 搭建准备 Ubuntu 16.04服务器 至少 1GB 内存 域名认证成功 不要被这么多清单吓到,基本上只需要一个内存1GB的Ubuntu 16.04系统服务器.一个备案成功的域名就行了,其他的会在后面的步骤中安装完成. 服务器设置 安装Gh

nuxt.js第三方插件的使用?路由的配置pages目录自动生成路由layoutsdefault.vueerror.vueVuex的使用权限篇Mysqladvice nuxt.js 追求完美,相信大家都是这样的.因为前后端分离的弊端性,在项目构建时,浏览器并不会捕捉到项目的内容,所以开始,笔者决定引入nuxt.js文件来配合vue完成Server Slider Render博客系统开发.服务端渲染以下简称SSR,不知道nuxt的童鞋可以去nuxt官网了解一哈. 声明:一下代码案例结合vue理解.

也许这个教程部署不是特别详细,因为我主要是参考这个链接:https://blog.csdn.net/weixin_39879178/article/details/80319392 感觉这里已经写的很详细了,所以有些我也就不再重复了.完全小白可以参考这个链接.有一定的基础,可以参考我的这个教程安装.必定能马到成功. hexo博客系统需要node.js的环境,因为需要安装对应的依赖库.同时还需要git客户端. 关于node.js下载或者是git客户端下载,大家可以参考如下链接: node.js官网

之前由于学摄影的关系,为了提高自己的审美,顺便锻炼下自己的英文能力,翻译了不少国外艺术类的 文章.最近一直想搭一个个人博客来存放这些内容,又懒得折腾建站,遂一直搁置. 直到偶然发现了 docsify 和 Serverless Framework,建站一下子变得特别容易 -- 用 docsify 创建博客系统,然后用 Serverless Framework 部署服务,三分钟就搞定了! 简单介绍一下: docsify:一个神奇的文档网站生成工具,不同于 GitBook.Hexo 的地方是它不会生成