xzzblog

Prefacio

Este proyecto fue escrito principalmente para aprender. Aprendí nodo y luego siempre quise escribir mi propio sistema de blog, lo que puede facilitar el registro de mi sistema de conocimientos de aprendizaje.
Todos los códigos de front-end y back-end de este proyecto se colocan en este almacén, incluido el administrador de administración de back-end, el servidor del lado del servidor, la web de front-end de PC, el terminal móvil y la uniapp de front-end de miniprograma.
Se implementa en Tencent Student Cloud Service. Compré el servidor en la nube para estudiantes y el nombre de dominio durante varios años cuando estudiaba por mi cuenta en la universidad. Por lo general, juego con él, aprendo Linux, ejecutando scripts, creando sitios web y configurando. blogs. Es genial poder implementar el sitio web por mi cuenta y también me interesa aprender sobre el front-end.

Pila de tecnología principal

• Sistema de gestión backend: vue + elementui + vuex + vue-router + mavon-editor
• Servidor: koa + mysql + sequelize + jsonwebtoken
• Recepción de PC: vue + elementui + vuex + vue-router
• Terminal móvil y mini programa: uniapp

Vídeo de demostración

• Demostración detallada en video de la estación b: https://www.bilibili.com/video/BV1Ur4y1v7ko/

Vista previa del proyecto

• Recepción de PC: http://blog.jzzz66.cn
• Móvil H5: http://mblog.jzzz66.cn
• Mini programa WeChat: Blog de Zhuzhu
  

Modificación de la configuración del entorno operativo.

• Cree la base de datos myblog e importe xzzblog.sql en el directorio raíz del proyecto.
  Se recomienda utilizar el software Navicat para crear y administrar la base de datos. Cuenta de fondo inicial: admin Contraseña de fondo inicial: 123456.

Tenga en cuenta que la codificación de caracteres de la base de datos es: utf8mb4 y la regla de clasificación es: utf8mb4_unicode_ci

• Cambiar configuración 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",

proceso de inicio de sesión de github OAuth

1. Registre una aplicación de aplicación OAuth
2. Guardar client_id client_secret
3. Visite OBTENER: https://github.com/login/oauth/authorize?client_id=280ef327e24a011a6f05=user
4. Vaya a http://localhost:3000/auth?code=8b309c4c403f95 y guarde el campo de código.
5. https://github.com/login/oauth/access_token Cuerpo de solicitud POST:{client_id,client_secret,code} para obtener el token
6. https://api/github.com/user Solicitud POST: cuerpo:{client_id,client_secret} encabezado: {Autorización: token token}

nota final

• Este proyecto se actualizará y mantendrá continuamente. Si tiene alguna pregunta, no dude en contactarme en cualquier momento. Si le gusta, no olvide destacarlo.