xzzblog

Préface

Ce projet a été principalement écrit pour l'apprentissage. Il m'est arrivé d'apprendre le nœud, puis j'ai toujours voulu écrire mon propre système de blog, ce qui peut faciliter l'enregistrement de mon système de connaissances d'apprentissage.
Les codes front-end et back-end de ce projet sont tous placés dans cet entrepôt, y compris l'administrateur de gestion back-end, le serveur côté serveur, le web front-end PC, le terminal mobile et le mini-programme uniapp front-end.
Il est déployé sur Tencent Student Cloud Service. J'ai acheté le serveur cloud et le nom de domaine des étudiants pendant plusieurs années lorsque j'étudiais seul à l'université. Je m'en amuse habituellement, en apprenant Linux, en exécutant des scripts, en créant des sites Web et en configurant. les blogs. C'est très cool. Pouvoir déployer le site Web par moi-même m'intéresse également à l'apprentissage du front-end.

Pile technologique principale

• Système de gestion backend : vue + elementui + vuex + vue-router + mavon-editor
• Serveur : koa + mysql + sequelize + jsonwebtoken
• Réception PC : vue + elementui + vuex + vue-router
• Terminal mobile et mini programme : uniapp

Démonstration vidéo

• Démonstration vidéo détaillée de la station b : https://www.bilibili.com/video/BV1Ur4y1v7ko/

Aperçu du projet

• Réception PC : http://blog.jzzz66.cn
• Mobile H5 : http://mblog.jzzz66.cn
• Mini-programme WeChat : Blog Zhuzhu
  

Modification de la configuration de l'environnement d'exploitation

• Créez la base de données myblog et importez xzzblog.sql dans le répertoire racine du projet
  Il est recommandé d'utiliser le logiciel Navicat pour créer et gérer la base de données Compte initial en arrière-plan : admin Mot de passe initial en arrière-plan : 123456.

Notez que le codage des caractères de la base de données est : utf8mb4 et la règle de tri est : utf8mb4_unicode_ci.

• Modifier la configuration 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",

Processus de connexion github OAuth

1. Enregistrez une application OAuth APP
2. Enregistrer client_id client_secret
3. Visitez GET : https://github.com/login/oauth/authorize?client_id=280ef327e24a011a6f05=user
4. Accédez à http://localhost:3000/auth?code=8b309c4c403f95 et enregistrez le champ de code.
5. https://github.com/login/oauth/access_token Corps de la requête POST :{client_id,client_secret,code} pour obtenir le jeton
6. https://api/github.com/user Requête POST : corps : {client_id,client_secret} en-tête : {Autorisation : jeton jeton}

Note finale

• Ce projet sera continuellement mis à jour et maintenu. Si vous avez des questions, n'hésitez pas à me contacter à tout moment. Si vous l'aimez, n'oubliez pas de le mettre en vedette.