资讯专栏INFORMATION COLUMN

node-blog:用 node 搭建的个人开源博客

guyan0319 / 3138人阅读

摘要:项目地址这个项目是为了学习而建的,从前端到后端一手包办。相对来说,还是有一定难度的,适合有一定编程基础的人进阶学习。教程一教程二在安装完后,克隆项目。

项目地址

这个项目是为了学习 node 而建的,从前端到后端一手包办。相对来说,还是有一定难度的,适合有一定编程基础的人进阶学习。

如果有问题,欢迎提 issues

注意,本项目的前后端代码都是放在一起的,前端代码放在 src 目录,后端代码放在 server 目录。

相关文档

多个请求下 loading 的展示与关闭

Vue 实现前进刷新,后退不刷新的效果

Vue 页面权限控制和登陆验证

用 node 搭建个人博客(一):代码热更新

用 node 搭建个人博客(二):导出模块同时兼容 import 和 require

用 node 搭建个人博客(三):token

用 node 搭建个人博客(四):评论功能

用 node 搭建个人博客(五):数据库

前端页面

首页(index)

包含内容及标签子页面

编辑(editor)

登陆(login)

管理(manage)

使用的库、框架 前端

vue

vue-router

vuex

vue-markdown

iview

axios

后端

node

express

jsonwebtoken

数据库

mongodb

测试

mocha

使用 注意

登陆入口在页面脚部的 Copyright ©2019 woai3c

博客内容、评论使用的都是 markdown 语法

需要先下载 mongodb,建议按照windows 安装教程一步步安装。

mongodb 教程一

mongodb 教程二

在安装完 mongodb 后,克隆项目。

git clone git@github.com:woai3c/node-blog.git

在运行前还得进行一些准备工作:

因为没有注册功能,所以在使用前需要先把用户信息添加到数据库。

打开 mongod.exe,再打开 mongo.exe,在 mongo.exe 打开的命令行进行如下操作:

创建数据库

use blog

创建 user 集合,用来保存用户信息

db.createCollection("user")

添加用户信息

db.user.insert({
    user: "admin", // 用户名 随意填写
    password: "admin", // 密码 随意填写
    visits: 0, // 博客访问次数 每次刷新网站 自增1
    token: "", // 用户登录创建 token 后,保存在这
})

接下来就可以开始运行项目了。

安装依赖

npm i

开发环境(前端代码热更新,修改完即可查看效果,后端代码修改完需要重启服务)

npm run dev

生产环境 (打包并开启服务,打包过程有点长,需求等待)

npm run build

测试

npm run test

访问地址

http://localhost:8080/

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

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

相关文章

  • NodeJS+Express搭建个人博客-环境搭建(一)

    摘要:本项目持续更新中,开源免费与各位爱好技术达人共勉,注现阶段仍在开发中。。。。。 NodeJS+Express+MongoDb开发的个人博客 NodeJS+Express搭建个人博客-环境搭建(一)NodeJS+Express搭建个人博客-gulp自动化构建工具使用(二)NodeJS+Express搭建个人博客-Express+Mongodb组合架构介绍(三)NodeJS+Express...

    Clect 评论0 收藏0
  • Node.js从入门到上线》入门篇 (持续更新中)

    摘要:最近利用空闲时间写了一个从入门到上线的的实战教程从入门到上线目前还在更新中,入门篇已基本成型。本项目使用语法,采用搭建了一个博客系统,实现了文章管理用户登录注册权限控制分类管理等功能。实现线上部署左手代码右手砖抛砖引玉 最近利用空闲时间写了一个从入门到上线的的node实战教程《Node.js从入门到上线》A blog build with Koa2. 目前还在更新中,入门篇已基本成型。...

    CocoaChina 评论0 收藏0
  • 使Ghost搭建个人博客

    摘要:使用搭建个人博客作为一个技术人员,一般都会有写一些博客,分享一些文章咱们做技术的就是爱分享。下面我就简单讲解一下在系统下如何使用搭建搭建个人博客网站。 使用Ghost搭建个人博客 作为一个技术人员,一般都会有写一些博客,分享一些文章(咱们做技术的就是爱分享)。因此也诞生了非常多的开源博客系统,比如像wordpress也是目前世界最流行,应用最广的一个天源博客系统,有非常多的插件及模版。...

    Developer 评论0 收藏0
  • 使Ghost搭建个人博客

    摘要:使用搭建个人博客作为一个技术人员,一般都会有写一些博客,分享一些文章咱们做技术的就是爱分享。下面我就简单讲解一下在系统下如何使用搭建搭建个人博客网站。 使用Ghost搭建个人博客 作为一个技术人员,一般都会有写一些博客,分享一些文章(咱们做技术的就是爱分享)。因此也诞生了非常多的开源博客系统,比如像wordpress也是目前世界最流行,应用最广的一个天源博客系统,有非常多的插件及模版。...

    PAMPANG 评论0 收藏0
  • 使Ghost搭建个人博客

    摘要:使用搭建个人博客作为一个技术人员,一般都会有写一些博客,分享一些文章咱们做技术的就是爱分享。下面我就简单讲解一下在系统下如何使用搭建搭建个人博客网站。 使用Ghost搭建个人博客 作为一个技术人员,一般都会有写一些博客,分享一些文章(咱们做技术的就是爱分享)。因此也诞生了非常多的开源博客系统,比如像wordpress也是目前世界最流行,应用最广的一个天源博客系统,有非常多的插件及模版。...

    dreamtecher 评论0 收藏0

发表评论

0条评论

guyan0319

|高级讲师

TA的文章

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