xzzblog

Kata pengantar

Proyek ini terutama ditulis untuk pembelajaran. Saya kebetulan belajar node, dan kemudian saya selalu ingin menulis sistem blog saya sendiri, yang dapat memudahkan pencatatan sistem pengetahuan pembelajaran saya.
Kode front-end dan back-end proyek ini semuanya ditempatkan di gudang ini, termasuk admin manajemen back-end, server sisi server, web front-end PC, terminal seluler, dan program mini front-end uniapp.
Ini diterapkan pada Layanan Cloud Mahasiswa Tencent. Saya membeli server cloud pelajar dan nama domain selama beberapa tahun ketika saya belajar sendiri di perguruan tinggi. Saya biasanya mengotak-atiknya, mempelajari Linux, menjalankan skrip, membuat situs web, dan menyiapkan blogs.Keren banget. Bisa deploy website sendiri juga membuat saya tertarik untuk belajar front-end.

Tumpukan teknologi utama

• Sistem manajemen backend: vue + elementui + vuex + vue-router + mavon-editor
• Server: koa + mysql + sekuel + jsonwebtoken
• Meja depan PC: vue + elementui + vuex + vue-router
• Terminal seluler dan program mini: uniapp

Demonstrasi video

• Demonstrasi video detail stasiun b: https://www.bilibili.com/video/BV1Ur4y1v7ko/

Pratinjau proyek

• Meja depan PC: http://blog.jzzz66.cn
• Ponsel H5: http://mblog.jzzz66.cn
• Program Mini WeChat: Blog Zhuzhu
  

Modifikasi konfigurasi lingkungan operasi

• Buat database myblog dan impor xzzblog.sql di direktori root proyek
  Disarankan untuk menggunakan perangkat lunak Navicat untuk membuat dan mengelola database. Akun latar belakang awal: admin Kata sandi latar belakang awal: 123456

Perhatikan bahwa pengkodean karakter database adalah: utf8mb4 dan aturan pengurutannya adalah: utf8mb4_unicode_ci

• Ubah konfigurasi 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",

proses masuk github OAuth

1. Daftarkan aplikasi OAuth APP
2. Simpan client_id client_secret
3. Kunjungi DAPATKAN: https://github.com/login/oauth/authorize?client_id=280ef327e24a011a6f05=user
4. Lompat ke http://localhost:3000/auth?code=8b309c4c403f95 dan simpan kolom kode.
5. https://github.com/login/oauth/access_token Badan permintaan POST:{client_id,client_secret,code} untuk mendapatkan token
6. https://api/github.com/user Permintaan POST: isi:{client_id,client_secret} header: {Otorisasi: token token}

Catatan terakhir

• Proyek ini akan terus diperbarui dan dipelihara. Jika Anda memiliki pertanyaan, jangan ragu untuk menghubungi saya kapan saja. Jika Anda menyukainya, jangan lupa untuk memberi bintang. Terima kasih atas perhatian Anda.