xzzblog

Prefácio

Este projeto foi escrito principalmente para aprendizado. Acontece que aprendi o nó e sempre quis escrever meu próprio sistema de blog, o que pode facilitar o registro do meu sistema de conhecimento de aprendizagem.
Os códigos front-end e back-end deste projeto são todos colocados neste armazém, incluindo o administrador de gerenciamento back-end, servidor do lado do servidor, web front-end de PC, terminal móvel e uniapp front-end de miniprograma.
Ele é implantado no Tencent Student Cloud Service. Comprei o servidor em nuvem e o nome de domínio do aluno por vários anos, quando estava estudando sozinho na faculdade. Geralmente mexo com ele, aprendendo Linux, executando scripts, construindo sites e configurando. blogs. É muito legal poder implantar o site sozinho também me interessa em aprender front-end.

Pilha principal de tecnologia

• Sistema de gerenciamento de back-end: vue + elementui + vuex + vue-router + mavon-editor
• Servidor: koa + mysql + sequelize + jsonwebtoken
• Recepção do PC: vue + elementui + vuex + vue-router
• Terminal móvel e miniprograma: uniapp

Demonstração em vídeo

• Demonstração detalhada em vídeo da estação b: https://www.bilibili.com/video/BV1Ur4y1v7ko/

Visualização do projeto

• Recepção do PC: http://blog.jzzz66.cn
• H5 móvel: http://mblog.jzzz66.cn
• Miniprograma WeChat: Blog Zhuzhu
  

Modificação da configuração do ambiente operacional

• Crie o banco de dados myblog e importe xzzblog.sql no diretório raiz do projeto
  Recomenda-se usar o software Navicat para criar e gerenciar o banco de dados Conta inicial de segundo plano: admin Senha inicial de segundo plano: 123456.

Observe que a codificação de caracteres do banco de dados é: utf8mb4 e a regra de classificação é: utf8mb4_unicode_ci

• Alterar configuração 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",

Processo de login do GitHub OAuth

1. Registre um aplicativo OAuth APP
2. Salvar client_id client_secret
3. Visite GET: https://github.com/login/oauth/authorize?client_id=280ef327e24a011a6f05=user
4. Vá para http://localhost:3000/auth?code=8b309c4c403f95 e salve o campo de código.
5. https://github.com/login/oauth/access_token Corpo da solicitação POST:{client_id,client_secret,code} para obter o token
6. https://api/github.com/user Solicitação POST: corpo:{client_id,client_secret} cabeçalho: {Autorização: token token}

Nota final

• Este projeto será continuamente atualizado e mantido. Se você tiver alguma dúvida, sinta-se à vontade para entrar em contato comigo a qualquer momento. Se gostar, não se esqueça de marcá-lo.