Tutorial de descarga e instalación de Jekyll: cree un sitio web de blog estático desde cero en su computadora local

Esto Jekyll Descarga el tutorial de instalación y te enseñará paso a paso✨ ¡Puedes tener tu propio blog sin gastar dinero!

Cree un sitio web de blog estático desde cero. Incluso si es un novato, ¡puede hacerlo fácilmente! No hay necesidad de complicarseconstruir un sitio web, diga adiós a la molestia de crear un sitio web, tenga su propio blog exclusivo en minutos y deje brillar su talento y creatividad. 🚀🎉

¿Qué es Jekyll?

Jekyll, un generador de sitios web estáticos, es muy adecuado para crear sitios web de blogs.

Puede utilizar texto escrito en lenguaje de marcado y utilizar diseño para crear sitios web estáticos.

Puedes modificar la apariencia del sitio web, la URL, los datos que se muestran en la página, y más...

Las deficiencias de Jekyll son obvias: debido a que no utiliza una base de datos, es completamente inadecuado para construirComercio electrónicotipo de sitio web.

¿Cuáles son las ventajas de Jekyll?

• Jekyll es fácil de usar y aprender.
• Jekyll puede generar sitios web estáticos rápidos y seguros.
• Jekyll tiene una gran cantidad de temas y complementos disponibles.

¿Cómo empezar a utilizar Jekyll?

1. Instalar Jekyll.
2. Crea un nuevo sitio web de Jekyll.
3. Elige un tema de Jekyll.
4. Añade tu contenido.
5. Obtenga una vista previa de su sitio web.
6. Construye tu sitio web.
7. Implemente su sitio web:El blog estático de Jekyll se implementa en Surge.sh de forma gratuita

Instale Jekyll descargando RubyInstaller

La forma más sencilla de instalar Ruby y Jekyll es utilizar RubyInstaller para Windows.

RubyInstaller es un instalador independiente basado en Windows que incluye el lenguaje Ruby, el entorno de ejecución, documentación importante, etc.

Aquí solo cubrimos RubyInstaller-2.4 y versiones posteriores. Las versiones anteriores requieren la instalación manual de Devkit.

Paso 1:Descargar RubyInstaller

• Descargue e instale desde Descargas de RubyInstallerKit de desarrollo Ruby+versión.
• Instalar usando las opciones predeterminadas.

Paso 2:Ingrese cmd

ApretarTecla GANAR + tecla R, luego ingresa cmdy luego presione Entrar ▼

Paso 3:Ingrese la entrada del comando ridk installPasos en las etapas finales de la instalación.

• Esto es necesario para instalar gemas con extensiones nativas.
• Elige entre opcionesMSYS2 and MINGW development tool chain.

• Ejecutar comando ruby -v 和 gem -v para verificar el número de versión para confirmar si la instalación fue exitosa.

Abra el menú Inicio de Windows y busqueStart Command Prompt with Ruby, para habilitar la línea de comando de Ruby.

Paso 4:Cambiar la fuente de la gema a la fuente china

Debido a problemas de velocidad y conexión de red, antes de considerar actualizar la gema, se recomienda encarecidamente cambiar la fuente de la gema a la fuente china▼

gem sources --remove https://rubygems.org/
gem sources -a https://gems.ruby-china.com/

o

gem sources --add https://gems.ruby-china.com/ --remove https://rubygems.org/

Paso 5:Veamos las fuentes actuales ▼

gem sources -l

• Asegúrese de que sólo haya gems.ruby-china.com

Paso 6:Actualizar gema Ruby▼

gem update

Paso 7:Instalamos componentes ▼

gem install jekyll bundler

Paso 8:Compruebe si Jekyll está completamente instalado▼

jekyll -v

Cree un sitio web de blog estático Jelly en su computadora local

Paso 1:Cambiar letra de unidad▼
Ingrese directamente en cmdd:

Paso 2:Cambiar carpeta actual▼

cd d:\Jekyll\

Paso 3:Cree un nuevo sitio web de Jekyll usando el siguiente comando ▼

jekyll new site1

Paso 4:Ingrese al directorio del proyecto▼

cd site1

Paso 5:Iniciar servicio Jekyll▼

jekyll serve

transferir--livereloadopciones paraserveActualiza automáticamente la página cada vez que se realizan cambios en el archivo fuente▼

bundle exec jekyll serve --livereload

• Cuando desarrolle su sitio web, utilicejekyll serve或 jekyll build
• Para forzar que el navegador se actualice con cada cambio, usejekyll serve --livereload.
• jekyll serveVersión del sitio incorporada_siteNo apto para implementación.
• Utilice enlaces y URL de activos del sitio creado jekyll serve utilizará https://localhost:4000 El valor se establece a través de la configuración de la línea de comando, en lugar de en el archivo de configuración del sitio.

Paso 6:访问 http://localhost:4000 Ver Proyecto.

Nota:

• Si el archivo se coloca en xxx.github.io/blog, es posible que la página de Github no se actualice.
• La razón de este fenómeno es que GitHub solo leerá xxx.github.io/_includes en Jekyll y no profundizará en blog/_includes.
• Afortunadamente, este problema no es difícil: simplemente configure una página de Github en GitHub y el problema se resolverá en un instante.

¿Cómo eliminar el sitio web de Jekyll instalado en la computadora local mediante comandos?

Puede utilizar el siguiente comando para eliminar un sitio web de Jekyll instalado localmente.

Eliminar los archivos generados:

Paso 1:Ejecute el siguiente comando para borrar los archivos generados▼

jekyll clean

Paso 2:Eliminar todos los directorios de sitios web

• Si desea eliminar por completo todo el directorio del sitio web, puede eliminar manualmente el C:/Users/a/myblog carpeta.

Recursos de Jekyll

Jekyll es un marco simple estilo blog para crear sitios web estáticos.

Usa Reducción y lenguaje de plantilla Liquid, que le permite crear fácilmente sitios web atractivos y dinámicos.

Consulte la documentación de Jekyll para obtener más información.

Aquí hay algunos recursos útiles sobre Jekyll. ¡Espero que estos recursos puedan ayudarte a usar Jekyll para crear un sitio web!