xzzblog 다운로드 - xzzblog 소스 코드 다운로드

xzzblog

기타 카테고리

1.0.0

다운로드

머리말

이 프로젝트는 주로 학습을 위해 작성되었습니다. 우연히 노드를 알게 되었고, 학습 지식 시스템을 더 쉽게 기록할 수 있는 나만의 블로그 시스템을 작성하고 싶었습니다.
이 프로젝트의 프론트엔드 및 백엔드 코드는 백엔드 관리 관리자, 서버측 서버, PC 프론트엔드 웹, 모바일 터미널 및 미니 프로그램 프론트엔드 유니앱을 포함하여 모두 이 창고에 배치됩니다.
Tencent Student Cloud Service에 배포되었습니다. 저는 대학에서 혼자 공부할 때 몇 년 동안 학생 클라우드 서버와 도메인 이름을 구입하여 Linux를 배우고, 스크립트를 실행하고, 웹사이트를 구축하고, 설정했습니다. 블로그. 웹사이트를 직접 배포할 수 있다는 점은 프론트 엔드 학습에 관심을 가지게 합니다.

주요 기술 스택

백엔드 관리 시스템: vue + elementui + vuex + vue-router + mavon-editor
서버: koa + mysql + 후속작 + jsonwebtoken
PC 프런트 데스크: vue + elementui + vuex + vue-router
모바일 단말기 및 미니 프로그램: uniapp

비디오 데모

b국 상세 영상 시연: https://www.bilibili.com/video/BV1Ur4y1v7ko/

프로젝트 미리보기

PC 프론트 데스크: http://blog.jzzz66.cn
모바일 H5: http://mblog.jzzz66.cn
WeChat 미니 프로그램: Zhuzhu 블로그

운영 환경 구성 수정

데이터베이스 myblog를 생성하고 프로젝트 루트 디렉터리에 xzzblog.sql을 가져옵니다.
데이터베이스를 생성하고 관리하려면 Navicat 소프트웨어를 사용하는 것이 좋습니다. 초기 백그라운드 계정: admin 초기 백그라운드 비밀번호: 123456

데이터베이스 문자 인코딩은 utf8mb4이고 정렬 규칙은 utf8mb4_unicode_ci입니다.

구성 변경 xzzblog-serve/config/index.js

 // 发送邮件配置
  NODEMAILER: {
    email: "[email protected]",
    pass: "",
    IMAP: "", // qq邮箱授权码
    POP3: "", // qq邮箱授权码
  },
  // 数据库配置
  MYSQL: {
    HOST: "127.0.0.1", // 数据库地址
    DATABASE: "myblog", // 数据库名
    USER: "root",  // 数据库用户名
    PASSWORD: "123456", // 数据库 密码
  },
  // 阿里云上传图片配置
  oss: {
    region: "oss-cn-guangzhou",
    accessKeyId: "",
    accessKeySecret: "",
    bucket: "",
  },
  // github登录授权配置
  client_secret: "f81479d7b37785afec4072e9783d1337a89e5c79",
  client_id: "280ef327e24a011a6f05",

github OAuth 로그인 프로세스

OAuth APP 애플리케이션 등록
client_id client_secret 저장
GET 방문: https://github.com/login/oauth/authorize?client_id=280ef327e24a011a6f05=user
http://localhost:3000/auth?code=8b309c4c403f95로 이동하여 코드 필드를 저장합니다.
https://github.com/login/oauth/access_token 토큰을 얻기 위한 POST 요청 본문:{client_id,client_secret,code}
https://api/github.com/user POST 요청: body:{client_id,client_secret} 헤더: {Authorization: token token}