Geek_Blog

مدونة Geek (معلقة للصيانة)

جيل جديد من المدونات الشخصية تم تصميمه باستخدام Vue2 + Nuxt.js + Semantic UI، مما يدعم العرض من جانب الخادم.

وصلة

• الموقع التجريبي: blog.kamtao.com

• مستند واجهة inis: inis.cc

ميزة

• التقديم من جانب الخادم

• دعم المحطة المتنقلة

• يدعم الوضع المظلم والأوضاع الأنيقة والحادة.

• تقسيم التعليمات البرمجية لكل صفحة

• تحميل CSS المهم فقط (مستوى الصفحة)

• أسفل مخصص الخ.

• توجيه معالجة التبديل السلس

ثَبَّتَ

تم تطوير المشروع على أساس inis، وتتطلب واجهة برمجة التطبيقات ذات الصلة دعم inis.

إذا لم يتم نشر نظام مدونة inis، فيرجى الانتقال إلى: https://inis.cn/#/article/1

تحضير

• قم بتثبيت لوحة الباغودا

• أداة shh يمكنها الاتصال بالخادم الخاص بك

• قلب مثابر (مهم)

الخطوة الأولى

أولاً، قم بتثبيت أداة إدارة PM2 وقم بتنزيلها من متجر برامج Pagoda. (إذا تم تثبيته بالفعل، فتجاهل هذه الخطوة)

الخطوة 2

أضف موقعًا واربط اسم المجال بنفسك

الخطوة 3

ثم انسخ مشروع nuxt بأكمله إلى الدليل المرتبط باسم المجال (موقع الدليل هذا هو الدليل في الخطوة السابقة)

ثم افتح ملف المشروع nuxt.config.js وقم بتغيير عنوان API إلى اسم المجال الخاص بواجهة الواجهة الخلفية، كما هو موضح في الشكل.

الخطوة 4

استخدم أداة ssh للاتصال بالخادم الخاص بك، ثم أدخل دليل موقع الويب الخاص بك، مثل cd /www/xxx، ثم قم بتنفيذ الأمر

 # cd到网站目录（是你的项目目录）
$ cd /www/xxx

# 安装依赖（请注意 要在你的站点目录下执行，请注意node版本是14）
$ npm install  或者 cnpm install

# 构建你的项目
$ npm run build 或者 nuxt build

# 运行
$ pm2 start

# 测试一下
$ pm2 list

# 如果看到以下的样子 说明成功了

الخطوة 5

إذا لم تكن هناك مشاكل في هذا الوقت، فسيكون ذلك ناجحًا، ثم سنقوم بإعداد الوكيل العكسي، والعثور على موقع الويب الذي أنشأناه للتو، وانقر فوق "الإعدادات"، والعثور على الوكيل العكسي، والإعدادات المحددة كما هو موضح في الشكل.

خاص: إذا كان المنفذ الحالي الخاص بك يتعارض مع المنفذ الذي قمت بتعيينه، فيمكنك تعديل المنفذ (ecosystem.config.js في الدليل الجذر لملف المشروع. يرجى ملاحظة أنه يجب إعادة تشغيل PM2 بعد التعديل). (إذا لم يكن هناك تعارض في المنفذ، يرجى التجاهل)

 # 重启PM2
$ pm2 restart all

الخطوة الأخيرة

• في هذا الوقت، قم بزيارة عنوان URL الخاص بك وجربه. لقد نجحت هنا بشكل أساسي.

إذا كنت لا تزال غير قادر على الوصول إليه، فقد تكون هناك مشكلة في المنفذ. يجب على Alibaba Cloud وTencent Cloud فتح مجموعات الأمان الخاصة بهما، ويجب أيضًا فتح مجموعة أمان Pagoda.

استمتع بها!

تعليق

إذا واجهت مشاكل أثناء التثبيت والاستخدام، يرجى إرسال مشكلة إلى المؤلف. مجموعة اتصالات QQ: 632274746

يساهم

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