Geek_Blog

Geek -Blog (Pause Wartung)

Die neue Generation von VUE2 + nuxt.js + Semantic UI verfügt über ein persönliches Blog zur Unterstützung des Serverwechsels.

Link

• Demonstrationsstation: blog.kamtao.com

• INIS -Schnittstellendokument: INIS.cc

Besonderheit

• Serverwiedergabe

• Mobile Terminal unterstützen

• Unterstützen Sie den dunklen Modus, einen glatten und scharfen Modus.

• Jede Seite ist jede Seite aufgeteilt

• Nur CSS geladen (Seite -Level)

• Benutzerdefinierter Boden usw.

• Routen Sie reibungslose Schalterverarbeitung

Installieren

Das Projekt basiert auf der Inis -Entwicklung, und die zuständige API erfordert Inis -Segen.

Wenn das Inis -Blog -System nicht bereitgestellt wird, verschieben Sie sich bitte: https://inis.cn/#/article/1

Vorbereitung

• Installieren Sie das Pagode -Panel

• Ein SHH -Tool, das Ihren Server verbinden kann

• Ein unablässiges Herz (wichtig)

Erster Schritt

Installieren Sie zuerst das PM2 -Management -Tool, um es im PAGODA -Software -Store herunterzuladen. (Wenn es installiert wurde, ignorieren Sie diesen Schritt)

Schritt 2

Fügen Sie Site hinzu, diesen selbstgebundenen Domain -Namen

Schritt 3

Kopieren Sie dann das gesamte Nuxt -Projekt in die Verzeichnisbindung des Domänennamens (diese Verzeichnisposition ist das Verzeichnis des vorherigen Schritts).

Dann öffnen Sie es, die Projektdatei nuxt.config.js, ändern Sie die API -Adresse in den Domänennamen Ihrer Hintergrundschnittstelle, siehe Symbol.

Schritt 4

Verwenden Sie das SSH -Tool, um Ihren Server zu verbinden, und geben Sie dann das Verzeichnis Ihrer Website ein, z. B. CD /www /xxx und führen Sie den Befehl aus

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

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

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

# 运行
$ pm2 start

# 测试一下
$ pm2 list

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

Schritt 5

Wenn es zu diesem Zeitpunkt kein Problem gibt, wird es erfolgreich sein Die Einstellung ist wie in der Abbildung gezeigt.

Special: Wenn Ihr aktueller Port Konflikte mit dem von Ihnen festgelegten Konflikt hat, können Sie den Port (EcoSystem.config.js im Projektdatei -Root -Verzeichnis) ändern, bitte achten Sie darauf, den PM2 nach der Änderung neu zu starten. (Wenn der Hafen keinen Konflikt hat, ignorieren Sie ihn bitte)

 # 重启PM2
$ pm2 restart all

Letzter Schritt

• Besuchen Sie zu diesem Zeitpunkt Ihre Website. Es ist hier im Grunde genommen erfolgreich.

Wenn Sie immer noch nicht zugegriffen werden können, kann dies ein Portproblem sein. Alibaba Cloud und Tencent Cloud sind in der Sicherheitsgruppe offen, und die Sicherheitsgruppe der Pagode muss ebenfalls geöffnet werden.

genießen Sie es!

Rückmeldung

Bitten Sie beim Installations- und Gebrauchsprozess, wenn Sie auf Probleme stoßen, den Autor, ihn zu erwähnen. QQ Kommunikationsgruppe: 632274746

beitragen

Begrüßen Sie Freunde, die in verschiedenen Formen beigetragen haben, einschließlich, aber nicht beschränkt auf: Schnittstelle, Funktion, Verbesserung, Reparaturfehler usw.