Introducir "Anémona", un tema minimalista de Zola que prioriza CSS limpio y evita JavaScript pesado. Disfrute de una experiencia de usuario perfecta con los tiempos de carga de Lightning-Fast. Deje que su contenido tome el centro del escenario en un diseño elegante y sin desorden que mejore la legibilidad. Receptiva y eficiente, la anémona pone enfoque a sus ideas.
Puede navegar por el sitio web de demostración aquí, también lo uso en mi propio sitio web.
La anémona es un tema de zola versátil que viene con variantes claras y oscuras. Puede cambiar fácilmente entre los temas claros y oscuros para adaptarse a sus preferencias.
Para comenzar con la anémona, siga estos simples pasos:
themes
: cd themes
git clone https://github.com/Speyll/anemone
config.toml
: theme = " anemone "
Esta versión trae varias mejoras y mejoras, centrándose principalmente en optimizar el rendimiento y la experiencia del usuario. Aquí hay un resumen de los cambios clave:
Integración SUCS: el CSS central ahora aprovecha el marco Sucss liviano realizado por el suyo de verdad, proporcionando una mejor capacidad de mantenimiento, robustez y escalabilidad. Con SUCS, el tema debe mantener una apariencia constante en diferentes navegadores.
Tema mejorado alternar: el togado de tema oscuro y ligero se ha renovado para obtener más consistencia. Ahora, el sitio web respeta la configuración del tema del sistema del usuario, asegurando una experiencia perfecta. Además, la palanca conserva el tema seleccionado para futuras visitas, ofreciendo una mejor usabilidad.
Transición suave y efecto de sonido: disfrute de una transición más suave entre el modo oscuro y ligero acompañado de un efecto de sonido sutil. Tenga la seguridad de que el efecto de sonido agregado incurre en una sobrecarga de rendimiento mínima, con el tamaño del archivo de solo 1 kb.
Nombre de clase y actualización de códigos cortos: algunos nombres de clase y códigos cortos se han modificado para una mejor organización y claridad. Pido disculpas por cualquier inconveniente que esto pueda causar.
Cambio ligero en la elección de color: algunos colores de modo oscuro se han cambiado en aras de la legibilidad, que aún usan VEQEV.
Anemone proporciona varias opciones para personalizar su sitio web:
Para usar etiquetas, agregue el siguiente código a los metadatos de una página:
[ taxonomies ]
tags = [ " tag1 " , " tag2 " ]
Habilite la lista de páginas en la página de inicio agregando el siguiente código a config.toml
:
[ extra ]
list_pages = true
El tema tiene una función incorporada que le permite usar varios idiomas. Para obtener instrucciones detalladas sobre cómo usar esta función, puede consultar la documentación multilingüe de Zola. Esta documentación proporciona información adicional sobre cómo aprovechar al máximo esta capacidad multilingüe.
[ languages . fr ]
generate_feeds = true
build_search_index = true
Personalice los enlaces de navegación del encabezado con el siguiente código en la sección extra
de config.toml
:
[ extra ]
header_nav = [
{ url = " / " , name_en = " /home/ " , name_fr = " /accueil/ " },
{ url = " /about " , name_en = " /about/ " , name_fr = " /concernant/ " },
{ url = " /journal " , name_en = " /journal/ " , name_fr = " /journal/ " },
{ url = " /blog " , name_en = " /blog/ " , name_fr = " /blog/ " }
]
En la primera marina de una página, establezca extra.toc
en true
:
[ extra ]
toc = true
Personalice la visualización del nombre del autor en las publicaciones de su blog alternando la variable display_author
a true
o false
:
[ extra ]
display_author = true
Agregue un Webring con un código corto:
{{ webring(prev="#", webring="#", webringName="Random Webring", next="#") }}
author
tanto en la configuración principal como en los metadatos de las páginas.image
en las páginas para agregar una imagen a las etiquetas HTML <meta>
.favicon
en la configuración principal, y se utilizará como el icono del sitio.footer_content_license
y footer_content_license_link
si desea mostrar información de la licencia de contenido en el pie de página. Las metatagas de Twitter se generan por defecto. Para deshabilitarlos, establezca extra.twitter_card
en false
en config.toml
:
[ extra ]
twitter_card = true
El tema de la anémona está disponible como código abierto bajo los términos de la licencia MIT.