Geek_Blog

Blog Geek (suspendido por mantenimiento)

Una nueva generación de blog personal creado con Vue2 + Nuxt.js + Semantic UI, que admite renderizado del lado del servidor.

Enlace

• Sitio de demostración: blog.kamtao.com

• documento de interfaz inis: inis.cc

característica

• Representación del lado del servidor

• Soporte para terminal móvil

• Admite modo oscuro, modos elegante y nítido.

• División de código para cada página.

• Cargue solo CSS crítico (nivel de página)

• Fondo personalizado, etc.

• Enrutar el procesamiento de conmutación suave

Instalar

El proyecto se desarrolla en base a inis y la API relevante requiere soporte de inis.

Si no se ha implementado el sistema de blog inis, vaya a: https://inis.cn/#/article/1

Preparación

• Instalar el panel de pagoda

• Una herramienta shh que puede conectarse a su servidor

• Un corazón perseverante (importante)

primer paso

Primero, instale la herramienta de administración pm2 y descárguela de Pagoda Software Store. (Si ya está instalado, ignore este paso)

Paso 2

Agregue un sitio y vincule el nombre de dominio usted mismo

Paso 3

Luego copie todo el proyecto nuxt al directorio vinculado al nombre de dominio (la ubicación de este directorio es el directorio del paso anterior)

Luego abra el archivo del proyecto nuxt.config.js y cambie la dirección de la API al nombre de dominio de su interfaz de backend, como se muestra en la figura.

Paso 4

Utilice la herramienta ssh para conectarse a su servidor, luego ingrese el directorio de su sitio web, como cd /www/xxx, y luego ejecute el comando

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

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

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

# 运行
$ pm2 start

# 测试一下
$ pm2 list

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

Paso 5

Si no hay problemas en este momento, será exitoso. Luego configuraremos el proxy inverso, buscaremos el sitio web que acabamos de crear, haremos clic en Configuración, buscaremos el proxy inverso, las configuraciones específicas se muestran en la figura.

Especial: si su puerto actual entra en conflicto con el que ha configurado, puede modificar el puerto (ecosystem.config.js en el directorio raíz del archivo del proyecto). Tenga en cuenta que PM2 debe reiniciarse después de la modificación. (Si no hay ningún conflicto de puerto, ignórelo)

 # 重启PM2
$ pm2 restart all

último paso

• En este momento, visite y pruebe su URL. Básicamente has tenido éxito aquí.

Si aún no puedes acceder a él, puede que haya un problema con el puerto. Alibaba Cloud y Tencent Cloud deberían abrir sus grupos de seguridad, y el grupo de seguridad de Pagoda también debería abrirse.

¡disfrútala!

comentario

Si tiene problemas durante la instalación y el uso, envíe un problema al autor. Grupo de comunicación QQ: 632274746

contribuir

Los socios pueden contribuir de diversas formas, incluidas, entre otras: interfaz, funciones, mejoras, corrección de errores, etc.