xzzblogダウンロード - xzzblogソースコードのダウンロード

xzzblog

その他のカテゴリー

1.0.0

ダウンロード

序文

このプロジェクトは主に学習のために書かれたもので、たまたまノードを学習したのですが、その後、学習した知識システムを簡単に記録できる独自のブログシステムを書きたいと常々思っていました。
バックエンド管理管理者、サーバー側サーバー、PC フロントエンド Web、モバイル端末、ミニプログラムフロントエンドユニアプリを含む、このプロジェクトのフロントエンドコードとバックエンドコードはすべてこのウェアハウスに配置されます。
Tencent Student Cloud Service にデプロイされています。私は大学で独学していたときに、学生向けのクラウドサーバーとドメイン名を購入して、Linux を学習したり、スクリプトを実行したり、Web サイトをセットアップしたりしています。ウェブサイトを自分でデプロイできるのはとてもクールで、フロントエンドを学ぶことに興味を持ちました。

主な技術スタック

バックエンド管理システム: vue + elementui + vuex + vue-router + mavon-editor
サーバー: koa + mysql + sequelize + jsonwebtoken
PCフロント：vue + elementui + vuex + vue-router
モバイル端末とミニプログラム：uniapp

ビデオデモンストレーション

ステーション b の詳細なビデオデモ: https://www.bilibili.com/video/BV1Ur4y1v7ko/

プロジェクトのプレビュー

パソコンフロント：http://blog.jzzz66.cn
モバイル H5: http://mblog.jzzz66.cn
WeChat ミニプログラム: 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 ログインプロセス

OAuth APP アプリケーションを登録する
client_id client_secret を保存する
GET にアクセスしてください: https://github.com/login/oauth/authorize?client_id=280ef327e24a011a6f05=user
http://localhost:3000/auth?code=8b309c4c403f95 に移動し、コードフィールドを保存します。
https://github.com/login/oauth/access_token POST リクエスト本文:{client_id,client_secret,code} でトークンを取得します
https://api/github.com/user POST リクエスト: 本体: {client_id,client_secret} ヘッダー: {認可: トークントークン}