xzzblog

مقدمة

تمت كتابة هذا المشروع بشكل أساسي للتعلم، وقد تعلمت العقدة، ثم أردت دائمًا كتابة نظام مدونتي الخاص، مما يسهل تسجيل نظام المعرفة التعليمية الخاص بي.
يتم وضع جميع رموز الواجهة الأمامية والخلفية لهذا المشروع في هذا المستودع، بما في ذلك مسؤول إدارة الواجهة الخلفية، والخادم من جانب الخادم، والويب الأمامي للكمبيوتر الشخصي، والمحطة المتنقلة، والواجهة الأمامية للبرنامج المصغر uniapp.
يتم نشره على Tencent Student Cloud Service. لقد اشتريت الخادم السحابي للطلاب واسم المجال لعدة سنوات عندما كنت أدرس بمفردي في الكلية، وعادةً ما أتعامل معه، وأتعلم Linux، وأقوم بتشغيل البرامج النصية، وإنشاء مواقع الويب، والإعداد إنه أمر رائع جدًا أن أكون قادرًا على نشر الموقع بنفسي، مما يجعلني مهتمًا بتعلم الواجهة الأمامية.

مكدس التكنولوجيا الرئيسية

• نظام إدارة الواجهة الخلفية: vue + elementui + vuex + vue-router + mavon-editor
• الخادم: koa + mysql + تتمة + jsonwebtoken
• مكتب الاستقبال للكمبيوتر الشخصي: vue + elementui + vuex + vue-router
• محطة متنقلة وبرنامج صغير: uniapp

مظاهرة الفيديو

• فيديو توضيحي تفصيلي للمحطة ب: https://www.bilibili.com/video/BV1Ur4y1v7ko/

معاينة المشروع

• مكتب الاستقبال للكمبيوتر الشخصي: http://blog.jzzz66.cn
• موبايل H5: http://mblog.jzzz66.cn
• برنامج WeChat Mini: مدونة 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

1. قم بتسجيل تطبيق OAuth APP
2. احفظ Client_id Client_secret
3. تفضل بزيارة GET: https://github.com/login/oauth/authorize?client_id=280ef327e24a011a6f05=user
4. انتقل إلى http://localhost:3000/auth?code=8b309c4c403f95 واحفظ حقل الرمز.
5. https://github.com/login/oauth/access_token نص طلب POST: {client_id,client_secret,code} للحصول على الرمز المميز
6. https://api/github.com/user طلب POST: الجسم: {client_id,client_secret} الرأس: {التفويض: الرمز المميز}

الملاحظة النهائية

• سيتم تحديث هذا المشروع وصيانته بشكل مستمر. إذا كان لديك أي أسئلة، فلا تتردد في الاتصال بي في أي وقت.