All Projects → warriorBrian → Nuxt Blog

warriorBrian / Nuxt Blog

Licence: mit
基于Nuxt.js服务器渲染(SSR)搭建的个人博客系统

Programming Languages

javascript
184084 projects - #8 most used programming language
es6
455 projects

Projects that are alternatives of or similar to Nuxt Blog

Naice Blog
😺 新的博客上线啦
Stars: ✭ 93 (-66.43%)
Mutual labels:  mongodb, nuxt, axios, ssr
Vue Mall Mobile
🔥 vue + koa + mongodb 搭建 mobile web 商城 (End。。。)
Stars: ✭ 201 (-27.44%)
Mutual labels:  mongoose, mongodb, koa2, axios
Smarthome
💡 智能电器管理综合系统
Stars: ✭ 33 (-88.09%)
Mutual labels:  mongodb, koa2, axios
Vue Blog
A single-user blog built with vue2, koa2 and mongodb which supports Server-Side Rendering
Stars: ✭ 586 (+111.55%)
Mutual labels:  mongoose, koa2, axios
task-manager
Open-source task manager based on Kanban. Made with vue.js, koa2, mongodb\mongoose.
Stars: ✭ 23 (-91.7%)
Mutual labels:  mongoose, nuxt, koa2
login push
vue+koa2+jwt实现单点登录 + todolist增删改查
Stars: ✭ 20 (-92.78%)
Mutual labels:  mongoose, axios, koa2
Nuxt Ssr
✨vue+nuxt+sass+node+express+MongoDB 实现的SSR项目。
Stars: ✭ 323 (+16.61%)
Mutual labels:  mongodb, axios, ssr
jooger.me
👍 My personal website,powered by @nuxt
Stars: ✭ 39 (-85.92%)
Mutual labels:  ssr, nuxt, axios
Vue Webpack Config
Koa2、Webpack、Vue、React、Node
Stars: ✭ 151 (-45.49%)
Mutual labels:  koa2, axios, ssr
Vue Family Bucket Ssr Koa2 Full Stack Development From Meituan
🚀🚀2020最新Vue全家桶+SSR+Koa2全栈开发☁
Stars: ✭ 100 (-63.9%)
Mutual labels:  mongoose, mongodb, ssr
Node React Ecommerce
Build ECommerce Website Like Amazon By React & Node & MongoDB
Stars: ✭ 1,080 (+289.89%)
Mutual labels:  mongoose, mongodb, axios
Koa Restful Boilerplate
Koa 2 RESTful API boilerplate
Stars: ✭ 146 (-47.29%)
Mutual labels:  mongoose, mongodb, koa2
Auth Module
auth.nuxtjs.org
Stars: ✭ 1,624 (+486.28%)
Mutual labels:  nuxt, axios, ssr
Axios Module
Secure and easy axios integration with Nuxt.js
Stars: ✭ 998 (+260.29%)
Mutual labels:  nuxt, axios, ssr
Blog Front
blog-front @nuxt
Stars: ✭ 305 (+10.11%)
Mutual labels:  nuxt, axios, ssr
Essay
A blog system based on Nuxt.js
Stars: ✭ 913 (+229.6%)
Mutual labels:  mongoose, nuxt, ssr
Vue Element Responsive Demo
基于 Vue + Element 的响应式后台模板
Stars: ✭ 54 (-80.51%)
Mutual labels:  mongoose, mongodb, koa2
Blog Service
blog service @nestjs
Stars: ✭ 188 (-32.13%)
Mutual labels:  mongoose, mongodb, koa2
N2ex
🌈 V2ex built with Nuxt.js (vue&ssr)
Stars: ✭ 260 (-6.14%)
Mutual labels:  nuxt, axios, ssr
nuxt-handson
Nuxt.js Hands-On
Stars: ✭ 24 (-91.34%)
Mutual labels:  nuxt, axios

nuxt-blog

基于Nuxt.js服务器渲染(SSR)构建的个人博客系统

线上地址: Brian's Blog

🚧 2.X 版本地址


环境规范:

Vue.js >= 2.0

Nuxt.js >= 1.0.0

Node.js > 8.0

MongoDB >= v3.6.3

目录说明:

  • nuxt/:前端UI界面

  • server/:后端服务功能

  • serviceUI/:后端UI界面源码

⚠️ 使用前准备

暂时不支持后台修改用户名,后续会增加。所以需要准备工作如下:

# 1. 进入blog库

$ use blog

# 2. 插入登录用户名及密码

$ db.users.insert({username:'demo',password:'626dd3c7157d6460664c3b5c3778c96c'})

# 3. 用户名及密码登录

用户名为:demo

密码为:123456

特别注意:必须要先在数据库里面插入用户名及密码,否则后台无法登陆!!!

🚀 构建与运行

特别注意:构建与运行及详情在每个目录下的readme说明,点击目录即可阅读!

暂不支持移动端,正在开发移动端版本中...

# nuxt localhost:8081

$ npm install

# server localhost:3000

$ npm install

# serviceUI localhost:8082

$ npm install

🔥 常见问题

Q:每个目录都是干嘛的?

├── nuxt/                            前端项目目录
├── server/                          后端项目目录
└── serviceUI/                        后端管理页面目录

Q:为什么我登录不了后台?

  1. 请确认已经装好mongoDB数据库,并且连接成功。

  2. 请确认已经按照使用前准备成功插入账号和密码

  3. 后台目录分为两个:

  • server/: 后端服务功能目录

  • serviceUI/: 后端UI界面源码

如果您是想在本地运行项目,请运行 serviceUI/目录:

# 运行

$ npm run dev

server/目录,如果访问localhost:3000,是被打包过的vue源码所以它的process.env.NODE_ENV会自动判断为production(生产环境)。

被打包过的vue源码,放在public/目录下,连接为真实线上环境,所以想在本地调试:请运行serviceUI/目录。

部分效果图展示

部分效果图文章跳转链接

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].