Red de conocimiento informático - Material del sitio web - Cómo agregar un botón de salto a hexo implementado en github

Cómo agregar un botón de salto a hexo implementado en github

Nota:

Debido a que la pregunta se basa en la plataforma Windows, se explica en la versión de Windows, pero las plataformas son similares, por lo que no hay mucha diferencia en el funcionamiento real.

El siguiente es el texto del tutorial:

Instalación de Git

Vaya al sitio web oficial de Git para descargar la versión para Windows del paquete comprimido, descomprímalo y instálelo después de descargarlo.

Instalar Node.js

Vaya al sitio web de descarga oficial de Node.js, descargue el paquete de instalación oficial de Node.js y descomprímalo e instálelo una vez completada la descarga.

Instalación de Hexo

En este punto, se ha instalado el entorno necesario para instalar Hexo. El siguiente paso es instalar Hexo.

Haga clic con el botón derecho del mouse para ver si hay una opción Git bash Here. Si el directorio raíz de Git no está instalado, puede iniciar git-base.exe.

En la línea de comando, ingrese:

$ npm install -g hexo-cli

Hexo está instalado.

Crea una carpeta Hexo

Busque la carpeta donde desea colocar su blog, como (F:\Hexo), haga clic derecho en este directorio para abrir la herramienta Gitbash ( si esto no está disponible en la opción del menú contextual, puede usar el comando cmd cd para ingresar a la carpeta). La ejecución de la siguiente instrucción creará la carpeta node_modules en la carpeta F:\Hexo:

$ inicialización hexo

Aquí, init puede ir seguido de un directorio de archivos. Por ejemplo, si quiero crear una carpeta de blog en F:\Hexo, puedo usar el siguiente comando:

$ hexo init F:\Hexo

Instalar paquetes de dependencia p>

En el directorio Hexo, ejecute el siguiente comando. Encontrará que hay muchas carpetas en el directorio F:\Hexo\node_modules $ npm install.

Depuración local

Hasta ahora, he configurado mi propio blog Hexo, pero solo se puede ver en esta máquina. Ejecute los dos comandos siguientes (en el directorio F:\Hexo), luego ingrese localhost:4000 en el navegador para ver su blog $ hexo generado.

$ servidor hexo

Pero solo se puede ver localmente. Si desea que otros accedan a él, debe implementarlo en Github. A continuación, implementémoslo.

Registrar una cuenta de Github

Vaya al sitio web de Github para registrar un nuevo usuario. Quienes se registren por correo electrónico deberán dirigirse a la dirección de correo electrónico para verificar su dirección de correo electrónico. De lo contrario, pueden surgir problemas menores más adelante.

Crear un nuevo repositorio

En la esquina inferior derecha de la página de inicio de Github, crea un nuevo repositorio. Por ejemplo, si mi nombre de usuario de Github es Gitzhaoyang, entonces el nombre del repositorio que creo debería ser gitzhaoyang.github.io

Un consejo serio aquí:

Asegúrate de usar Crearlo con su nombre de usuario de Github. github.io Si uso mungo.github.io en lugar de gitzhaoyang.github.io, mi navegador obtendrá un error 404 al acceder al blog. No es que la implementación no haya tenido éxito, pero se implementó aquí: fig.yml Agregue el siguiente código al final (reemplace git zhaoyang con su propio nombre de usuario al modificar) implementar:

Tipo: git< /. p>

Biblioteca de recursos:/git zhaoyang/git zhaoyang.github io.git rama:master

Especificación de formato. Los archivos yml son muy estrictos. tipo: repositorio: rama: Hay dos espacios antes y un espacio después de los dos puntos.

Ejecute las siguientes instrucciones para completar la implementación (si aparece un error, puede ver los siguientes comentarios):

$ generación hexo

$ implementación hexo

Nota:

Algunos usuarios no configuran el SSH de Github, lo que hará que las dos oraciones anteriores dejen de ser válidas. La introducción y el método de configuración de SSH se pueden encontrar en el tutorial oficial y es muy sencillo de configurar. Si no entiende inglés o tiene problemas menores durante el proceso, puede consultar el tutorial de configuración SSH que escribí, que es una explicación y extensión del tutorial oficial y proporciona soluciones a problemas menores durante el proceso de configuración.

Cada vez que modificas un archivo local, necesitas utilizar el comando $hexo generate para guardarlo. Y cada vez que uses el comando, debes usarlo en el directorio raíz de Hexo.

Si estás ejecutando $ hexo deloy, si te aparece el error Deployer not found: git, significa que no has instalado el paquete de dependencia hexo-deployer-git. Si ingresa F:\Hexo\node_modules, encontrará que realmente no existe hexo-deployer-git. no te preocupes. Simplemente ingrese el siguiente comando para crear el paquete de dependencia hexo-deployer-git y luego ejecute hexo implementar para cargar exitosamente $NPM para instalar hexo-deployer-git-save.

Si es un usuario de Windows, es posible que se le solicite que ingrese su nombre de usuario de Github y su contraseña de Github cuando ejecute el comando $ hexo implementar. Siempre que lo introduzcas correctamente no habrá problemas para subir.

Bien, ahora que nuestro blog se ha implementado con éxito en Github, podemos intentar acceder a gitzhaoyang.github.io en el navegador.

Consejo:

Hexo ahora admite formatos de comando más simples, por ejemplo:

hexo s == servidor hexo

hexo g = = hexo generar

hexo d == hexo expandir

hexo n == hexo nuevo