Skip to content

个人博客V3.0 目前使用的技术(Nuxtjs + Nestjs + Vue + Element ui + vuetify),存储(MongoDB + Redis + COS)。Personal blog V3.0, Current technology (Nuxtjs + Nestjs + Vue + Element UI + Vuetify), storage (MongoDB + Redis + COS).

notbucai/blog3.0

Repository files navigation

不才的博客😎

巩固知识、打发时间 本项目基于这两点进行开发,细节上可能存在缺陷。

注意

前端代码为: ./front-end 接口代码为: ./server 后台管理代码为: ./admin

🤩项目介绍

相关介绍

博客主题样式根据 YEVPT ps: 嘤嘤嘤,还没他的好看

  1. 多人博客(每个人都可以发布文章,文章需审核)多人运动???
  2. 后台动态角色/权限(超级管理员可进行配置)
  3. 资源文件(图片、某些学习资料)集中管理
  4. 全站https
  5. RESETful api规范化

配置说明

服务端配置(server目录) 项目当前支持两种配置方式 filenacos,可通过环境变量进行区分(CONFIG_MODE)。

CONFIG_MODE=file | nacos # 二选一
  1. file 配置通过server根目录 app.config.[production|development].jsonapp.config.json 进行合并注入配置。
  2. nacos 通过环境变量注入
NACOS_SERVER_ADDR=localhost:8848 # 地址
NACOS_NAMESPACE=dev # 命名空间
NACOS_DATA_ID=blog # 数据ID
NACOS_GROUP=DEFAULT_GROUP # 组ID
NACOS_USERNAME=dev_test # 用户名
NACOS_PASSWORD=111111 # 密码

🤬历史版本介绍

都是在校的时候写的

第一版是java servlet写的 现在已经没有维护了1.0
第二版是koa+mongo+ejs+bootstrap+jquery+layui 目前已经关闭,文章数据已迁移[githubh2.0] [线上地址]

🙈未完成的

  1. 消息通知(完全没做,大哭)
  2. 点赞/喜欢功能 (预留)
  3. 忘了。🙊(日常记性不行)
  4. 细节方面

展示

👾技术栈

博客有点为了堆技术栈而堆技术栈的感觉。本人表示已经实锤了!!!
原本是打算直接3n框架直接撸的,还是太懒了。。

大体: nest/nuxt/vue
UI: ElementUI/Vuetify
数据储存: mongo/redis/cookie/localStoreage
通知:腾讯sms/email

部分配置文件没有上传到github,之后进行简化后上传 [GitHub] [线上地址]

部署

采用Docker进行容器化部署

tar --exclude=node_modules --exclude=dist --exclude=.nuxt --exclude=_config --exclude=.DS_Store --exclude=.git -zcvf ../blog3.tar.gz .
docker-compose up --build
docker-compose up -d

博客前端

使用 Nuxtjs + Vuetify.js

服务端

使用 nestjs + mongodb + redis + cos

管理平台

使用 Vuejs + Element UI

😴目录结构

├── README.md            # 自述
├── admin                # 管理页面
│   ├── Dockerfile              # 管理页面 Dockerfile 配置 (ps: 目前无用)
│   ├── README.md               # 管理页面自述
│   ├── package.json
│   ├── public
│   ├── src                     # 项目目录
│   └── vue.config.js           # vue 配置文件
├── docker-compose.yml   # docker-compose 配置文件
├── front-end            # 博客前台页面
│   ├── Dockerfile
│   ├── README.md
│   ├── assets
│   ├── components
│   ├── constant
│   ├── jsconfig.json
│   ├── layouts
│   ├── middleware
│   ├── nuxt.config.js
│   ├── package-lock.json
│   ├── package.json
│   ├── pages
│   ├── plugins
│   ├── server
│   ├── static
│   ├── store
│   └── utils
├── package.json
└── server                # 博客服务端
    ├── Dockerfile
    ├── README.md
    ├── dist
    ├── nest-cli.json
    ├── package-lock.json
    ├── package.json
    ├── src
    ├── test
    ├── tsconfig.build.json
    ├── tsconfig.json
    ├── tslint.json
    ├── views
    └── yarn.lock

项目开发进度

2020-06-22 基础版本 项目部署
2020-07-02 交互功能基本完善

💥如何运行?

  1. clone 本项目

  2. 将 server/src/_config 改成server/src/config

  3. 修改 server/src/config/default.conf.ts 文件中的配置

  4. 安装个个项目中的依赖

  5. 运行服务端

cd server && npm run start:dev

  1. 运行博客前端

cd front-end && npm run dev

  1. 运行管理后台

cd admin && npm run serve

About

个人博客V3.0 目前使用的技术(Nuxtjs + Nestjs + Vue + Element ui + vuetify),存储(MongoDB + Redis + COS)。Personal blog V3.0, Current technology (Nuxtjs + Nestjs + Vue + Element UI + Vuetify), storage (MongoDB + Redis + COS).

Topics

Resources

Stars

Watchers

Forks

Packages

No packages published