# nuxt-blog

**Repository Path**: rainbowecho/nuxt-blog

## Basic Information

- **Project Name**: nuxt-blog
- **Description**: 基于nuxt.js和vue.js，使用了bootstrapVue以及ElementUI组件框架进行实现响应式且支持服务器端渲染的blog前端程序
- **Primary Language**: JavaScript
- **License**: GPL-3.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 16
- **Forks**: 0
- **Created**: 2019-12-05
- **Last Updated**: 2022-12-17

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# nuxt-blog

本项目是基于nuxt.js和vue.js开发的个人博客前台门户网站，使用了BootstrapVue和ElementUI框架进行样式的丰富，实现了响应式布局与SSR服务器端渲染的效果。非常适合用于nuxt.js入门以及想要创建SSR端网站的开发者。

本项目本身也是对我自己另一个项目的增强，见：https://gitee.com/rainbowecho/vue-element-blog

未来此项目将会添加Dockerfile使其镜像化，便于发布与部署。

## Build Setup

``` bash
# install dependencies
$ npm run install

# serve with hot reload at localhost:3000
$ npm run dev

# build for production and launch server
$ npm run build
$ npm run start

# generate static project
$ npm run generate
```

For detailed explanation on how things work, check out [Nuxt.js docs](https://nuxtjs.org).

## 运行效果

### pc端效果

![nxut-blog-index](./assets/result/nxut-blog-index.jpg)
![nxut-blog-index-2](./assets/result/nxut-blog-index-2.jpg)
![nuxt-blog-post-index](./assets/result/nuxt-blog-post-index.jpg)
![nuxt-blog-post-index-2](./assets/result/nuxt-blog-post-index-2.jpg)
![nuxt-blog-message-index](./assets/result/nuxt-blog-message-index.jpg)

### 移动端效果

![nuxt-blog-mobile-index](./assets/result/nuxt-blog-mobile-index.jpg)
![nuxt-blog-mobile--ipad-index](./assets/result/nuxt-blog-mobile--ipad-index.jpg)
![nuxt-blog-mobile-post-index](./assets/result/nuxt-blog-mobile-post-index.jpg)

## 最后

欢迎PR和fork，如果觉得不错的话希望点个star！！