registro de creación de blog de git+gitee

1. Instala git y nodejs:

  • sitio web oficial de git: https://gitforwindows.org/

  • Sitio web oficial de nodejs: https://nodejs.org/en/download/

Después de la instalación, es un poco como una ventana cmd, haga clic derecho en git bush

node -v
npm -v

Comprobar si la instalación es exitosa

inserte la descripción de la imagen aquí

2. Instalar hexagonal

Cree una nueva carpeta para almacenar cosas relacionadas con el blog y luego ingrese git bush

Comencemos a instalar hexo

Npm config set registry http://registry.npm.taobao.org

Comprobar si la instalación fue exitosa

Empezar a instalar hexodependencias

Puede ver que hay archivos en la carpeta original.

Vista previa del efecto local

El efecto es el siguiente

3. Implementar en la plataforma Code Cloud Gitee

Ingrese a la plataforma de nube de código

Cree un nuevo almacén, el almacén debe usar su propio nombre de usuario

7OYJPI.png

Copie el ssh de este repositorio

7OYwqg.png

Abrir archivo de configuración

7OYrIs.png

Encuentre los parámetros en la figura en la parte inferior y modifíquelos de la siguiente manera, guarde y salga

7OYRMT.png

Instale la herramienta de implementación, sigo reportando errores aquí, la situación es la siguiente

7OU3a4.png

Después de leer la información, decía que se puede usar cnpm, así que cambié a cnpm, primero instalé cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org

7OUyid.png

Luego use cnpm para instalar

7OU4eS.png

Genere un directorio estático y agregue un archivo público más, que será la publicación del blog en el futuro

7OULQ0.png

Blog de implementación
inserte la descripción de la imagen aquí

Actualice la página con el proyecto que acaba de crear en el navegador
inserte la descripción de la imagen aquí

Puedes ver que ya hay archivos

inserte la descripción de la imagen aquí

Haga clic en el servicio para seleccionar la página de alojamiento
inserte la descripción de la imagen aquí

Nombre real requerido por primera vez
inserte la descripción de la imagen aquí

4 horas para completar el proceso, OK!
inserte la descripción de la imagen aquí

Haga clic para iniciar la implementación
inserte la descripción de la imagen aquí

visita este enlace generado
inserte la descripción de la imagen aquí

¡Ahhh! Soy tan feo
inserte la descripción de la imagen aquí

Encuentra el tema del grandote aquí
https://hexo.io/themes/
inserte la descripción de la imagen aquí

Use este tema, luego descargue y descomprima
inserte la descripción de la imagen aquí
Descomprimir
inserte la descripción de la imagen aquí

Copie esta carpeta grande a los temas de la carpeta del blog anterior
inserte la descripción de la imagen aquí

Abra el archivo de configuración nuevamente, modifique el tema sobre la última modificación, configúrelo con el nombre copiado anteriormente, luego guarde y salga
inserte la descripción de la imagen aquí
Modificar
inserte la descripción de la imagen aquí
Cambie al nombre de la nueva carpeta
inserte la descripción de la imagen aquí

avance
inserte la descripción de la imagen aquí

encontrar error
inserte la descripción de la imagen aquí

Resultó ser una falta de dependencias, instale las dependencias de acuerdo con el blog original.
inserte la descripción de la imagen aquí

Vista previa de nuevo después de la instalación
inserte la descripción de la imagen aquí

buen efecto
inserte la descripción de la imagen aquí

4. Configura el tema

Abra nuestra carpeta de blog con vscode, la estructura es la siguiente
inserte la descripción de la imagen aquí

Al ver que hay dos archivos de configuración, los significados son diferentes
inserte la descripción de la imagen aquí

Modificar el subtítulo principal (la modificación del conjunto necesita hexo s para tener efecto, pero solo necesita actualizarse para un tema determinado)
inserte la descripción de la imagen aquí

Modificar imagen de fondo
inserte la descripción de la imagen aquí

Abrir otras pestañas en la barra de menú El
inserte la descripción de la imagen aquí
efecto es el siguiente
inserte la descripción de la imagen aquí

página abierta
inserte la descripción de la imagen aquí

Agregar el tipo correspondiente, para que se construya la etiqueta
inserte la descripción de la imagen aquí

Nuevo
inserte la descripción de la imagen aquí
título del artículo y clasificación de etiquetas, etc.
inserte la descripción de la imagen aquí

Modificar avatares y lemas

inserte la descripción de la imagen aquí

Supongo que te gusta

Origin blog.csdn.net/m0_51220742/article/details/123593203
Recomendado
Clasificación