تنزيل ThriveX Blog - تنزيل رمز مصدر ThriveX Blog

ThriveX Blog

كود الذكاء الاصطناعي

2.2.0 自定义页面缓存时间

تنزيل

Thrivex

نظام لإدارة المدونات الحديث الذي هو شاب ، ذي قيمة عالية ، مفتوح المصدر بالكامل ، ولا يتقاضى أبدا

؟ نظام إدارة المدونة الحديثة Thrivex

؟ ThriveX هو نظام شاب وعالي القيمة ومفتوح بالكامل ونظام إدارة المدونات الحديثة التي لا تتكلن أبدًا. إنه منتج يعتمد على Spring Boot NestJS + Spring. جميع مداخن التكنولوجيا هي حاليا الأكثر سائدة في السوق.

معاينة المشروع: https://liuyuyang.net/

الهندسة المعمارية التقنية:

الواجهة الأمامية: React ، NextJs ، Tailwindcss ، TypeScript ، Zustand ، Hiew Form Hooks ، Echarts ، Antd ، SCS ، Vercel ، Docker

الواجهة الخلفية: SPRING BOOT ، MYBATIS PLUS ، MYSQL ، Qiniu ، Swagger ، Docker

❤ النية الأصلية للمشروع:

لطالما كنت مهتمًا جدًا بمجال تطوير موقع الويب. أردت أن يكون لدي موقع الويب الخاص بي منذ أن كنت طفلاً. لذلك ، شرعت في رحلة التطوير الكامل Web وأنا مصمم على تطوير موقع الويب الخاص بي في يوم من الأيام. لقد مر أكثر من 2 حتى الآن ، وقد أكمل الشخص بشكل مستقل تطوير المكدس الكامل للمشروع بأكمله من 0 إلى 1 ، والذي يمكن اعتباره رغبته منذ الطفولة

مشروع تجريبي

الواجهة الأمامية

هنا فقط بعض الواجهات الأمامية تظهر. يمكنك التحقق منها للحصول على التفاصيل -> https://liuyuyang.net

نهاية السيطرة

تشغيل المشروع

لقد كنت مشغولاً مؤخرًا. لقد كتبت برنامجًا تفصيليًا للنشر في المشروع بعد فترة. هنا سأعلمك بإيجاز كيفية الركض محليًا.

الواجهة الأمامية أو السيطرة

البيئة: NodeJS18 وما فوق

 npm i
npm run dev

حساب الخلفية: كلمة مرور admin : 123456

قم بإنشاء ملف .env في دليل الجذر الجانبي للمشروع الجانبي ، أضف التكوين التالي

 # 百度统计相关配置
VITE_BAIDU_TONGJI_KEY=
VITE_BAIDU_TONGJI_SECRET_KEY=
VITE_BAIDU_TONGJI_SITE_ID=
VITE_BAIDU_TONGJI_ACCESS_TOKEN=
VITE_BAIDU_TONGJI_REFRESH_TOKEN=

# 星火AI相关配置
VITE_AI_APIPassword=
VITE_AI_MODEL=

Baidu واجهة عنوان التطبيق: https://tongji.baidu.com/api/manual/Chapter2/openapi.html

عنوان التطبيق لـ Spark Big Model Interface: https://www.xfyun.cn/

نهاية الطريق

البيئة: java8 + mysql8

قم بتثبيت تبعيات maven وتكوين معلومات ذات صلة application-dev.yml

 lyy :
  email :
    host : smtp.qq.com
    port : 465
    username : 你的邮箱账号
    password : 你的邮箱授权码

  oss :
    accessKey : 七牛云的accessKey
    secretKey : 七牛云的secretKey
    bucket : thrive

استيراد ملف قاعدة بيانات ThriveX.sql في دليل الجذر الخلفي وأخيراً تشغيل المشروع

نشر المشروع

الواجهة الأمامية: https://liuyuyang.net/article/2206

الخلفية: https://liuyuyang.net/article/2207

هيكل المشروع

 ├── public // 存放公共资源
├── src // 核心源码
│   ├── api // 所有API接口
│   ├── app
│   │   ├── error.tsx // 自定义错误页
│   │   ├── favicon.ico // 项目图标
│   │   ├── layout.tsx // 网站布局
│   │   ├── loading.tsx // 自定义加载页
│   │   ├── not-found.tsx // 自定义404页
│   │   ├── page.tsx // 首页
│   ├── assets // 存放项目所有资源
│   │   ├── font
│   │   ├── image
│   │   └── svg
│   ├── components // 公共组件
│   ├── stores // 数据全局共享
│   ├── styles // 全局样式
│   ├── types // 全局类型
│   └── utils // 通用方法
├── package-lock.json
├── package.json
├── postcss.config.mjs
├── tailwind.config.ts
└── tsconfig.json

عنوان مفتوح المصدر

أحدث إصدار (NextJs + Spring Boot)

الواجهة الأمامية: liuyuyang01/thrivex-blog (github.com)

