Tutorial de descarga e instalación de Jekyll: crea un sitio web de blog estático desde cero no teu ordenador local

Este tutorial de descarga e instalación de Jekyll guiarache paso a paso para ter o teu propio blog sen gastar nin un céntimo!

Crea un sitio web de blog estático desde cero: mesmo os principiantes poden facelo facilmente! Non se require ningunha creación web complicada , despídete dos problemas de creación web e ten o teu propio blog persoal en minutos para liberar o teu talento e creatividade! 🚀🎉

Que é Jekyll?

Tutorial de descarga e instalación de Jekyll: crea un sitio web de blog estático desde cero no teu ordenador local

Jekyll, un xerador de sitios web estáticos, é moi axeitado para construír blogs.

Pode usar texto escrito en linguaxe de marcado e usar o deseño para crear sitios web estáticos.

Podes modificar o aspecto do sitio web, a URL, os datos que aparecen na páxina, etc.

As desvantaxes de Jekyll son obvias: como non usa unha base de datos, é completamente inadecuado para crear sitios web de comercio electrónico.

Cales son as vantaxes de Jekyll?

  • Jekyll é fácil de usar e aprender.
  • Jekyll pode xerar sitios web estáticos rápidos e seguros.
  • Jekyll ten un gran número de temas e complementos dispoñibles.

Como comezar a usar Jekyll?

  1. Instalar Jekyll.
  2. Crea un novo sitio web de Jekyll.
  3. Escolle un tema de Jekyll.
  4. Engade o teu contido:Tutorial do novo artigo de Jekyll
  5. Vista previa do seu sitio web.
  6. Crea o teu sitio web.
  7. Implementa o teu sitio web:O blog estático de Jekyll está implantado en Surge.sh gratuitamente

Instala Jekyll descargando RubyInstaller

A forma máis sinxela de instalar Ruby e Jekyll é usar o RubyInstaller para Windows.

RubyInstaller é un instalador independente baseado en Windows que inclúe a linguaxe Ruby, o ambiente de execución, documentación importante, etc.

Aquí só cubrimos RubyInstaller-2.4 ou superior. As versións anteriores requiren a instalación manual de Devkit.

Paso 1: Descargar RubyInstaller

  • Descarga e instala desde RubyInstaller DownloadsRuby+Devkitversión.
  • Instala usando as opcións predeterminadas.

Paso 2: Introduza cmd

premeTecla WIN + tecla R, despois entra cmde, a continuación, prema Intro ▼

Paso 2: Abre cmd premendo a tecla WIN + a tecla R, escribe cmd e preme Intro.

Capitulo 3:Introduza a entrada de comando ridk installPasos nas fases finais da instalación.

  • Isto é necesario para instalar xemas con extensións nativas.
  • Escolle entre as opciónsMSYS2 and MINGW development tool chain.
  • Executar comando ruby -v E gem -v para comprobar o número de versión para confirmar se a instalación foi exitosa.

Abra o menú Inicio de Windows e busqueStart Command Prompt with Ruby, para activar a liña de comandos de Ruby.

Paso 4: Cambia a fonte das xemas a unha fonte chinesa

Debido a problemas de conexión de rede e velocidade, antes de considerar actualizar a xema, recoméndase encarecidamente cambiar a fonte de xemas á fonte chinesa▼

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

ou

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

Paso 5: Comprobemos a fonte actual ▼

gem sources -l
  • Asegúrate de que só hai gems.ruby-china.com

Paso 6: Actualizar a xoia de Ruby ▼

gem update

Paso 7: Instalamos os compoñentes ▼

gem install jekyll bundler

Paso 8: Comprobar se Jekyll está completamente instalado ▼

jekyll -v

Constrúe un sitio web de blog estático de Jelly no teu ordenador local

Capitulo 1:Cambiar a letra da unidade ▼
Introduce directamente en cmdd:

Paso 2: Cambiar o cartafol actual ▼

cd /d d:\Jekyll\

Paso 3: Usa o seguinte comando para crear un novo sitio web de Jekyll ▼

jekyll new site1

Paso 4: Introduza o directorio do proxecto ▼

cd site1

Paso 5: Iniciar o servizo Jekyll ▼

bundle exec jekyll serve

Transferir--livereloadopcións paraserveActualiza automaticamente a páxina cada vez que se fagan cambios no ficheiro de orixe▼

bundle exec jekyll serve --livereload
  • Cando desenvolvas o teu sitio web, usajekyll serve或 jekyll build
  • Para forzar que o navegador se actualice en cada cambio, usejekyll serve --livereload.
  • jekyll serveVersión do sitio incorporada_siteNon apto para a súa implantación.
  • Usa ligazóns e URL de activos do sitio creado jekyll serve empregará https://localhost:4000 O valor establécese a través da configuración da liña de comandos, e non no ficheiro de configuración do sitio.

Capitulo 6:acceso http://localhost:4000 Ver proxecto.

coidado:

  • Se o ficheiro se coloca en xxx.github .io/blog, pode provocar que a páxina de Github non se actualice.
  • O motivo deste fenómeno é que GitHub só lerá xxx.github .io/_includes en Jekyll e non entrará en profundidade no blog/_includes.
  • Afortunadamente, este problema non é un problema difícil. Só ten que configurar unha páxina de Github en GitHub e o problema resolverase nun instante.

Como eliminar o sitio web de Jekyll instalado no ordenador local mediante comandos?

Podes usar o seguinte comando para eliminar un sitio web de Jekyll instalado localmente.

Elimina os ficheiros xerados:

Paso 1: Executa o seguinte comando para borrar os ficheiros xerados ▼

jekyll clean

Paso 2: Eliminar todos os directorios do sitio web

  • Se queres eliminar por completo todo o directorio do sitio web, podes eliminar manualmente o directorio C:/Users/a/myblog cartafol.

🔗Segue lendo▼

Recursos Jekyll

Jekyll é un marco sinxelo de estilo blog para crear sitios web estáticos.

Emprega linguaxes de modelos Markdown e Liquid, o que che permite crear sitios web fermosos e dinámicos con facilidade.

Consulte a documentación de Jekyll para obter máis información.

Aquí tes algúns recursos útiles sobre Jekyll. Espero que estes recursos che axuden a usar Jekyll para crear un sitio web.

发表 评论

您的邮箱地址不会被公开。必填项已用*标注

Volver arriba