Geek_Blog

Blog Geek (ditangguhkan untuk pemeliharaan)

Blog pribadi generasi baru yang dibangun dengan Vue2 + Nuxt.js + Semantic UI, mendukung rendering sisi server.

Link

• Situs demo: blog.kamtao.com

• dokumen antarmuka inis: inis.cc

fitur

• Render sisi server

• Mendukung terminal seluler

• Mendukung mode gelap, mode ramping dan tajam.

• Pemisahan kode untuk setiap halaman

• Muat hanya css penting (tingkat halaman)

• Bagian bawah khusus, dll.

• Proses peralihan rute yang lancar

Memasang

Proyek ini dikembangkan berdasarkan inis, dan API yang relevan memerlukan dukungan inis.

Jika sistem blog inis belum diterapkan, silakan kunjungi: https://inis.cn/#/article/1

Persiapan

• Pasang panel pagoda

• Alat shh yang dapat terhubung ke server Anda

• Hati yang tekun (penting)

langkah pertama

Pertama, instal alat manajemen pm2 dan unduh dari Pagoda Software Store. (Jika sudah terpasang, abaikan langkah ini)

Langkah 2

Tambahkan situs dan ikat sendiri nama domainnya

Langkah 3

Kemudian copy seluruh project nuxt ke direktori yang terikat dengan nama domain (lokasi direktori ini adalah direktori pada langkah sebelumnya)

Kemudian buka file proyek nuxt.config.js dan ubah alamat api menjadi nama domain antarmuka backend Anda, seperti yang ditunjukkan pada gambar.

Langkah 4

Gunakan alat ssh untuk terhubung ke server Anda, lalu masuk ke direktori situs web Anda, misalnya cd /www/xxx, lalu jalankan perintah

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

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

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

# 运行
$ pm2 start

# 测试一下
$ pm2 list

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

Langkah 5

Jika saat ini tidak ada masalah maka akan berhasil. Kemudian kita setting reverse proxy, cari website yang baru kita buat, klik Setting, cari reverse proxy, setting spesifiknya seperti pada gambar.

Spesial: Jika port Anda saat ini bertentangan dengan port yang telah Anda tetapkan, Anda dapat memodifikasi port tersebut (ecosystem.config.js di direktori root file proyek). Harap dicatat bahwa PM2 harus dimulai ulang setelah modifikasi. (Jika tidak ada konflik port, harap abaikan)

 # 重启PM2
$ pm2 restart all

langkah terakhir

• Saat ini, kunjungi dan coba URL Anda. Anda pada dasarnya berhasil di sini.

Jika Anda masih tidak dapat mengaksesnya, mungkin ada masalah pada portnya. Alibaba Cloud dan Tencent Cloud harus membuka grup keamanan mereka, dan grup keamanan Pagoda juga harus membuka.

nikmatilah!

masukan

Jika Anda mengalami masalah saat instalasi dan penggunaan, silakan kirimkan Masalah kepada penulis. Grup komunikasi QQ: 632274746

menyumbang

Mitra dipersilakan untuk berkontribusi dalam berbagai bentuk, termasuk namun tidak terbatas pada: antarmuka, fungsi, peningkatan, perbaikan bug, dll.