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

这篇 Jekyll Descarga o tutorial de instalación e ensínache paso a paso✨Podes ter o teu propio blog sen gastar cartos!

Crea un sitio web de blog estático desde cero, aínda que sexas un novato, podes facelo facilmente. Non hai que complicarConstruír unha estación, despídese da molestia de construír un sitio web, ten o teu propio blog exclusivo en minutos e deixa brillar 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 deficiencias de Jekyll son obvias Debido a que non usa unha base de datos, é completamente inadecuada para a súa construciónComercio electrónicotipo de sitio web.

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. 添加你的内容: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.

Capitulo 2:Introduce cmd

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

Paso 2: introduza cmd e prema a tecla WIN + tecla R, despois insira cmd e prema 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.

Capitulo 4:Cambia a fonte de xemas á 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/

Capitulo 5:Vexamos as fontes actuais ▼

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

Capitulo 6:Actualiza Ruby gem▼

gem update

Capitulo 7:Instalamos compoñentes ▼

gem install jekyll bundler

Capitulo 8:Comproba 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:

Capitulo 2:Cambiar o cartafol actual▼

cd d:\Jekyll\

Capitulo 3:Crea un novo sitio web de Jekyll usando o seguinte comando ▼

jekyll new site1

Capitulo 4:Introduza o directorio do proxecto▼

cd site1

Capitulo 5:Inicia o servizo Jekyll▼

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 servejekyll 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:

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

jekyll clean

Capitulo 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.

Recursos Jekyll

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

usa Redución de prezo e linguaxe de modelos Liquid, que che permiten crear facilmente sitios web fermosos e dinámicos.

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.

Blog de Hope Chen Weiliang ( https://www.chenweiliang.com/ ) compartiu "Tutorial de descarga e instalación de Jekyll: crea un sitio web de blog estático desde cero nun ordenador local", que che será útil.

Benvido a compartir a ligazón deste artigo:https://www.chenweiliang.com/cwl-31549.html

Benvido á canle de Telegram do blog de Chen Weiliang para recibir as últimas actualizacións.

🔔 Sexa o primeiro en obter a valiosa "Guía de uso da ferramenta de intelixencia artificial de marketing de contidos de ChatGPT" no directorio principal da canle. 🌟
📚 Esta guía contén un gran valor, 🌟Esta é unha oportunidade rara, non a perdas! ⏰⌛💨
Comparte e da like se che gusta!
O teu compartir e gústame son a nosa motivación continua!

 

发表 评论

O seu enderezo de correo electrónico non se publicará. Utilízanse os campos obrigatorios * Etiqueta

desprázate cara arriba