محطة التحكم: liuyuyang01/thrivex-admin (github.com)

الخلفية: liuyuyang01/thrivex-server (github.com)

الإصدار القديم (Vue3 + Python Flask)

الواجهة الأمامية: liuyuyang01/thrive-blog (github.com)

محطة التحكم: liuyuyang01/thrive-admin (github.com)

الخلفية: liuyuyang01/thrive-server (github.com)

بروتوكول مفتوح المصدر

من أجل أن تصبح أقوى وأقوى في النظام الإيكولوجي للمشروع ، يحث المؤلف هنا الجميع على الاحتفاظ بحقوق الطبع والنشر لنظام Blog ThriveX

بعد انقطاع Star المشروع من 2K يمكنك اختيار حذف or الاحتفاظ بحرية

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

أخيرًا ، آمل أن يتمكن الجميع من الالتزام باتفاقية المصدر المفتوح: ترخيص AGPL-3.0

تعزيز روح المصدر المفتوح وابدأ معي ومعني!

حول المشروع

تم إنشاء هذا المشروع من قبلي وحدي من Design-> Product-> Front-> Control-> الواجهة الخلفية-الخلفية وقاعدة البيانات من 0 إلى 1 طاقة الشخص محدودة ، وقد يكون هناك بعض BUG المخفية في المشروع. آمل أن يتمكن الجميع من تقديم ملاحظات لي على GitHub في الوقت المناسب ، بحيث يمكن تصحيحها وتحسينها بشكل مستمر لتصبح الأفضل!

بالطبع ، آمل أن يتمكن الجميع من تقديم PR ليصبح مساهماً في ThriveX ، وسيشارك الجميع معًا لبناء نظام قوي لإدارة المدونات!

أخيرًا ، أود أن أقول إن أسلوب هذا المشروع قد استقطب على العديد من المواقع الإلكترونية. هنا عدد قليل:

https://blog.zwying.com/

https://www.blatr.cn/

https://poetize.cn/

مجموعة تبادل التكنولوجيا

أضف WeChat إلى المجموعة: liuyuyang2023

الشكوك الشائعة

فيما يلي بعض الأسئلة الشائعة التي يسألها الجميع

لماذا فكرت في تطوير هذا المشروع؟

س: لماذا فكرت في تطوير هذا المشروع؟

الإجابة: قبل تطوير هذا المشروع ، استخدمت أيضًا العديد من أنظمة المدونات الشائعة ، مثل: WordPress (المستخدمة لمدة عامين) ، Emlog ، Zblog (عام) ، Typecho (عامين)

هذه الأنظمة لها شيء واحد مشترك ، يتم تطويرها جميعًا على أساس PHP . إذا كنت لا تعرف PHP ، فمن الصعب تخصيص سمات موقع الويب والمكونات الوظيفية. يمكنك العثور على شخص آخر فقط لكتابته. إذا لم يكتبها شخص آخر ، فلا يمكنك استخدامها ، والتي سيكون لها قيود كبيرة.

المفتاح هو أن PHP قد تم القضاء عليه في الصين ، لذلك ليست هناك حاجة لتعلم هذه اللغة عمدا. لذلك ، توصلت إلى فكرة تطوير نظام مدونة بأكمله بنفسي. نظرًا لأنني قمت بتنفيذها رسميًا وتطويرها منذ 22 عامًا ، فقد أكملت الآن ثلاثة إصدارات رئيسية ، وهي:

Vue2 + Express (Nodejs)
Vue3 + Flask (Python)
Next14 + Spring Boot (Java)

يستعير النمط من نمط موقع الويب للعديد من BigWigs ، ولكن الكود يكتب كل واحد تلو الآخر. حاليا ، هناك ما يقرب من 3000 سجل تقديم رمز على Github

جميع مداخن التكنولوجيا في المشروع هي حاليًا الأكثر سائدة ، وهل هي نظام إدارة المدونات الحديث جدًا؟

لماذا لا تستخدم الواجهة الأمامية النقية لصنع كومة كاملة؟

س: لماذا لا تستخدم مكدس التكنولوجيا الواجهة الأمامية الخالصة لصنع المكدس الكامل؟ على سبيل المثال ، Nextjs + Prisma ، Nextjs + Spring Boot متضخم للغاية

الإجابة: لأنني أرغب في فصل الواجهة الأمامية ، والتحكم في النهاية والخلف ، ويمكن أن تكون في أي مكان مستقل عن بعضها البعض. على سبيل المثال ، إذا كنت ترغب في كتابة الواجهة الأمامية بنفسك ، بغض النظر عن المكدس الفني الذي تستخدمه ، فيمكنك تطويره بنفسك بمجرد الاتصال بالواجهة الخلفية.

إذا تم استخدام Nextjs في المكدس الكامل ، فسيتم تجميع النهايات الأمامية والخلفية ، لذلك يجب أن تستخدم الواجهة الأمامية React ، وإذا كنت لا تفهم Nextjs فستزيد من تكاليف التطوير والتعلم.