simple dev blog zola starter

simple-dev-blog-zola-starter

Un sencillo tema de blog de desarrollo para Zola. No utiliza JavaScript, presenta enlaces previos entre navegación, publicaciones de blog y etiquetas y agrega etiquetas comunes para SEO.

Puedes verlo en vivo aquí.

Cómo empezar

Para crear un nuevo sitio Zola, primero descargue la CLI e instálela en su sistema. Este tema requiere la versión 0.14 o superior de Zola.

Puede encontrar instrucciones de instalación en el sitio web de Zola.

1. Después de haber instalado Zola CLI, ejecute el siguiente comando para crear un nuevo sitio:

   zola init my_amazing_site
   cd my_amazing_site

2. Después de haber creado el sitio, instale el tema "Simple Dev Blog" de esta manera:

   git clone --depth=1 
     https://github.com/bennetthardwick/simple-dev-blog-zola-starter 
     themes/simple-dev-blog

3. Ahora en su archivo config.toml , elija el tema configurando theme = "simple-dev-blog" .

4. Este tema utiliza la taxonomía tags , en su archivo config.toml establezca taxonomies = [ { name = "tags" } ]

5. Copie el contenido predeterminado del tema ejecutando cp themes/simple-dev-blog/content/* ./content -r

6. ¡Eso es todo! Ahora cree su sitio ejecutando el siguiente comando y navegue hasta 127.0.0.1:111 :

   zola serve

Ahora deberías tener un blog de desarrollo sencillo y rápido en funcionamiento, ¡diviértete!

Personalización

Mire config.toml y theme.toml en este repositorio para tener una idea; aquí hay una lista de todas las opciones:

Global

Las siguientes opciones deben estar debajo de [extra] en config.toml

• accent_light : un tono más claro del color de acento de su sitio.
• accent : el color de acento de su sitio
• blog_path : la ruta a tu blog (el valor predeterminado es blog )
• default_og_image : la ruta predeterminada og:image para tu página
• footer_about : el contenido de su pie de página en Markdown
• icon : la ruta al icono de su sitio en la carpeta de contenido
  • Por ejemplo, para agregar el archivo icon.png debes ponerlo en content/icon.png
• nav : vea theme.toml , los enlaces de navegación para su sitio
• not_found_message : el contenido de su página 404 en rebajas
• profile_large : la ruta a una versión vertical más grande de su imagen de perfil en la carpeta de contenido
• profile_small : la ruta a una versión pequeña de su foto de perfil en la carpeta de contenido

Página

Las siguientes opciones deben estar en la sección [extra] de cada página.

• thumbnail : la ruta a su og:imagen para esa página.