Tutorial de download e instalação do Jekyll: crie um site de blog estático do zero em seu computador local

Esta Jekyll Baixe o tutorial de instalação e te ensino passo a passo✨Você pode ter seu próprio blog sem gastar dinheiro!

Crie um blog estático do zero, mesmo se você for um novato, você pode fazer isso facilmente! Não há necessidade de complicarconstruir um site, diga adeus ao trabalho de construir um site, tenha seu próprio blog exclusivo em minutos e deixe seu talento e criatividade brilharem! 🚀🎉

O que é Jekyll?

Jekyll, um gerador de sites estáticos, é muito adequado para construir sites de blogs.

Ele pode usar texto escrito em linguagem de marcação e usar layout para construir sites estáticos.

Você pode modificar a aparência do site, a URL, os dados exibidos na página e muito mais...

As deficiências do Jekyll são óbvias. Por não usar banco de dados, é totalmente inadequado para construção.Comércio eletrônicotipo de site.

Quais são as vantagens do Jekyll?

• Jekyll é fácil de usar e aprender.
• Jekyll pode gerar sites estáticos rápidos e seguros.
• Jekyll possui um grande número de temas e plugins disponíveis.

Como começar a usar o Jekyll?

1. Instale o Jekyll.
2. Crie um novo site Jekyll.
3. Escolha um tema Jekyll.
4. Adicione seu conteúdo:Tutorial do novo artigo do Jekyll
5. Visualize seu site.
6. Construa seu site.
7. Implante seu site:O blog estático Jekyll é implantado no Surge.sh gratuitamente

Instale o Jekyll baixando RubyInstaller

A maneira mais fácil de instalar Ruby e Jekyll é usar o RubyInstaller para Windows.

RubyInstaller é um instalador independente baseado em Windows que inclui a linguagem Ruby, ambiente de execução, documentação importante, etc.

Cobrimos apenas RubyInstaller-2.4 e superior aqui. Versões mais antigas requerem instalação manual do Devkit.

passo 1:Baixar RubyInstaller

• Baixe e instale em Downloads do RubyInstallerRuby+DevkitVersão.
• Instale usando opções padrão.

Etapa 2:Digite cmd

Pressione para baixoTecla WIN + tecla Re digite cmde pressione Enter ▼

Etapa 3:Insira a entrada do comando ridk installEtapas nas etapas finais da instalação.

• Isso é necessário para instalar gems com extensões nativas.
• Escolha entre as opçõesMSYS2 and MINGW development tool chain.

• Comando de execução ruby -v 和 gem -v para verificar o número da versão para confirmar se a instalação foi bem-sucedida.

Abra o menu Iniciar do Windows e encontreStart Command Prompt with Ruby, para ativar a linha de comando Ruby.

Etapa 4:Mudar a fonte da gema para a fonte chinesa

Devido a problemas de conexão e velocidade de rede, antes de considerar atualizar a gema, é altamente recomendável mudar a fonte da gema para a fonte chinesa▼

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

或者

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

Etapa 5:Vamos verificar as fontes atuais ▼

gem sources -l

• Certifique-se de que haja apenas gems.ruby-china.com

Etapa 6:Atualizar gema Ruby▼

gem update

Etapa 7:Instalamos componentes ▼

gem install jekyll bundler

Etapa 8:Verifique se o Jekyll está totalmente instalado▼

jekyll -v

Crie um site de blog estático Jelly em seu computador local

Etapa 1:Alterar letra da unidade▼
Entre diretamente no cmdd:

Etapa 2:Alterar pasta atual▼

cd /d d:\Jekyll\

Etapa 3:Crie um novo site Jekyll usando o seguinte comando ▼

jekyll new site1

Etapa 4:Entre no diretório do projeto▼

cd site1

Etapa 5:Inicie o serviço Jekyll▼

bundle exec jekyll serve

transferir--livereloadopções paraserveAtualize a página automaticamente sempre que forem feitas alterações no arquivo de origem▼

bundle exec jekyll serve --livereload

• Ao desenvolver seu site, usejekyll serve或 jekyll build
• Para forçar o navegador a atualizar a cada alteração, usejekyll serve --livereload.
• jekyll serveVersão integrada do site_siteNão é adequado para implantação.
• Use links e URLs de ativos do site criado jekyll serve usará https://localhost:4000 O valor é definido por meio da configuração da linha de comando, e não no arquivo de configuração do site.

Etapa 6:访问 http://localhost:4000 Ver projeto.

Nota:

• Se o arquivo for colocado em xxx.github .io/blog, isso pode fazer com que a página do Github não seja atualizada.
• A razão para esse fenômeno é que o GitHub só lerá xxx.github .io/_includes no Jekyll e não se aprofundará em blog/_includes.
• Felizmente, esse problema não é difícil, basta configurar uma página do Github no GitHub e o problema será resolvido em um instante!

Como deletar o site Jekyll instalado no computador local através de comandos?

Você pode usar o seguinte comando para excluir um site do Jekyll instalado localmente.

Exclua os arquivos gerados:

Etapa 1:Execute o seguinte comando para limpar os arquivos gerados▼

jekyll clean

Etapa 2:Exclua todos os diretórios de sites

• Se quiser excluir completamente todo o diretório do site, você pode excluir manualmente o C:/Users/a/myblog pasta.

🔗Continue lendo▼

🔗Por que o Jekyll Serve falhou ao iniciar? Um guia completo para resolver erros e ineficácia

Recursos Jekyll

Jekyll é uma estrutura simples, estilo blog, para a construção de sites estáticos.

Usa Redução de preço e linguagem de modelo Liquid, permitindo criar facilmente sites bonitos e dinâmicos.

Consulte a documentação do Jekyll para obter mais informações.

Aqui estão alguns recursos úteis sobre o Jekyll. Espero que esses recursos possam ajudá-lo a usar o Jekyll para construir um site!