blog3.0

나쁜 블로그?

巩固知识、打发时间이 프로젝트는 이 두 가지 점을 바탕으로 개발되었으며, 세부적인 부분에 결함이 있을 수 있습니다.

알아채다

프런트엔드 코드: ./front-end 인터페이스 코드: ./server 백그라운드 관리 코드: ./admin

?프로젝트 소개

관련 소개

블로그 테마 스타일은 YEVPT ps: 嘤嘤嘤를 기반으로 하며 그만큼 잘생기지 않았습니다.

1. 다중 사용자 블로그(누구나 기사를 게시할 수 있으며 기사를 검토해야 함) 멀티플레이어 스포츠???
2. 백엔드 동적 역할/권한(최고 관리자가 구성 가능)
3. 리소스 파일(그림, 특정 학습 자료 ) 중앙 집중식 관리
4. 전체 사이트 https
5. RESETful api 표준화

구성 지침

서버 구성(서버 디렉터리) 프로젝트는 현재 환경 변수( CONFIG_MODE )로 구별할 수 있는 file 및 nacos 라는 두 가지 구성 방법을 지원합니다.

 CONFIG_MODE=file | nacos # 二选一

1. 파일 구성은 서버 루트 디렉터리 app.config.[production|development].json 및 app.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 서블릿에 의해 작성되었으며 더 이상 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
알림: Tencent SMS/이메일

일부 구성 파일이 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. 이 프로젝트를 복제하세요

2. server/src/ _config server/src/ config 로 변경합니다.

3. server/src/config/default.conf.ts 파일에서 구성을 수정합니다.

4. 각 프로젝트에 종속성 설치

5. 서버 실행

cd server && npm run start:dev

5. 블로그 프런트엔드 실행

cd front-end && npm run dev

6. 관리 백그라운드 실행

cd admin && npm run serve