Download tabi - download do código-fonte tabi

tabi

Outras categorias

v3.1.0

Baixar

? tabi

Um tema Zola acessível com pesquisa, suporte multilíngue, JavaScript opcional, pontuação Lighthouse perfeita e documentação abrangente. Criado para sites e blogs pessoais.

Dica

Quer começar a blogar imediatamente? Use o modelo tabi-start para colocar um site completo em funcionamento em minutos.

Veja uma prévia ao vivo (e a documentação do tema) aqui.

Explore a seção Sites usando tabi para ver aplicativos do mundo real.

tabi (旅, / t ɐ ˈ b i /): Viagem.

tabi

tabi tem uma pontuação perfeita na auditoria Lighthouse do Google:

Características

Instalação

Observação

A maneira mais rápida de criar um novo site é usar o modelo tabi-start. Isso fornece uma configuração completa do blog com todas as configurações essenciais prontas para uso.

Instalação manual

Para adicionar tabi ao seu site Zola existente:

Inicialize um repositório Git no diretório do seu projeto (se ainda não o fez):

 git init

Adicione o tema como um submódulo git:

 git submodule add https://github.com/welpo/tabi.git themes/tabi

Ou clone o tema em seu diretório de temas:

 git clone https://github.com/welpo/tabi.git themes/tabi

Configuração necessária

Habilite o tema em seu config.toml :

 theme = "tabi"

Defina um title em seu config.toml :

 title = "Your Site Title"

Configure o destaque do bloco de código em seu config.toml :

[ markdown ]
highlight_code = true
highlight_theme = " css "

Crie um arquivo content/_index.md . Este arquivo controla a aparência e o comportamento da sua página inicial. Escolha uma das seguintes opções:
Opção A: veicular postagens de / :
```
 +++
title = "Home"
paginate_by = 5  # Show 5 posts per page.
+++
```
- Isso exibirá postagens em content/ com paginação.
Opção B: veicular postagens de um caminho diferente (por exemplo, blog/ ) :
```
 +++
title = "Home"
# Note we're not setting `paginate_by` here.

[extra]
section_path = "blog/_index.md"  # Where to find your posts.
max_posts = 5  # Show 5 posts on the home page.
+++
```
- Isso exibirá as últimas 5 postagens do blog/ seção.
- Não defina paginate_by se você escolher esta opção.
- Use o caminho completo para o arquivo _index.md da seção. Usar section_path = "blog/" não funcionará.

Aviso

Não defina paginate_by e section_path em content/_index.md .

Essas configurações são mutuamente exclusivas e o uso de ambas pode resultar na não exibição de postagens.

Se você quiser uma seção de introdução (veja a captura de tela acima), adicione estas linhas a content/_index.md :

 [extra]
header = {title = "Hello! I'm tabi~", img = "img/main.webp", img_alt = "Your Name" }

O conteúdo fora do cabeçalho será renderizado entre o título do cabeçalho e a listagem das postagens. Na imagem acima, é o texto que diz “tabi é um tema Zola rápido, leve e moderno…”.

Se quiser um site multilíngue, você precisará configurar cada idioma. Em config.toml , defina o título e as taxonomias para cada idioma, como:

[ languages . es ]
title = " ~/tabi "
taxonomies = [{ name = " tags " , feed = true }]

Você precisará de um _index.{language_code}.md por idioma para cada seção (por exemplo, /blog ou /projects) que deseja ativar nesse idioma.

O mesmo vale para postagens individuais, que devem ter exatamente o mesmo nome do idioma padrão, com um .{code} extra antes da extensão (por exemplo, a versão em espanhol de security.md seria security.es.md ).

Esta configuração permite que o seletor de idioma leve o usuário à tradução da URL atual. Caso não exista tradução, será exibida a página 404, com explicação em cada idioma definido na configuração.

Para saber mais sobre suporte multilíngue, consulte as Perguntas frequentes.

Atualizando tabi

Se você adicionou o tema como um submódulo git, execute:

git submodule update --remote themes/tabi

Se você clonou:

 cd themes/tabi
git pull

Sites que usam tabi

Site	Criador	Descrição	Fonte do site
osc.garden	Óscar Fernández (bem)	Ciência de dados, psicologia e Zola	Fonte
sandip.live	Sandip G (homem-areia)	Startups, tecnologia e boa vida	Fonte
seadve.github.io	Dave Patrick Caberto (SeaDve)	Blog pessoal e portfólio com CSS personalizado	Fonte
página mikufan	Nádia	Blog pessoal	Fonte
tim-boettcher.online	Tim Böttcher	Insights e divagações de um programador surdocego	Fonte
www.richtman.au	Ariel Richtman	Blog pessoal de tecnologia	Fonte
Jogos de Ponderosa	John Burak (JVimes)	Uma empresa amigável de jogos indie	-
jmbhughes.com	Marcus Hughes (jmbhughes)	Blog pessoal	Fonte
szabolcs.me	Szabolcs Fazekas (szabolcsf)	Blog pessoal	Fonte