Geek_Blog

Geek Blog (suspendu pour maintenance)

Une nouvelle génération de blog personnel construit avec Vue2 + Nuxt.js + Semantic UI, prenant en charge le rendu côté serveur.

Lien

• Site de démonstration : blog.kamtao.com

• Document d'interface inis : inis.cc

fonctionnalité

• Rendu côté serveur

• Prise en charge des terminaux mobiles

• Prend en charge le mode sombre, les modes élégant et net.

• Répartition du code pour chaque page

• Charger uniquement les CSS critiques (au niveau de la page)

• Fond personnalisé, etc.

• Traitement de commutation fluide des itinéraires

Installer

Le projet est développé sur la base d'inis et l'API correspondante nécessite le support d'inis.

Si le système de blog inis n'a pas été déployé, veuillez vous rendre sur : https://inis.cn/#/article/1

Préparation

• Installer le panneau pagode

• Un outil chut qui peut se connecter à votre serveur

• Un cœur persévérant (important)

premier pas

Tout d’abord, installez l’outil de gestion pm2 et téléchargez-le depuis le Pagoda Software Store. (Si déjà installé, ignorez cette étape)

Étape 2

Ajoutez un site et liez vous-même le nom de domaine

Étape 3

Copiez ensuite l'intégralité du projet nuxt dans le répertoire lié au nom de domaine (cet emplacement du répertoire est le répertoire de l'étape précédente)

Ouvrez ensuite le fichier projet nuxt.config.js et remplacez l'adresse API par le nom de domaine de votre interface backend, comme indiqué dans la figure.

Étape 4

Utilisez l'outil ssh pour vous connecter à votre serveur, puis entrez le répertoire de votre site Web, tel que cd /www/xxx, puis exécutez la commande

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

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

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

# 运行
$ pm2 start

# 测试一下
$ pm2 list

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

Étape 5

S'il n'y a aucun problème à ce moment-là, cela réussira. Ensuite, nous allons configurer le proxy inverse, trouver le site Web que nous venons de créer, cliquer sur Paramètres, trouver le proxy inverse, les paramètres spécifiques sont tels qu'indiqués dans la figure.

Spécial : Si votre port actuel est en conflit avec celui que vous avez défini, vous pouvez modifier le port (ecosystem.config.js dans le répertoire racine du fichier projet). Veuillez noter que PM2 doit être redémarré après modification. (S'il n'y a pas de conflit de port, veuillez l'ignorer)

 # 重启PM2
$ pm2 restart all

dernière étape

• À ce moment-là, visitez et essayez votre URL. Vous avez essentiellement réussi ici.

Si vous ne parvenez toujours pas à y accéder, il se peut qu'il y ait un problème avec le port. Alibaba Cloud et Tencent Cloud devraient ouvrir leurs groupes de sécurité, et le groupe de sécurité de Pagoda devrait également s'ouvrir.

Profitez-en!

retour

Si vous rencontrez des problèmes lors de l'installation et de l'utilisation, veuillez soumettre un problème à l'auteur. Groupe de communication QQ : 632274746

contribuer

Les partenaires sont invités à contribuer sous diverses formes, y compris, mais sans s'y limiter : interface, fonctions, améliorations, corrections de bugs, etc.