Jekyll constrói vários sites estáticos localmente. Como configurar as URLs para acessar diferentes sites locais?

🌈【Tutorial definitivo】JekyllVários truques de configuração de sites, brinque com diferentes visitas de sites e divirta-se无限prazer! ✨🎈

🌈 Quer dominar facilmente as habilidades de configuração de vários sites do Jekyll? aqui temCrie um site de blog estático do zero em seu computador localO tutorial definitivo! Desde configurar diferentes acessos a sites até desfrutar de diversão ilimitada, este guia fará de tudo! Deixe você se tornar um mestre de sites! 💥🚀

Jekyll vários métodos de configuração de site estático

编辑 _config.yml arquivo para configurar o Jekyll.

Os itens de configuração incluem título do site, descrição, tema, URL, etc.

Ao usar o Jekyll para construir vários sites localmente, você pode acessar diferentes sites das seguintes maneiras:

Use um número de porta diferente:

• Cada site pode ser executado em um número de porta diferente.
• Por exemplo, você pode manter seu blog pessoal no porto 4001 ligado, execute o site de exibição do projeto na porta 4002 em.
• Em um navegador, você pode acessar diferentes sites especificando o número da porta no URL.
• Por exemplo, para acessar a porta em execução 4001 No seu blog pessoal, você pode inserir http://localhost:4001.

Aqui estão alguns exemplos de configuração específicos:

Use um número de porta diferente:

# _config.yml 文件
port: 4001

Use um nome de domínio diferente:

# _config.yml 文件
url: "http:// blog.example. com"

Gerencie vários sites estáticos do Jekyll

Você pode criar uma pasta separada para cada site, personalizando cada site com diferentes perfis e conteúdos.

Exemplo: digamos que você queira criar um blog pessoal e um site de demonstração de projetos.

blog pessoal:

• Crie um arquivo chamado blog pasta.
• 在 blog pasta, crie _config.yml 和 index.md Arquivo.
• 在 _config.yml No arquivo, configure o título do site, descrição, etc...
• 在 _posts pasta, adicione sua postagem no blog.

Site de exibição do projeto:

• Crie um arquivo chamado portfolio pasta.
• 在 portfolio pasta, crie _config.yml 和 index.md Arquivo.
• 在 _config.yml No arquivo, configure o título do site, descrição, etc...
• 在 _posts pasta, adicione as informações do seu projeto.

Site de publicação:

• 在 blog pasta, execute jekyll serve Ordem para publicar um blog pessoal.
• 在 portfolio pasta, execute jekyll serve Site de exibição do projeto de liberação de comando.
• Usar Jekyll para construir vários sites é uma maneira simples e eficaz.

Como iniciar um site Jekyll instalado localmente através de um comando?

Para ser iniciado via linha de comando instalada localmente d:\Jekyll\site1\ Para o site Jekyll, você pode seguir estas etapas:

1. Navegue até a pasta do site Jekyll:

• Abra uma linha de comando ou terminal.
• Navegue até a pasta do site usando o comando

cd /d d:\Jekyll\site1

2. Execute o comando jekyll serve:

bundle exec jekyll serve

• Este comando iniciará o servidor Jekyll e começará a hospedar seu site localmente.

3. Você pode visualizar seu site acessando o seguinte URL em seu navegador:

http://localhost:4001

Aqui estão algumas dicas adicionais:

• você pode usar--portopção especifica o número da porta. Por exemplo, para hospedar seu site na porta 8080 , execute o seguinte comando:

bundle exec jekyll serve --port 8080

• você pode usar--configAs opções especificam o arquivo de configuração. Por exemplo, para usar um arquivo chamadomyconfig.ymlarquivo de configuração, execute o seguinte comando:

bundle exec jekyll serve --config myconfig.yml

• transferir--livereloadopções paraserveAtualizar a página automaticamente sempre que uma alteração for feita em um arquivo de origem:

bundle exec jekyll serve --livereload

• Implante seu site usando o seguinte comando:

bundle exec jekyll build

Como adicionar conteúdo de artigo no Jekyll?

Crie um arquivo .md para adicionar conteúdo.

Suporte Jekyll Redução de preço Gramática, que pode ser usada para formatar texto, inserir imagens, criar links, etc...

Seguindo o tutorial abaixo, você poderá criar rapidamente um site que atenda às suas necessidades▼

🔗Tutorial do novo artigo do Jekyll, domine as habilidades de como escrever artigos e faça suas palavras voarem!