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> p>
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:?
Parámetros y sus descripciones
repositorio ?dirección del repositorio
p>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
.