xzzblog

คำนำ

โปรเจ็กต์นี้เขียนขึ้นเพื่อการเรียนรู้เป็นหลัก ฉันบังเอิญไปเรียนโหนด จากนั้นฉันก็อยากเขียนระบบบล็อกของตัวเองมาโดยตลอด ซึ่งจะทำให้บันทึกระบบความรู้การเรียนรู้ได้ง่ายขึ้น
รหัสส่วนหน้าและส่วนหลังของโปรเจ็กต์นี้ทั้งหมดถูกวางไว้ในคลังสินค้านี้ รวมถึงผู้ดูแลระบบการจัดการส่วนหลัง เซิร์ฟเวอร์ฝั่งเซิร์ฟเวอร์ เว็บส่วนหน้าของพีซี เทอร์มินัลมือถือ และยูนิแอปส่วนหน้าแบบมินิโปรแกรม
มีการปรับใช้บน Tencent Student Cloud Service ฉันซื้อเซิร์ฟเวอร์คลาวด์ของนักเรียนและชื่อโดเมนมาหลายปีแล้วตอนที่ฉันเรียนด้วยตัวเองในวิทยาลัย ฉันมักจะยุ่งกับมัน เรียนรู้ Linux ใช้งานสคริปต์ สร้างเว็บไซต์ และตั้งค่า บล็อก มันเจ๋งมาก การที่สามารถปรับใช้เว็บไซต์ด้วยตัวเองยังทำให้ฉันสนใจที่จะเรียนรู้ส่วนหน้าที่สูงขึ้น

กองเทคโนโลยีหลัก

• ระบบการจัดการแบ็กเอนด์: vue + elementui + vuex + vue-router + mavon-editor
• เซิร์ฟเวอร์: koa + mysql + sequelize + jsonwebtoken
• แผนกต้อนรับส่วนหน้าพีซี: vue + elementui + vuex + vue-router
• เทอร์มินัลมือถือและมินิโปรแกรม: uniapp

วิดีโอสาธิต

• วิดีโอสาธิตโดยละเอียดของสถานี b: https://www.bilibili.com/video/BV1Ur4y1v7ko/

ตัวอย่างโครงการ

• แผนกต้อนรับส่วนหน้าพีซี: http://blog.jzzz66.cn
• มือถือ H5: http://mblog.jzzz66.cn
• มินิโปรแกรม WeChat: Zhuzhu Blog
  

การปรับเปลี่ยนการกำหนดค่าสภาพแวดล้อมการทำงาน

• สร้างฐานข้อมูล myblog และนำเข้า xzzblog.sql ในไดเร็กทอรีรากของโปรเจ็กต์
  ขอแนะนำให้ใช้ซอฟต์แวร์ Navicat เพื่อสร้างและจัดการฐานข้อมูล บัญชีพื้นหลังเริ่มต้น: ผู้ดูแลระบบ รหัสผ่านพื้นหลังเริ่มต้น: 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: body:{client_id,client_secret} ส่วนหัว: {การอนุญาต: โทเค็นโทเค็น}

หมายเหตุสุดท้าย

• โครงการนี้จะได้รับการปรับปรุงและบำรุงรักษาอย่างต่อเนื่อง หากคุณมีคำถามใด ๆ โปรดติดต่อฉันได้ตลอดเวลา หากคุณชอบ อย่าลืมติดดาวไว้ด้วย