Um tema simples de blog de desenvolvimento para Zola. Ele não usa JavaScript, pré-renderiza links entre navegação, postagens de blog e tags e adiciona tags comuns para SEO.
Você pode ver ao vivo aqui.
Para criar um novo site Zola, primeiro baixe a CLI e instale-a em seu sistema. Este tema requer Zola versão 0.14 ou superior.
Você pode encontrar instruções de instalação no site da Zola.
Depois de instalar o Zola CLI, execute o seguinte comando para criar um novo site:
zola init my_amazing_site
cd my_amazing_site
Depois de criar o site, instale o tema “Simple Dev Blog” assim:
git clone --depth=1
https://github.com/bennetthardwick/simple-dev-blog-zola-starter
themes/simple-dev-blog
Agora em seu arquivo config.toml
, escolha o tema definindo theme = "simple-dev-blog"
.
Este tema usa a taxonomia tags
, em seu arquivo config.toml
set taxonomies = [ { name = "tags" } ]
Copie o conteúdo padrão do tema executando cp themes/simple-dev-blog/content/* ./content -r
É isso! Agora crie seu site executando o seguinte comando e navegue até 127.0.0.1:111
:
zola serve
Agora você deve ter um blog de desenvolvimento simples e rápido instalado e funcionando, divirta-se!
Veja config.toml
e theme.toml
neste repositório para ter uma ideia, aqui está uma lista de todas as opções:
As seguintes opções devem estar em [extra]
em config.toml
accent_light
- um tom mais claro da cor de destaque do seu siteaccent
- a cor de destaque do seu siteblog_path
- o caminho para o seu blog (o padrão é blog
)default_og_image
- o caminho padrão og:image para sua páginafooter_about
- o conteúdo do seu rodapé no markdownicon
- o caminho para o ícone do seu site na pasta de conteúdoicon.png
você deve colocá-lo em content/icon.png
nav
- veja theme.toml
, os links de navegação do seu sitenot_found_message
– o conteúdo da sua página 404 em markdownprofile_large
- o caminho para uma versão vertical maior da sua foto de perfil na pasta de conteúdoprofile_small
- o caminho para uma versão pequena da sua foto de perfil na pasta de conteúdo As seguintes opções devem estar na seção [extra]
de cada página
thumbnail
- o caminho para sua og:image dessa página