From 8d0dd0dea5859be4d273a265c3015af829f4f65d Mon Sep 17 00:00:00 2001 From: Jieiku Date: Fri, 14 Aug 2026 21:28:41 -0700 Subject: Update Documentation --- README.md | 10 +- content/overview-abridge/index.es.md | 26 ++-- content/overview-abridge/index.fr.md | 26 ++-- content/overview-abridge/index.md | 26 ++-- content/overview-code-blocks.es.md | 2 +- content/overview-code-blocks.fr.md | 2 +- content/overview-code-blocks.md | 2 +- content/overview-images/index.es.md | 8 +- content/overview-images/index.fr.md | 12 +- content/overview-images/index.md | 14 +-- content/overview-math.es.md | 6 +- content/overview-math.fr.md | 8 +- content/overview-math.md | 8 +- content/overview-rich-content/index.es.md | 20 +-- content/overview-rich-content/index.fr.md | 20 +-- content/overview-rich-content/index.md | 20 +-- content/overview-showdata.es.md | 8 +- content/overview-showdata.fr.md | 8 +- content/overview-showdata.md | 10 +- content/video-streaming-sites/_index.fr.md | 2 +- content/video-streaming-sites/_index.md | 2 +- .../overview-embed-streamable.es.md | 8 +- .../overview-embed-streamable.fr.md | 6 +- .../overview-embed-streamable.md | 8 +- .../overview-embed-vimeo.es.md | 8 +- .../overview-embed-vimeo.fr.md | 6 +- .../video-streaming-sites/overview-embed-vimeo.md | 8 +- .../overview-embed-youtube.es.md | 8 +- .../overview-embed-youtube.fr.md | 6 +- .../overview-embed-youtube.md | 8 +- templates/components/components.html | 140 --------------------- templates/components/seo.html | 136 ++++++++++++++++++++ 32 files changed, 289 insertions(+), 293 deletions(-) create mode 100644 templates/components/seo.html diff --git a/README.md b/README.md index d365f15..e1bc4ab 100644 --- a/README.md +++ b/README.md @@ -3,7 +3,7 @@ # Abridge Zola Theme -A fast, lightweight, and modern [Zola](https://getzola.org) theme utilizing class-light semantic HTML with modular CSS. Perfect [Lighthouse](https://pagespeed.web.dev/report?url=abridge.pages.dev), [YellowLabTools](https://yellowlab.tools/), and [Observatory](https://developer.mozilla.org/en-US/observatory/analyze?host=abridge.netlify.app) scores. Here is a [Zola Themes Benchmarks](https://github.com/Jieiku/zola-themes-benchmarks/blob/main/README.md) Page. +A fast, lightweight, and modern [Zola](https://getzola.org) theme utilizing class-light semantic HTML with modular CSS. Perfect [Lighthouse](https://pagespeed.web.dev/report?url=abridge.pages.dev), [YellowLabTools](https://yellowlab.tools/), and [Observatory](https://developer.mozilla.org/en-US/observatory/analyze?host=abridge.pages.dev) scores. Here is a [Zola Themes Benchmarks](https://github.com/Jieiku/zola-themes-benchmarks/blob/main/README.md) Page. ![Lighthouse Score](https://raw.githubusercontent.com/Jieiku/abridge/master/content/overview-abridge/lighthouse.png) @@ -18,7 +18,7 @@ Maintenance of this project is made possible by all the @@ -23,12 +23,12 @@ Un tema para [Zola](https://getzola.org) rápido, ligero y moderno que utiliza H ## Características -- Puntuaciones perfectas de [Lighthouse](https://pagespeed.web.dev/report?url=abridge.netlify.app), [YellowLabTools](https://yellowlab.tools/) y [Observatory](https://developer.mozilla.org/en-US/observatory/analyze?host=abridge.netlify.app). +- Puntuaciones perfectas de [Lighthouse](https://pagespeed.web.dev/report?url=abridge.pages.dev), [YellowLabTools](https://yellowlab.tools/) y [Observatory](https://developer.mozilla.org/en-US/observatory/analyze?host=abridge.pages.dev). - [Soporte PWA](#pwa) (Aplicación Web Progresiva). -- Todo JavaScript puede ser [totalmente desactivado](https://abridge.netlify.app/overview-abridge/#javascript-files). +- Todo JavaScript puede ser [totalmente desactivado](https://abridge.pages.dev/overview-abridge/#javascript-files). - Temas Dark, Light, Auto y Switcher. (colores personalizables, variables css) -- [Resaltado de sintaxis de](https://abridge.netlify.app/overview-code-blocks/) código. (colores personalizables, variables css) -- Bloques de código numerados con [resaltado de línea](https://abridge.netlify.app/overview-code-blocks/#toml). +- [Resaltado de sintaxis de](https://abridge.pages.dev/overview-code-blocks/) código. (colores personalizables, variables css) +- Bloques de código numerados con [resaltado de línea](https://abridge.pages.dev/overview-code-blocks/#toml). - Sitio completamente Offline usando el PWA **o** configurando `search_library = "offline"` en `config.toml`. - Soporte multi-idioma. - Soporte para búsquedas.[(elasticlunr](https://abridge.pages.dev/), [pagefind](https://abridge-pagefind.pages.dev/), [tinysearch](https://abridge-tinysearch.pages.dev/)) @@ -43,14 +43,14 @@ Un tema para [Zola](https://getzola.org) rápido, ligero y moderno que utiliza H - Botón para copiar bloques de código. - Enlace de correo electrónico en la ofuscación de pie de página. (antispam) - Soporte[KaTeX](https://katex.org/). -- [Página de archivo](https://abridge.netlify.app/archive/). -- [Etiquetas](https://abridge.netlify.app/tags/). +- [Página de archivo](https://abridge.pages.dev/archive/). +- [Etiquetas](https://abridge.pages.dev/tags/). - Categorías. (similar a Etiquetas, desactivado/comentado por defecto) - Enlaces a iconos sociales en el pie de página. - Diseño responsivo. (mobile first) -- Códigos cortos de vídeo: [Youtube](https://abridge.netlify.app/video-streaming-sites/overview-embed-youtube/), [Vimeo](https://abridge.netlify.app/video-streaming-sites/overview-embed-vimeo/), [Streamable](https://abridge.netlify.app/video-streaming-sites/overview-embed-streamable/). -- Media Shortcodes: [video](https://abridge.netlify.app/overview-rich-content/#video), [img](https://abridge.netlify.app/overview-images/#img-shortcode), [imgswap](https://abridge.netlify.app/overview-images/#imgswap-shortcode), [image](https://abridge.netlify.app/overview-rich-content/#image), [gif](https://abridge.netlify.app/overview-rich-content/#gif), [audio](https://abridge.netlify.app/overview-rich-content/#audio). -- Otros Shortcodes: [showdata](https://abridge.netlify.app/overview-showdata/), [katex](https://abridge.netlify.app/overview-math/#usage-1). +- Códigos cortos de vídeo: [Youtube](https://abridge.pages.dev/video-streaming-sites/overview-embed-youtube/), [Vimeo](https://abridge.pages.dev/video-streaming-sites/overview-embed-vimeo/), [Streamable](https://abridge.pages.dev/video-streaming-sites/overview-embed-streamable/). +- Media Components: [video](https://abridge.pages.dev/overview-rich-content/#video), [img](https://abridge.pages.dev/overview-images/#img-component), [imgswap](https://abridge.pages.dev/overview-images/#imgswap-component), [image](https://abridge.pages.dev/overview-rich-content/#image), [gif](https://abridge.pages.dev/overview-rich-content/#gif), [audio](https://abridge.pages.dev/overview-rich-content/#audio). +- Otros Components: [showdata](https://abridge.pages.dev/overview-showdata/), [katex](https://abridge.pages.dev/overview-math/#usage-1). ## Inicio rápido @@ -243,7 +243,7 @@ menu_footer = [ ### Etiquetas SEO y de cabecera {% raw %}{#seo}{% endraw %} -Puede revisar las etiquetas SEO en la macro seo ubicada en `templates/macros/seo.html`, todos los valores configurables deben estar en `config.toml` bajo `config.extra` o en los archivos markdown de contenido. +Puede revisar las etiquetas SEO en la component seo ubicada en `templates/components/seo.html`, todos los valores configurables deben estar en `config.toml` bajo `config.extra` o en los archivos markdown de contenido. En el archivo markdown de su post debe establecer un título de menos de 60 caracteres y una descripción de entre 80 y 160 caracteres de longitud. La descripción es lo que se muestra en los resultados de búsqueda debajo del título de la página. Si no especifica una descripción de página, se utilizará en su lugar el archivo config.description del sitio principal. @@ -264,13 +264,13 @@ thumbnail = "ferris-gesture.png" KaTeX se puede utilizar para mostrar matemáticas complejas, es una "Rápida composición matemática para la web" -Puedes ver una demo en [esta página](https://abridge.netlify.app/overview-math/). +Puedes ver una demo en [esta página](https://abridge.pages.dev/overview-math/). Para un mejor rendimiento, recomiendo sólo habilitar las matemáticas en una [base por página en sus archivos post.md](https://github.com/Jieiku/abridge/blob/master/content/overview-math.md?plain=1#L11-L13), en lugar de en su archivo config.toml principal. ### PWA, Aplicación Web Progresiva {% raw %}{#pwa}{% endraw %} -Abridge tema tiene soporte PWA. Puede instalar todo el sitio como una aplicación y hacer que funcione sin conexión. Para probarlo simplemente usa google chrome o tu teléfono y ve aquí: [abridge.netlify.app](https://abridge.netlify.app/) +Abridge tema tiene soporte PWA. Puede instalar todo el sitio como una aplicación y hacer que funcione sin conexión. Para probarlo simplemente usa google chrome o tu teléfono y ve aquí: [abridge.pages.dev](https://abridge.pages.dev/) Si utilizas Chrome en tu ordenador, busca el botón de instalación al final de la barra de direcciones. En Android debe aparecer una ventana emergente para instalar, también puede instalar desde el menú de 3 puntos en la esquina superior derecha. Una vez instalada la PWA, puedes desconectarte completamente y seguirás pudiendo navegar o buscar en el sitio diff --git a/content/overview-abridge/index.fr.md b/content/overview-abridge/index.fr.md index 787d3ff..b6b959a 100644 --- a/content/overview-abridge/index.fr.md +++ b/content/overview-abridge/index.fr.md @@ -15,7 +15,7 @@ tags = [ "Config", ] +++ -Un thème [Zola](https://getzola.org) rapide, léger et moderne, utilisant un HTML sémantique épuré (peu de classes) et du CSS modulaire. Les scores de [Lighthouse](https://pagespeed.web.dev/report?url=abridge.netlify.app), [YellowLabTools](https://yellowlab.tools/) et [Observatory](https://developer.mozilla.org/en-US/observatory/analyze?host=abridge.netlify.app) sont parfaits. Voici une page [Zola Themes Benchmarks](https://github.com/Jieiku/zola-themes-benchmarks/blob/main/README.md). +Un thème [Zola](https://getzola.org) rapide, léger et moderne, utilisant un HTML sémantique épuré (peu de classes) et du CSS modulaire. Les scores de [Lighthouse](https://pagespeed.web.dev/report?url=abridge.pages.dev), [YellowLabTools](https://yellowlab.tools/) et [Observatory](https://developer.mozilla.org/en-US/observatory/analyze?host=abridge.pages.dev) sont parfaits. Voici une page [Zola Themes Benchmarks](https://github.com/Jieiku/zola-themes-benchmarks/blob/main/README.md). @@ -23,12 +23,12 @@ Un thème [Zola](https://getzola.org) rapide, léger et moderne, utilisant un HT ## Caractéristiques -- Scores parfaits pour [Lighthouse](https://pagespeed.web.dev/report?url=abridge.netlify.app), [YellowLabTools](https://yellowlab.tools/), et [Observatory](https://developer.mozilla.org/en-US/observatory/analyze?host=abridge.netlify.app). +- Scores parfaits pour [Lighthouse](https://pagespeed.web.dev/report?url=abridge.pages.dev), [YellowLabTools](https://yellowlab.tools/), et [Observatory](https://developer.mozilla.org/en-US/observatory/analyze?host=abridge.pages.dev). - [Prise en charge des PWA](#pwa) (Progressive Web Application). -- Tout le JavaScript peut être [entièrement désactivé](https://abridge.netlify.app/overview-abridge/#javascript-files). +- Tout le JavaScript peut être [entièrement désactivé](https://abridge.pages.dev/overview-abridge/#javascript-files). - Thèmes Dark, Light, Auto et Switcher. (les couleurs peuvent être personnalisées, variables css) -- Code [coloration syntaxique](https://abridge.netlify.app/overview-code-blocks/). (couleurs personnalisables, variables css) -- Blocs de code numérotés avec [mise en évidence des lignes](https://abridge.netlify.app/overview-code-blocks/#toml). +- Code [coloration syntaxique](https://abridge.pages.dev/overview-code-blocks/). (couleurs personnalisables, variables css) +- Blocs de code numérotés avec [mise en évidence des lignes](https://abridge.pages.dev/overview-code-blocks/#toml). - Site entièrement hors ligne en utilisant le PWA **ou** en mettant `search_library = "offline"` dans `config.toml`. - Support multi-langues. - Support de la recherche. ([elasticlunr](https://abridge.pages.dev/), [pagefind](https://abridge-pagefind.pages.dev/), [tinysearch](https://abridge-tinysearch.pages.dev/)) @@ -43,14 +43,14 @@ Un thème [Zola](https://getzola.org) rapide, léger et moderne, utilisant un HT - Bouton de copie des blocs de code. - Lien e-mail dans le pied de page. (anti-spam) - Support [KaTeX](https://katex.org/). -- Page d'archive](https://abridge.netlify.app/archive/). -- Tags](https://abridge.netlify.app/tags/). +- Page d'archive](https://abridge.pages.dev/archive/). +- Tags](https://abridge.pages.dev/tags/). - Catégories. (similaire aux Tags, désactivé/commenté par défaut) - Liens vers les icônes sociales dans le pied de page. - Conception réactive. (mobile first) -- Shortcodes vidéo : [Youtube](https://abridge.netlify.app/video-streaming-sites/overview-embed-youtube/), [Vimeo](https://abridge.netlify.app/video-streaming-sites/overview-embed-vimeo/), [Streamable](https://abridge.netlify.app/video-streaming-sites/overview-embed-streamable/). -- Raccourcis pour les médias : [video](https://abridge.netlify.app/overview-rich-content/#video), [img](https://abridge.netlify.app/overview-images/#img-shortcode), [imgswap](https://abridge.netlify.app/overview-images/#imgswap-shortcode), [image](https://abridge.netlify.app/overview-rich-content/#image), [gif](https://abridge.netlify.app/overview-rich-content/#gif), [audio](https://abridge.netlify.app/overview-rich-content/#audio). -- Autres codes courts : [showdata](https://abridge.netlify.app/overview-showdata/), [katex](https://abridge.netlify.app/overview-math/#usage-1). +- Components vidéo : [Youtube](https://abridge.pages.dev/video-streaming-sites/overview-embed-youtube/), [Vimeo](https://abridge.pages.dev/video-streaming-sites/overview-embed-vimeo/), [Streamable](https://abridge.pages.dev/video-streaming-sites/overview-embed-streamable/). +- Raccourcis pour les médias : [video](https://abridge.pages.dev/overview-rich-content/#video), [img](https://abridge.pages.dev/overview-images/#img-component), [imgswap](https://abridge.pages.dev/overview-images/#imgswap-component), [image](https://abridge.pages.dev/overview-rich-content/#image), [gif](https://abridge.pages.dev/overview-rich-content/#gif), [audio](https://abridge.pages.dev/overview-rich-content/#audio). +- Autres codes courts : [showdata](https://abridge.pages.dev/overview-showdata/), [katex](https://abridge.pages.dev/overview-math/#usage-1). ## Démarrage rapide @@ -243,7 +243,7 @@ menu_footer = [ ### SEO et balises d'en-tête {% raw %}{#seo}{% endraw %} -Vous pouvez revoir les balises SEO dans la macro seo située dans `templates/macros/seo.html`, toutes les valeurs configurables doivent être dans `config.toml` sous `config.extra` ou dans les fichiers markdown du contenu. +Vous pouvez revoir les balises SEO dans la component seo située dans `templates/components/seo.html`, toutes les valeurs configurables doivent être dans `config.toml` sous `config.extra` ou dans les fichiers markdown du contenu. Dans votre fichier markdown, vous devez définir un titre de moins de 60 caractères et une description de 80 à 160 caractères. La description est ce qui est affiché dans les résultats de recherche sous le titre de la page. Partout où vous ne définissez pas de description de page, le fichier config.description du site principal sera utilisé à la place. @@ -264,13 +264,13 @@ thumbnail = "ferris-gesture.png" KaTeX peut être utilisé pour afficher des mathématiques complexes. Il s'agit d'une "composition mathématique rapide pour le web". -Vous pouvez voir une démo sur [cette page] (https://abridge.netlify.app/overview-math/). +Vous pouvez voir une démo sur [cette page] (https://abridge.pages.dev/overview-math/). Pour de meilleures performances, je recommande de n'activer les mathématiques que [par base de page dans vos fichiers post.md](https://github.com/Jieiku/abridge/blob/master/content/overview-math.md?plain=1#L11-L13), plutôt que dans votre fichier config.toml principal. ### PWA, Progressive Web App {% raw %}{#pwa}{% endraw %} -Le thème Abridge supporte les PWA. Vous pouvez installer le site entier en tant qu'application et le faire fonctionner hors ligne. Pour l'essayer, il suffit d'utiliser Google Chrome ou votre téléphone et d'aller ici : [abridge.netlify.app](https://abridge.netlify.app/) +Le thème Abridge supporte les PWA. Vous pouvez installer le site entier en tant qu'application et le faire fonctionner hors ligne. Pour l'essayer, il suffit d'utiliser Google Chrome ou votre téléphone et d'aller ici : [abridge.pages.dev](https://abridge.pages.dev/) Si vous utilisez Chrome sur un ordinateur de bureau, cherchez le bouton d'installation à la fin de la barre d'adresse. Sur Android, vous devriez obtenir un popup pour installer, vous pouvez également installer à partir du menu à 3 points dans le coin supérieur droit. Une fois la PWA installée, vous pouvez vous déconnecter complètement et continuer à naviguer ou à faire des recherches sur le site ! diff --git a/content/overview-abridge/index.md b/content/overview-abridge/index.md index d7f3d01..a7a49b1 100644 --- a/content/overview-abridge/index.md +++ b/content/overview-abridge/index.md @@ -15,7 +15,7 @@ tags = [ "Config", ] +++ -A fast, lightweight, and modern [Zola](https://getzola.org) theme utilizing class-light semantic HTML with modular CSS. Perfect [Lighthouse](https://pagespeed.web.dev/report?url=abridge.netlify.app), [YellowLabTools](https://yellowlab.tools/), and [Observatory](https://developer.mozilla.org/en-US/observatory/analyze?host=abridge.netlify.app) scores. Here is a [Zola Themes Benchmarks](https://github.com/Jieiku/zola-themes-benchmarks/blob/main/README.md) Page. +A fast, lightweight, and modern [Zola](https://getzola.org) theme utilizing class-light semantic HTML with modular CSS. Perfect [Lighthouse](https://pagespeed.web.dev/report?url=abridge.pages.dev), [YellowLabTools](https://yellowlab.tools/), and [Observatory](https://developer.mozilla.org/en-US/observatory/analyze?host=abridge.pages.dev) scores. Here is a [Zola Themes Benchmarks](https://github.com/Jieiku/zola-themes-benchmarks/blob/main/README.md) Page. @@ -23,12 +23,12 @@ A fast, lightweight, and modern [Zola](https://getzola.org) theme utilizing clas ## Features -- Perfect [Lighthouse](https://pagespeed.web.dev/report?url=abridge.netlify.app), [YellowLabTools](https://yellowlab.tools/), and [Observatory](https://developer.mozilla.org/en-US/observatory/analyze?host=abridge.netlify.app) scores. +- Perfect [Lighthouse](https://pagespeed.web.dev/report?url=abridge.pages.dev), [YellowLabTools](https://yellowlab.tools/), and [Observatory](https://developer.mozilla.org/en-US/observatory/analyze?host=abridge.pages.dev) scores. - [PWA support](#pwa) (Progressive Web Application). -- All JavaScript can be [fully disabled](https://abridge.netlify.app/overview-abridge/#javascript-files). +- All JavaScript can be [fully disabled](https://abridge.pages.dev/overview-abridge/#javascript-files). - Dark, Light, Auto, and Switcher themes. (colors can be customized, css variables) -- Code [syntax highlighting](https://abridge.netlify.app/overview-code-blocks/). (colors can be customized, css variables) -- Numbered code blocks with [line highlighting](https://abridge.netlify.app/overview-code-blocks/#toml). +- Code [syntax highlighting](https://abridge.pages.dev/overview-code-blocks/). (colors can be customized, css variables) +- Numbered code blocks with [line highlighting](https://abridge.pages.dev/overview-code-blocks/#toml). - Entirely Offline Site by using the PWA **or** by setting `search_library = "offline"` in `config.toml`. - Multi-language support. - Search support. ([elasticlunr](https://abridge.pages.dev/), [pagefind](https://abridge-pagefind.pages.dev/), [tinysearch](https://abridge-tinysearch.pages.dev/)) @@ -43,14 +43,14 @@ A fast, lightweight, and modern [Zola](https://getzola.org) theme utilizing clas - Code Blocks copy button. - Email link in footer obfuscation. (anti-spam) - [KaTeX](https://katex.org/) support. -- [Archive page](https://abridge.netlify.app/archive/). -- [Tags](https://abridge.netlify.app/tags/). +- [Archive page](https://abridge.pages.dev/archive/). +- [Tags](https://abridge.pages.dev/tags/). - Categories. (similar to Tags, disabled/commented out by default) - Social icon links in footer. - Responsive design. (mobile first) -- Video Shortcodes: [Youtube](https://abridge.netlify.app/video-streaming-sites/overview-embed-youtube/), [Vimeo](https://abridge.netlify.app/video-streaming-sites/overview-embed-vimeo/), [Streamable](https://abridge.netlify.app/video-streaming-sites/overview-embed-streamable/). -- Media Shortcodes: [video](https://abridge.netlify.app/overview-rich-content/#video), [img](https://abridge.netlify.app/overview-images/#img-shortcode), [imgswap](https://abridge.netlify.app/overview-images/#imgswap-shortcode), [image](https://abridge.netlify.app/overview-rich-content/#image), [gif](https://abridge.netlify.app/overview-rich-content/#gif), [audio](https://abridge.netlify.app/overview-rich-content/#audio). -- Other Shortcodes: [showdata](https://abridge.netlify.app/overview-showdata/), [katex](https://abridge.netlify.app/overview-math/#usage-1). +- Video Components: [Youtube](https://abridge.pages.dev/video-streaming-sites/overview-embed-youtube/), [Vimeo](https://abridge.pages.dev/video-streaming-sites/overview-embed-vimeo/), [Streamable](https://abridge.pages.dev/video-streaming-sites/overview-embed-streamable/). +- Media Components: [video](https://abridge.pages.dev/overview-rich-content/#video), [img](https://abridge.pages.dev/overview-images/#img-component), [imgswap](https://abridge.pages.dev/overview-images/#imgswap-component), [image](https://abridge.pages.dev/overview-rich-content/#image), [gif](https://abridge.pages.dev/overview-rich-content/#gif), [audio](https://abridge.pages.dev/overview-rich-content/#audio). +- Other Components: [showdata](https://abridge.pages.dev/overview-showdata/), [katex](https://abridge.pages.dev/overview-math/#usage-1). ## Quick Start @@ -243,7 +243,7 @@ menu_footer = [ ### SEO and Header Tags {% raw %}{#seo}{% endraw %} -You can review the SEO tags in the seo macro located at `templates/macros/seo.html`, all configurable values should be in `config.toml` under `config.extra` or in the content markdown files. +You can review the SEO tags in the seo component located at `templates/components/seo.html`, all configurable values should be in `config.toml` under `config.extra` or in the content markdown files. In your post markdown file you should set a title less than 60 characters and a description between 80 and 160 characters in length. The description is what is displayed in search results below the page title. Anywhere that you do not set a page description, the primary site config.description will be used instead. @@ -264,13 +264,13 @@ thumbnail = "ferris-gesture.png" KaTeX can be used to display complex mathematics, it is a "Fast math typesetting for the web." -You can see a demo on [this page](https://abridge.netlify.app/overview-math/). +You can see a demo on [this page](https://abridge.pages.dev/overview-math/). For better performance I recommend only enabling math on a [per page bases in your post.md files](https://github.com/Jieiku/abridge/blob/master/content/overview-math.md?plain=1#L11-L13), instead of in your main config.toml file. ### PWA, Progressive Web App {% raw %}{#pwa}{% endraw %} -Abridge theme has PWA support. You can install the entire site as an app and have it work offline. To try it out simply use google chrome or your phone and go here: [abridge.netlify.app](https://abridge.netlify.app/) +Abridge theme has PWA support. You can install the entire site as an app and have it work offline. To try it out simply use google chrome or your phone and go here: [abridge.pages.dev](https://abridge.pages.dev/) If using Chrome on desktop then look at the end of the address bar for the install button. On Android you should get a popup to install, you can also install from the 3 dot menu in the top right corner. Once you have the PWA installed, you can go completely offline and you will still be able to browse or search the site! diff --git a/content/overview-code-blocks.es.md b/content/overview-code-blocks.es.md index f7fa49c..db4db58 100644 --- a/content/overview-code-blocks.es.md +++ b/content/overview-code-blocks.es.md @@ -76,7 +76,7 @@ fn main() { ### TOML ```toml,linenos,hl_lines=3 -base_url = "https://abridge.netlify.app/" +base_url = "https://abridge.pages.dev/" title = "Abridge" description = "Abridge is a fast and lightweight Zola theme using semantic html, abridge.css class-light CSS, and No Mandatory JS." default_language = "en" diff --git a/content/overview-code-blocks.fr.md b/content/overview-code-blocks.fr.md index 1263d05..5f08e25 100644 --- a/content/overview-code-blocks.fr.md +++ b/content/overview-code-blocks.fr.md @@ -76,7 +76,7 @@ fn main() { ### TOML ```toml,linenos,hl_lines=3 -base_url = "https://abridge.netlify.app/" +base_url = "https://abridge.pages.dev/" title = "Abridge" description = "Abridge is a fast and lightweight Zola theme using semantic html, abridge.css class-light CSS, and No Mandatory JS." default_language = "en" diff --git a/content/overview-code-blocks.md b/content/overview-code-blocks.md index 0d1728d..7c9458e 100644 --- a/content/overview-code-blocks.md +++ b/content/overview-code-blocks.md @@ -76,7 +76,7 @@ fn main() { ### TOML ```toml,linenos,hl_lines=3 -base_url = "https://abridge.netlify.app/" +base_url = "https://abridge.pages.dev/" title = "Abridge" description = "Abridge is a fast and lightweight Zola theme using semantic html, abridge.css class-light CSS, and No Mandatory JS." default_language = "en" diff --git a/content/overview-images/index.es.md b/content/overview-images/index.es.md index 5fff0cc..743e63a 100644 --- a/content/overview-images/index.es.md +++ b/content/overview-images/index.es.md @@ -1,11 +1,11 @@ +++ date = 2021-05-19T15:00:00Z -description = "Las imágenes pueden incrustarse directamente usando markdown `![Ferris](ferris.svg)`, pero usando un shortcode se evita CLS al establecer explícitamente la anchura y la altura." +description = "Las imágenes pueden incrustarse directamente usando markdown `![Ferris](ferris.svg)`, pero usando un component se evita CLS al establecer explícitamente la anchura y la altura." draft = false title = "Códigos cortos de imagen" [extra] -keywords = "Image, Markdown, Shortcodes, Swap" +keywords = "Image, Markdown, Components, Swap" series = "Features" thumbnail = "ferris-gesture.png" toc = true @@ -13,11 +13,11 @@ toc = true [taxonomies] tags = [ "Features", - "Shortcodes", + "Components", "Images", ] +++ -Este post cubre los **shortcodes imgswap e img**. Las imágenes también se pueden incrustar directamente utilizando markdown `![Ferris](ferris.svg)`, pero es mejor utilizar un código corto para que pueda establecer explícitamente la anchura y la altura, esto ayudará a evitar el cambio de diseño de contenido que mejora la experiencia del usuario y la puntuación de Google Lighthouse. +Este post cubre los **components imgswap e img**. Las imágenes también se pueden incrustar directamente utilizando markdown `![Ferris](ferris.svg)`, pero es mejor utilizar un código corto para que pueda establecer explícitamente la anchura y la altura, esto ayudará a evitar el cambio de diseño de contenido que mejora la experiencia del usuario y la puntuación de Google Lighthouse. diff --git a/content/overview-images/index.fr.md b/content/overview-images/index.fr.md index 82c1bd6..1981c94 100644 --- a/content/overview-images/index.fr.md +++ b/content/overview-images/index.fr.md @@ -1,11 +1,11 @@ +++ date = 2021-05-19T15:00:00Z -description = "Les images peuvent être intégrées directement à l'aide de markdown `![Ferris](ferris.svg)`, mais l'utilisation d'un shortcode empêche CLS en définissant explicitement la largeur et la hauteur." +description = "Les images peuvent être intégrées directement à l'aide de markdown `![Ferris](ferris.svg)`, mais l'utilisation d'un component empêche CLS en définissant explicitement la largeur et la hauteur." draft = false title = "Codes courts d'image" [extra] -keywords = "Image, Markdown, Shortcodes, Swap" +keywords = "Image, Markdown, Components, Swap" series = "Features" thumbnail = "ferris-gesture.png" toc = true @@ -13,15 +13,15 @@ toc = true [taxonomies] tags = [ "Features", - "Shortcodes", + "Components", "Images", ] +++ -Cet article couvre les **shortcodes imgswap et img**. Les images peuvent également être intégrées directement à l'aide de markdown `![Ferris](ferris.svg)`, mais il est préférable d'utiliser un shortcode afin de pouvoir définir explicitement la largeur et la hauteur, cela aidera à empêcher le changement de mise en page du contenu, ce qui améliore l'expérience utilisateur et le score Google Lighthouse. +Cet article couvre les **components imgswap et img**. Les images peuvent également être intégrées directement à l'aide de markdown `![Ferris](ferris.svg)`, mais il est préférable d'utiliser un component afin de pouvoir définir explicitement la largeur et la hauteur, cela aidera à empêcher le changement de mise en page du contenu, ce qui améliore l'expérience utilisateur et le score Google Lighthouse. -# img Shortcode +# img Component - src est le chemin et le nom de fichier de l'image par défaut. (obligatoire) - class définit une classe pour l'image. @@ -96,7 +96,7 @@ Cours optionnels: -# imgswap Shortcode +# imgswap Component Par défaut, main_src est l'image affichée, swap_src est affiché au survol de la souris. diff --git a/content/overview-images/index.md b/content/overview-images/index.md index 77a596b..93df27d 100644 --- a/content/overview-images/index.md +++ b/content/overview-images/index.md @@ -1,11 +1,11 @@ +++ date = 2021-05-19T15:00:00Z -description = "Images can be embedded directly using markdown `![Ferris](ferris.svg)`, but using a shortcode prevents CLS by explicitly setting the width and height." +description = "Images can be embedded directly using markdown `![Ferris](ferris.svg)`, but using a component prevents CLS by explicitly setting the width and height." draft = false -title = "Image Shortcodes" +title = "Image Components" [extra] -keywords = "Image, Markdown, Shortcodes, Swap" +keywords = "Image, Markdown, Components, Swap" series = "Features" thumbnail = "ferris-gesture.png" toc = true @@ -13,15 +13,15 @@ toc = true [taxonomies] tags = [ "Features", - "Shortcodes", + "Components", "Images", ] +++ -This post covers the **imgswap and img shortcodes**. Images can also be embedded directly using markdown `![Ferris](ferris.svg)`, but it is better to use a shortcode so you can explicitly set the width and height, this will help prevent content layout shift which improves user experience and the google lighthouse score. +This post covers the **imgswap and img components**. Images can also be embedded directly using markdown `![Ferris](ferris.svg)`, but it is better to use a component so you can explicitly set the width and height, this will help prevent content layout shift which improves user experience and the google lighthouse score. -# img Shortcode +# img Component - src is the path and filename of the image. (mandatory) - class sets a class for the image. @@ -96,7 +96,7 @@ Optional Classes: -# imgswap Shortcode +# imgswap Component By default main_src is the image displayed, swap_src is displayed on mouse hover. diff --git a/content/overview-math.es.md b/content/overview-math.es.md index c716ece..81bafbc 100644 --- a/content/overview-math.es.md +++ b/content/overview-math.es.md @@ -15,7 +15,7 @@ toc = true [taxonomies] tags = [ "Features", - "Shortcodes", + "Components", "Mathematics", ] +++ @@ -40,7 +40,7 @@ math_auto_render = false ## Base por sección Para habilitar el soporte $\\KaTeX$ en una sección en particular, añada `math = true` bajo `[extra]` en el `[SECTION_NAME]/_index.md`. -Ahora el shortcode katex será renderizado, también puede añadir `math_auto_render = true` +Ahora el component katex será renderizado, también puede añadir `math_auto_render = true` y la sección de su sitio cargará la [extensión](https://katex.org/docs/autorender.html) KaTeX [autorender](https://katex.org/docs/autorender.html). ```toml @@ -53,7 +53,7 @@ math = true ## Por página Para habilitar el soporte $\\KaTeX$ en una página en particular, añada `math = true` bajo `[extra]` en el frontmatter -de la página. Ahora el shortcode katex será renderizado, también puede añadir `math_auto_render = true` +de la página. Ahora el component katex será renderizado, también puede añadir `math_auto_render = true` y la página de su sitio cargará la [extensión](https://katex.org/docs/autorender.html) KaTeX [autorender](https://katex.org/docs/autorender.html). ```toml diff --git a/content/overview-math.fr.md b/content/overview-math.fr.md index f3e199d..a7a2efe 100644 --- a/content/overview-math.fr.md +++ b/content/overview-math.fr.md @@ -15,7 +15,7 @@ toc = true [taxonomies] tags = [ "Features", - "Shortcodes", + "Components", "Mathematics", ] +++ @@ -28,7 +28,7 @@ Vous pouvez activer le $\KaTeX$ prise en charge globale, par section ou par page ## Activer globalement Pour activer le $\KaTeX$ prise en charge dans le monde entier, ajoutez `math = true` sous `[extra]` à la `config.toml` -racine de votre site. Maintenant, le shortcode katex sera rendu, vous pouvez également ajouter `math_auto_render = true` +racine de votre site. Maintenant, le component katex sera rendu, vous pouvez également ajouter `math_auto_render = true` et chaque section et page de votre site chargera l' [extension KaTeX autorender](https://katex.org/docs/autorender.html). ```toml @@ -40,7 +40,7 @@ math_auto_render = false ## Base par section Pour activer le $\KaTeX$ support dans une section particulière, ajoutez `math = true` sous `[extra]` dans le fichier `[SECTION_NAME]/_index.md`. -Maintenant, le shortcode katex sera rendu, vous pouvez également ajouter `math_auto_render = true` +Maintenant, le component katex sera rendu, vous pouvez également ajouter `math_auto_render = true` et la section de votre site chargera l' [extension KaTeX autorender](https://katex.org/docs/autorender.html). ```toml @@ -53,7 +53,7 @@ math = true ## Base par page Pour activer le $\KaTeX$ support dans une page particulière, ajouter `math = true` sous `[extra]` dans le frontmatter de la page. -Maintenant, le shortcode katex sera rendu, vous pouvez également ajouter `math_auto_render = true` +Maintenant, le component katex sera rendu, vous pouvez également ajouter `math_auto_render = true` et la page de votre site chargera l' [extension KaTeX autorender](https://katex.org/docs/autorender.html). ```toml diff --git a/content/overview-math.md b/content/overview-math.md index 27ef78a..57ef6fd 100644 --- a/content/overview-math.md +++ b/content/overview-math.md @@ -15,7 +15,7 @@ toc = true [taxonomies] tags = [ "Features", - "Shortcodes", + "Components", "Mathematics", ] +++ @@ -28,7 +28,7 @@ You can enable the $\KaTeX$ support globally, per-section or per-page basis. ## Enable Globally To enable the $\KaTeX$ support globally, add `math = true` under `[extra]` of the `config.toml` -at your site root. Now the katex shortcode will be rendered, you can also add `math_auto_render = true` +at your site root. Now the katex component will be rendered, you can also add `math_auto_render = true` and every section and page of your site will load the KaTeX [autorender extension](https://katex.org/docs/autorender.html). ```toml @@ -40,7 +40,7 @@ math_auto_render = false ## Per-section Basis To enable the $\KaTeX$ support in a particular section, add `math = true` under `[extra]` in the `[SECTION_NAME]/_index.md`. -Now the katex shortcode will be rendered, you can also add `math_auto_render = true` +Now the katex component will be rendered, you can also add `math_auto_render = true` and the section of your site will load the KaTeX [autorender extension](https://katex.org/docs/autorender.html). ```toml @@ -53,7 +53,7 @@ math = true ## Per-page Basis To enable the $\KaTeX$ support in a particular page, add `math = true` under `[extra]` in the page's -frontmatter. Now the katex shortcode will be rendered, you can also add `math_auto_render = true` +frontmatter. Now the katex component will be rendered, you can also add `math_auto_render = true` and the page of your site will load the KaTeX [autorender extension](https://katex.org/docs/autorender.html). ```toml diff --git a/content/overview-rich-content/index.es.md b/content/overview-rich-content/index.es.md index 42ffd2e..222c65f 100644 --- a/content/overview-rich-content/index.es.md +++ b/content/overview-rich-content/index.es.md @@ -1,11 +1,11 @@ +++ date = 2021-05-15T15:00:00Z -description = "Una breve descripción de Shortcodes personalizados para Zola que implementan elementos html modernos: video, imagen, gif, audio." +description = "Una breve descripción de Components personalizados para Zola que implementan elementos html modernos: video, imagen, gif, audio." draft = false title = "Contenido enriquecido" [extra] -keywords = "Images, Videos, Audio, Gif, Rich Content, Shortcodes" +keywords = "Images, Videos, Audio, Gif, Rich Content, Components" series = "Features" toc = true @@ -15,10 +15,10 @@ tags = [ "Video", "Audio", "Images", - "Shortcodes", + "Components", ] +++ -Se incluyen varios shortcodes personalizados para aumentar CommonMark. `video` los shortcodes `image`, `gif` y `audio` se crearon para ayudarle a aprovechar los elementos HTML modernos en sus escritos. +Se incluyen varios components personalizados para aumentar CommonMark. `video` los components `image`, `gif` y `audio` se crearon para ayudarle a aprovechar los elementos HTML modernos en sus escritos. @@ -34,7 +34,7 @@ Se incluyen varios shortcodes personalizados para aumentar CommonMark. `video` l - `muted` cuando está activado, silencia el audio inicialmente. - `playsinline` si está configurado, reproduce el vídeo incrustado en lugar de a pantalla completa en navegadores móviles. -*Las fuentes pueden ser la misma ruta, la ruta relativa o la ruta raíz, como el [shortcode img](https://abridge.pages.dev/overview-images/#img-shortcode)* +*Las fuentes pueden ser la misma ruta, la ruta relativa o la ruta raíz, como el [component img](https://abridge.pages.dev/overview-images/#img-component)* **Clases opcionales:** @@ -77,7 +77,7 @@ Se incluyen varios shortcodes personalizados para aumentar CommonMark. `video` l ## Imagen -El shortcode `image` devuelve una etiqueta `` con múltiples fuentes. +El component `image` devuelve una etiqueta `` con múltiples fuentes. Cada cadena en la matriz `sources` debe ser una ruta a un archivo de imagen de un tipo diferente (`avif`, `webp`, `png`, `jpg`, etc). La última imagen en la matriz `sources` se utiliza para crear una etiqueta `` para que el navegador recurra a ella si los otros formatos aún no son compatibles. @@ -88,7 +88,7 @@ La última imagen en la matriz `sources` se utiliza para crear una etiqueta `` en lugar de gifs permite reducir el tamaño de los archivos, @@ -140,7 +140,7 @@ menos fiable. ## Audio -El shortcode `audio` toma una matriz `sources` de cadenas y devuelve una etiqueta +El component `audio` toma una matriz `sources` de cadenas y devuelve una etiqueta `