หน้าแรก>ซอร์สโค้ด PHP>หมวดหมู่อื่นๆ
ดาวน์โหลด

บล็อก Geek (ถูกระงับเนื่องจากการบำรุงรักษา)

บล็อกส่วนตัวรุ่นใหม่ที่สร้างด้วย Vue2 + Nuxt.js + Semantic UI รองรับการเรนเดอร์ฝั่งเซิร์ฟเวอร์

ลิงค์

  • เว็บไซต์สาธิต: blog.kamtao.com

  • เอกสารอินเทอร์เฟซ inis: inis.cc

คุณสมบัติ

  • การแสดงผลฝั่งเซิร์ฟเวอร์

  • รองรับเทอร์มินัลมือถือ

  • รองรับโหมดมืด โหมดเพรียวบางและคมชัด

  • การแยกโค้ดในแต่ละหน้า

  • โหลดเฉพาะ CSS ที่สำคัญ (ระดับหน้า)

  • ด้านล่างที่กำหนดเอง ฯลฯ

  • กำหนดเส้นทางการประมวลผลการสลับที่ราบรื่น

ติดตั้ง

โปรเจ็กต์นี้ได้รับการพัฒนาโดยใช้ inis และ API ที่เกี่ยวข้องต้องการการสนับสนุน inis

หากยังไม่ได้ปรับใช้ระบบบล็อกของ inis โปรดไปที่: https://inis.cn/#/article/1

การตระเตรียม

  • ติดตั้งแผงเจดีย์

  • เครื่องมือ shh ที่สามารถเชื่อมต่อกับเซิร์ฟเวอร์ของคุณได้

  • ใจที่แน่วแน่(สำคัญ)

ขั้นตอนแรก

ขั้นแรก ติดตั้งเครื่องมือการจัดการ pm2 และดาวน์โหลดจาก Pagoda Software Store (หากติดตั้งแล้ว ไม่ต้องสนใจขั้นตอนนี้)

ขั้นตอนที่ 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

หากไม่มีปัญหาใดๆ ในเวลานี้ ก็จะสำเร็จ จากนั้นเราจะตั้งค่า Reverse Proxy ให้ค้นหาเว็บไซต์ที่เราเพิ่งสร้างขึ้น คลิก Settings ค้นหา Reverse Proxy การตั้งค่าเฉพาะดังรูป

พิเศษ: หากพอร์ตปัจจุบันของคุณขัดแย้งกับพอร์ตที่คุณตั้งค่าไว้ คุณสามารถแก้ไขพอร์ตได้ (ecosystem.config.js ในไดเร็กทอรีรากของไฟล์โปรเจ็กต์) โปรดทราบว่า PM2 จะต้องรีสตาร์ทหลังจากแก้ไข (หากไม่มีข้อขัดแย้งเกี่ยวกับพอร์ต โปรดเพิกเฉย) 

 # 重启PM2
$ pm2 restart all

ขั้นตอนสุดท้าย

  • ในเวลานี้ โปรดเยี่ยมชมและลองใช้ URL ของคุณ โดยพื้นฐานแล้วคุณประสบความสำเร็จที่นี่

หากคุณยังคงไม่สามารถเข้าถึงได้ อาจเกิดปัญหากับพอร์ต Alibaba Cloud และ Tencent Cloud ควรเปิดกลุ่มความปลอดภัยของตน และกลุ่มความปลอดภัยของ Pagoda ก็ควรเปิดขึ้นด้วย

สนุกกับมัน!

ข้อเสนอแนะ

หากคุณพบปัญหาระหว่างการติดตั้งและการใช้งาน กรุณาส่งปัญหาไปยังผู้เขียน กลุ่มการสื่อสาร QQ: 632274746

มีส่วนช่วย

พันธมิตรสามารถมีส่วนร่วมในรูปแบบต่างๆ รวมถึงแต่ไม่จำกัดเฉพาะ: อินเทอร์เฟซ ฟังก์ชัน การปรับปรุง การแก้ไขข้อบกพร่อง ฯลฯ

ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด