Cómo construir Github usando Hexo

Más información sobre Hexo

Hexo es un marco de blogs rápido, simple y eficiente. Hexo usa Markdown (u otro motor de renderizado) para analizar artículos y generar páginas web estáticas con hermosos temas en segundos. Instalar Hexo

Instalar Hexo es bastante simple. Sin embargo, antes de eso, debes verificar si las siguientes aplicaciones están instaladas en tu computadora:

Node.js

Git Windows

Lo anterior toma el sistema Windows A modo de ejemplo, otros sistemas y métodos de instalación específicos no se explicarán uno por uno.

Si ya tienes uno de los programas anteriores instalado en tu ordenador, ¡enhorabuena! Solo necesitas instalar Hexo usando npm. npm?install?hexo-cli?-g

#Si el comando no funciona, intente reemplazar la fuente npm en tao

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

Crear carpeta Hexo

Una vez completada la instalación de Hexo, ejecute el siguiente comando, Hexo creará un archivo que contiene una nueva carpeta para archivos requeridos.

$?hexo?init?

$?cd?

$?npm?install

Nuevo Una vez completado, el directorio de la carpeta especificada es el siguiente: .

├──?_config.yml

├──?package.json

├ ──? andamios

├──?source

|├──?_drafts

|└──? _publicaciones

└──? Tema

Introducción al archivo Hexo

***_config.yml**

Información de configuración del sitio web, puede configurar la mayoría de los parámetros aquí.

paquete.json

Información sobre la aplicación. Los renderizadores EJS, Stylus y Markdown están instalados de forma predeterminada y puedes eliminarlos. paquete.json

{ "name":?" hexo-site","version":?"0.0.0", "private":?true, "hexo":?{

"Versión":?" }, "dependencias":?{

"hexo":?""^3.0.0",

"hexo-generator-archive ":?""^0.1.0",

"categoría-generador-hexo":?"^0.1.0",

"índice-generador-hexo":? ""^0.1.0",

"hexo-generator-tag":?"^0.1.0",

"hexo-renderer-ejs":?""^ 0.1.0",

"hexo-renderer-stylus":?""^0.2.0",

"hexo-renderer-marked":?""^0.2. 4",

"hexo-server":?"?^0.1.2" }

}

andamios

¿Plantilla? carpeta. Al crear una nueva publicación, Hexo crea archivos basados ​​en el andamio. La carpeta de recursos es donde se almacenan los recursos del usuario, excepto la carpeta ?_posts. Los archivos que comienzan con ?_?

Los archivos Markdown y HTML se analizarán y colocarán en la carpeta "pública", mientras que otros archivos se copiarán en la carpeta "pública".

Tema

Carpeta de temas. Hexo generará páginas estáticas basadas en el tema.

Vista local

Continúe ejecutando el siguiente comando. Después del éxito, puede iniciar sesión en localhost:4000 para ver los resultados $?hexo?server

Comando abreviado común de Hexo hexo?n? Generar artículos o fuentes\_posts para edición manual

hexo?s?#Vista previa de resultados para publicación local

hexo?g?#Generar archivos estáticos públicos

hexo?d?#Pregenerar archivos estáticos antes de la implementación

Implementar páginas estáticas en GitHub

Comandos abreviados comunes de Hexo

Hexo ? strong>

Hexo proporciona una función de implementación rápida y simple con un solo clic, que permite implementar el sitio web en el servidor con un solo comando. $?hexo?deploy

Antes de comenzar, debes crear un archivo ?_config.yml? La configuración de implementación correcta debe contener al menos el parámetro de tipo, por ejemplo: implementar: tipo:?git

Para publicar en git, necesita instalar ?hexo-deployer-git?$?npm?install? hexo-deployer-git ?--save

Modificar configuración. implementar: tipo:?git repo:? rama:?[rama] mensaje:? [mensaje]

Parámetros y sus descripciones

repositorio ?dirección del repositorio

sucursal ?El nombre de la sucursal. Si estás usando GitHub o GitCafe, el programa intentará detectarlo automáticamente. mensaje ?Información de envío personalizada (el valor predeterminado es "El sitio ha sido actualizado: {{ now("AAAA-MM-DD HH:mm:ss") }})

Después de completar la configuración, ejecute el command?hexo? d

Puede publicar el archivo en github públicamente y luego consultar el sitio web