# qixiao_blog_nuxt3

**Repository Path**: qq651901286/qixiao_blog_nuxt3

## Basic Information

- **Project Name**: qixiao_blog_nuxt3
- **Description**: 这是一个基于SSR技术，使用Nuxt3+Vue3开发的博客系统，主要是记录个人的一些东西，适合新手参考，主要是记录 自己学过的知识
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: http://139.159.227.116:3000/
- **GVP Project**: No

## Statistics

- **Stars**: 3
- **Forks**: 0
- **Created**: 2023-08-30
- **Last Updated**: 2024-02-02

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 项目介绍

<img src="https://china-qixiao.oss-cn-beijing.aliyuncs.com/qixiao-blog/logo.png" style="zoom:25%;" />这是一个博客系统，主要是记录个人的一些东西，适合新手学习的一个项目，主要是记录
自己学过的知识
因时间有限，该项目现在更新很慢

## 技术栈
- Nuxt3
- Vue3
- pinia
- sass
- element-plus
- md-editor-v3
- SpringBoot
- Mybatis-plus

## 代码仓库：
- [前端](https://gitee.com/qq651901286/qixiao_blog_nuxt3/tree/master)

- [后端](https://gitee.com/qq651901286/qixiao-blog-springboot-api)

  后台代码暂未开源，还在开发中


## 演示地址

前台地址：http://139.159.227.116:3000/
后台地址：TODO

# 项目文档

## 前端项目运行

```cmd
pnpm install

pnpm run dev

打包
pnpm run build
注意打包之后运行，需要将node_modules/@popperjs复制到.output/server/node_modules里面去，不然没办法运行
可以使用node，也可以使用pm2
```
## 后端运行

```
准备好jdk 1.8环境

下面配置可以省略，因为作者已为大家准备好云数据库，麻烦大家别乱瞎搞哈，瞎搞坏了，谢谢

创建数据库导入SQL  src/main/resources/qixiao_blog.sql

修改数据库等配置
```



## 项目说明

- 前台使用Nuxt  Jdk1.8+StringBoot2+Mybatis-plus
- 后台使用Vue3  Jkd17+StringBoot3+Mybatis-plus
- 前台基本完成
- 后台只有简单数据的CRUD

## 一些运行效果图
![image-20231210124927280](https://qixiao-study.oss-cn-beijing.aliyuncs.com/md/image-20231210124927280.png)

![image-20231210125140773](https://qixiao-study.oss-cn-beijing.aliyuncs.com/md/image-20231210125140773.png)

![image-20231210125211464](https://qixiao-study.oss-cn-beijing.aliyuncs.com/md/image-20231210125211464.png)

# 未来计划

- 修复目前的bug
- 开发后台

# 作者

<img src="https://china-qixiao.oss-cn-beijing.aliyuncs.com/myPicture/qq.jpg" style="zoom:50%;" />

# 打赏

<img src="https://china-qixiao.oss-cn-beijing.aliyuncs.com/myPicture/wechat.jpg" style="zoom:50%;" />

<img src="https://china-qixiao.oss-cn-beijing.aliyuncs.com/myPicture/alipay.jpg" alt=" " style="zoom:50%;" />


# 感谢
[maku](https://maku.net/)
由于太多了，只列一个，具体自己查看代码吧