Uso

1{{< gallery images="images/foo.png,images/bar.png" >}}

CSS renderizado incorrectamente

El problema probablemente se debe a postcss, HBS necesita configurar la siguiente configuración, postcss confía en el archivo hugo_stats.json para purgar el CSS no utilizado.

1[build]
2  writeStats = true

js.Build: No se pudieron resolver las dependencias

 1Start building sites … 
 2hugo v0.94.0-63B23660+extended linux/amd64 BuildDate=2022-03-10T09:46:36Z VendorInfo=gohugoio
 3ERROR 2022/03/19 14:03:50 js.Build failed: Could not resolve "bootstrap/js/src/offcanvas"
 4ERROR 2022/03/19 14:03:50 js.Build failed: Could not resolve "bootstrap/js/src/modal"
 5ERROR 2022/03/19 14:03:50 js.Build failed: Could not resolve "bootstrap/js/src/tab"
 6ERROR 2022/03/19 14:03:50 js.Build failed: "/home/razonyang/Projects/razonyang/hugo-theme-bootstrap/assets/js/collapse/collapse.ts:1:38": Could not resolve "bootstrap/js/src/collapse"
 7ERROR 2022/03/19 14:03:50 js.Build failed: "/home/razonyang/Projects/razonyang/hugo-theme-bootstrap/assets/js/toc/index.ts:1:27": Could not resolve "bootstrap/js/dist/offcanvas"
 8ERROR 2022/03/19 14:03:50 js.Build failed: Could not resolve "@fortawesome/free-solid-svg-icons"
 9ERROR 2022/03/19 14:03:50 js.Build failed: Could not resolve "@fortawesome/free-regular-svg-icons"
10ERROR 2022/03/19 14:03:50 js.Build failed: Could not resolve "@fortawesome/free-brands-svg-icons"
11ERROR 2022/03/19 14:03:50 js.Build failed: Could not resolve "workbox-routing"
12ERROR 2022/03/19 14:03:50 js.Build failed: Could not resolve "workbox-strategies"
13ERROR 2022/03/19 14:03:50 js.Build failed: Could not resolve "workbox-cacheable-response"
14ERROR 2022/03/19 14:03:50 js.Build failed: Could not resolve "workbox-expiration"
15ERROR 2022/03/19 14:03:50 js.Build failed: Could not resolve "workbox-precaching"
16ERROR 2022/03/19 14:03:50 js.Build failed: "/home/razonyang/Projects/razonyang/hugo-theme-bootstrap/assets/search/search.ts:1:21": Could not resolve "mustache"
17ERROR 2022/03/19 14:03:50 js.Build failed: "/home/razonyang/Projects/razonyang/hugo-theme-bootstrap/assets/search/search.ts:1:17": Could not resolve "mark.js/dist/mark.js"
18ERROR 2022/03/19 14:03:50 js.Build failed: Could not resolve "bootstrap/js/src/offcanvas"
19ERROR 2022/03/19 14:03:50 js.Build failed: Could not resolve "bootstrap/js/src/modal"
20ERROR 2022/03/19 14:03:50 js.Build failed: Could not resolve "bootstrap/js/src/tab"
21ERROR 2022/03/19 14:03:50 js.Build failed: "/home/razonyang/Projects/razonyang/hugo-theme-bootstrap/assets/js/collapse/collapse.ts:1:38": Could not resolve "bootstrap/js/src/collapse"
22ERROR 2022/03/19 14:03:50 js.Build failed: "/home/razonyang/Projects/razonyang/hugo-theme-bootstrap/assets/js/toc/index.ts:1:27": Could not resolve "bootstrap/js/dist/offcanvas"
23ERROR 2022/03/19 14:03:50 js.Build failed: Could not resolve "bootstrap/js/src/offcanvas"
24ERROR 2022/03/19 14:03:50 js.Build failed: Could not resolve "bootstrap/js/src/modal"
25ERROR 2022/03/19 14:03:50 js.Build failed: Could not resolve "bootstrap/js/src/tab"
26ERROR 2022/03/19 14:03:50 js.Build failed: "/home/razonyang/Projects/razonyang/hugo-theme-bootstrap/assets/js/collapse/collapse.ts:1:38": Could not resolve "bootstrap/js/src/collapse"
27ERROR 2022/03/19 14:03:50 js.Build failed: "/home/razonyang/Projects/razonyang/hugo-theme-bootstrap/assets/js/toc/index.ts:1:27": Could not resolve "bootstrap/js/dist/offcanvas"
28ERROR 2022/03/19 14:03:51 js.Build failed: Could not resolve "bootstrap/js/src/offcanvas"
29ERROR 2022/03/19 14:03:51 js.Build failed: Could not resolve "bootstrap/js/src/modal"
30ERROR 2022/03/19 14:03:51 js.Build failed: Could not resolve "bootstrap/js/src/tab"
31ERROR 2022/03/19 14:03:51 js.Build failed: "/home/razonyang/Projects/razonyang/hugo-theme-bootstrap/assets/js/collapse/collapse.ts:1:38": Could not resolve "bootstrap/js/src/collapse"
32ERROR 2022/03/19 14:03:51 js.Build failed: "/home/razonyang/Projects/razonyang/hugo-theme-bootstrap/assets/js/toc/index.ts:1:27": Could not resolve "bootstrap/js/dist/offcanvas"
33ERROR 2022/03/19 14:03:51 TOCSS: failed to transform "viewer/scss/index.scss" (text/x-scss): SCSS processing failed: file "stdin", line 1, col 1: File to import not found or unreadable: viewerjs/dist/viewer. 
34ERROR 2022/03/19 14:03:51 JSBUILD: failed to transform "main/js/bundle.ts" (application/typescript): Could not resolve "bootstrap/js/src/dropdown"
35ERROR 2022/03/19 14:03:51 JSBUILD: failed to transform "icons/index.js" (application/javascript): Could not resolve "@fortawesome/fontawesome-svg-core"
36ERROR 2022/03/19 14:03:51 JSBUILD: failed to transform "service-worker/bundle.ts" (application/typescript): Could not resolve "workbox-core"
37ERROR 2022/03/19 14:03:51 JSBUILD: failed to transform "viewer/js/index.ts" (application/typescript): Could not resolve "viewerjs"
38Error: Error building site: JSBUILD: failed to transform "search/index.ts" (application/typescript): "/home/razonyang/Projects/razonyang/hugo-theme-bootstrap/assets/search/search.ts:1:17": Could not resolve "fuse.js"

Se debe a la falta de dependencias de CSS y JS:

Proxy (opcional)

Si se encuentra en China continental sin VPN, la descarga del módulo Hugo puede fallar.

Hay dos servidores proxy para esto: GOPROXY.CN y GOPROXY.IO.

1$ export HUGO_MODULE_PROXY=https://goproxy.cn

Tenga en cuenta que Hugo no respeta la var env GOPROXY, utilice HUGO_MODULE_PROXY en su lugar.

También puede configurar module.proxy en lugar de usar env var.

Si va a utilizar el diseño docs en otras secciones(notes), eche un vistazo a la página Contenido.

Diseño

El diseño docs consta de tres secciones, de principio a fin: barra de navegación del documento, contenido del documento y barra lateral.

Estructura de contenido

 1$ tree content/docs 
 2├── _index.md
 3├── installation
 4│   ├── _index.md
 5│   ├── linux
 6│   │   ├── _index.md
 7│   │   ├── archlinux
 8│   │   │   └── index.md
 9│   │   └── ubuntu
10│   │       └── index.md
11│   └── windows
12│       └── index.md
13└── introduction
14    └── index.md

Propiedades de entrada de menú

Véase también Propiedades de entrada de menú.

Requisitos previos

Necesitamos crear una página llamada faq/index.md en el directorio content.

1+++
2title = "Frequently Asked Questions"
3layout = "faq"
4+++

Datos

Los datos se almacenan en el directorio data, la estructura del directorio es la siguiente:

1data
2  /en
3    /faq
4      foo.json
5      bar.json
6  /zh-cn
7    /faq
8      foo.json
9      bar.json

Como puedes ver, clasificamos las preguntas según su idioma. Y cada archivo representa un grupo de preguntas, que tiene el mismo formato de la siguiente manera:

El parámetro mainSections se utiliza para filtrar páginas; el valor predeterminado es ["posts", "docs"].

1mainSections = ["blog", "posts", "docs", "notes"]

Asunto frontal

Front Matter es el lugar donde colocamos los metadatos y parámetros de la página, como el título, la fecha, etc.

Formatos

Hugo admite tres formatos de portada: YAML, TOML y JSON.

• TOML: identificado abriendo y cerrando +++.
• YAML: identificado abriendo y cerrando ---.
• JSON: un único objeto JSON rodeado por { y }, seguido de una nueva línea.

Tomemos TOML como ejemplo:

Crear un nuevo sitio desde cero

1$ git clone https://github.com/razonyang/hugo-theme-bootstrap-skeleton myblog
2$ cd myblog
3$ git submodule add https://github.com/razonyang/hugo-theme-bootstrap themes/hugo-theme-bootstrap
4$ sed -i "s/theme:.*/theme: hugo-theme-bootstrap/g" config/_default/config.yaml
5$ rm go.mod go.sum
6$ hugo mod npm pack
7$ npm install
8$ hugo server

Si estás usando Windows, usa xcopy .\themes\hugo-theme-bootstrap\exampleSite /E en su lugar.

]]>https://vandenboom.online/es/docs/image-viewer/Fri, 03 Dec 2021 20:46:50 +0800https://vandenboom.online/es/docs/image-viewer/El visor de imágenes es una galería de imágenes que se mostrará cuando haga clic en una imagen que no se puede vincular.

También proporciona muchas herramientas, como acercar, alejar y rotar.

El avatar del autor fue filtrado por defecto.

Parámetros del sitio

El Visor de imágenes estaba activado de forma predeterminada, puede desactivarlo configurando el parámetro viewer como false.

Opciones

Puede modificar las opciones creando assets/viewer/js/options.ts.

]]>https://vandenboom.online/es/docs/look-and-feel/Fri, 03 Dec 2021 19:42:57 +0800https://vandenboom.online/es/docs/look-and-feel/De forma predeterminada, un sitio que utiliza este tema tiene las fuentes, los colores y la apariencia general predeterminados. Sin embargo, el esquema predeterminado no puede satisfacer a todos, pero no se preocupe, puede anular fácilmente los valores predeterminados del tema, como los colores de la paleta, las fuentes y el resaltado de sintaxis.

favicons

HBS genera iconos en varios tamaños según el archivo assets/favicon.webp (mayor prioridad) o assets/favicon.png. Simplemente guarde su propia imagen de favicon con la misma ruta para anular los valores predeterminados.

]]>https://vandenboom.online/es/docs/pwa/Fri, 03 Dec 2021 19:39:01 +0800https://vandenboom.online/es/docs/pwa/Las PWA(Aplicaciones web progresivas) son aplicaciones web desarrolladas utilizando una serie de tecnologías específicas y patrones estándar que les permiten aprovechar las funciones de las aplicaciones web y nativas.

HBS proporciona algunas funciones básicas, como instalación del sitio en la pantalla de inicio, archivos de caché previo y disponibilidad sin conexión.

Parámetros del sitio

En primer lugar, debemos especificar el parámetro pwa, incluso si está vacío.

]]>https://vandenboom.online/es/docs/layouts/archives/Fri, 03 Dec 2021 11:16:51 +0800https://vandenboom.online/es/docs/layouts/archives/La página de archivo es una colección de publicaciones agrupadas por año.

Requisitos previos

Las páginas no se crean automáticamente, primero debemos crear secciones de archivos:

1$ tree content/archives
2├── 2021
3│   ├── _index.md
4├── 2022
5│   ├── _index.md
6├── _index.md

El contenido de esos archivos solo contiene un parámetro title.

Parámetros del sitio

Nombre	Tipo	Predeterminado	Descripción
archive	Objeto	-	Archivo.
archive.dateFormat	Cadena	Jan 2	Formato de fecha de archivo.
archive.monthFormat	Cadena	January	Formato del mes de archivo, p. 1, 01, Jan y January.
archive.basePath	Cadena	/archives

]]>https://vandenboom.online/es/docs/layouts/search/Fri, 03 Dec 2021 11:16:51 +0800https://vandenboom.online/es/docs/layouts/search/Puede resultar difícil para los lectores recuperar un artículo si hay muchos artículos en su sitio, por lo que agregamos la función de búsqueda.

Requisitos previos

Todo lo que necesita hacer es crear una página llamada search/_index.md en el directorio content.

1+++
2title = "Search"
3+++

Parámetros del sitio

Nombre	Tipo	Predeterminado	Descripción
search	Objeto	-	Configuración de búsqueda.
search.paginate	Entero	10	Paginación.
search.indexPaginate	Entero	1000	Paginación de archivos de índice.
search.indexPreload	Booleano	true	Si se deben precargar los índices de búsqueda.
search.maxResults	Número	100	El número máximo de resultados de búsqueda.
search.resultContentCharactersCount	Entero	240	El número máximo de caracteres del contenido del resultado para mostrar.
search.shortcut	Matriz	["/"]	El acceso directo de búsqueda, es decir, ["Control", "/"], deshabilítelo mediante una matriz vacía [].
search.fuse	Objeto	-	Opciones de Fuse.js.
search.fuse.ignoreLocation	Booleano	true
search.fuse.location	Entero	-
search.fuse.isCaseSensitive	Booleano	-
search.fuse.minMatchCharLength	Entero	-
search.fuse.threshold	Doble	-
search.fuse.distance	Entero	-
search.fuse.useExtendedSearch	Booleano	-

]]>https://vandenboom.online/es/docs/widgets/author/Fri, 03 Dec 2021 11:10:19 +0800https://vandenboom.online/es/docs/widgets/author/<p>The author widget is located in the sidebar, in order to introduce yourself briefly.</p>https://vandenboom.online/es/docs/widgets/reward/Fri, 03 Dec 2021 11:10:19 +0800https://vandenboom.online/es/docs/widgets/reward/The reward widget, AKA buy me a coffee widget, gives the readers a way to support a creator through the use of donations or tips.

However, it limited to the QR code image, please take a look at the funding widget.

]]>https://vandenboom.online/es/docs/widgets/social-links/Thu, 02 Dec 2021 16:27:45 +0800https://vandenboom.online/es/docs/widgets/social-links/<p>The <code>social</code> parameter is a set of key value pairs of social links that mapping from platform to their user identifier. It supports many popular social platforms, such as Twitter, Facebook, Reddit, GitHub. This article lists all supported platforms and how to use them.</p>https://vandenboom.online/es/docs/layouts/contact/Tue, 30 Nov 2021 23:56:00 +0800https://vandenboom.online/es/docs/layouts/contact/Podemos poner nuestra dirección de correo electrónico en enlaces sociales para que los lectores puedan contactarnos. Desafortunadamente, los correos electrónicos serán más o menos tratados como spam e incluso filtrados. Por lo tanto, traemos una función llamada formulario de contacto.

Requisitos previos

Necesitamos crear una página de contacto llamada contact/index.md en el directorio content, para que podamos acceder al formulario de contacto.

1+++
2title = "Contact Us"
3layout = "contact"
4+++

Una vez creado, el enlace aparecerá en el widget de perfil.

]]>https://vandenboom.online/es/docs/advanced/custom-assets/Sun, 28 Nov 2021 16:00:49 +0800https://vandenboom.online/es/docs/advanced/custom-assets/Como tema personalizable, brinda la capacidad de personalizar activos, ya sea personalizando CSS y JS o introduciendo CSS y JS de terceros.

Activos internos

Simplemente cree y edite los archivos assets/main/scss/_variables.scss, assets/main/scss/_custom.scss y assets/main/js/custom.ts.

Estos archivos se agruparán en uno para reducir las solicitudes HTTP.

Activos externos

Cualquier recurso CSS y JS externo se puede importar mediante los parámetros customCSS y customJS.

1customCSS = [
2  "external-foo.css",
3  "external-bar.css"
4]
5
6customJS = [
7  "external-foo.js",
8  "external-bar.js"
9]

]]>https://vandenboom.online/es/docs/widgets/comments/Sat, 27 Nov 2021 19:54:29 +0800https://vandenboom.online/es/docs/widgets/comments/Disqus, Utterances and Giscus comments widgets are supported out of box. This article shows how to configure them and even customize your own comment widgets.

]]>https://vandenboom.online/es/docs/get-involved/Sat, 27 Nov 2021 19:54:29 +0800https://vandenboom.online/es/docs/get-involved/Estaremos encantados de escuchar sus opiniones y comentarios, y le invitamos a participar.

Comunidad

• Solicitud de función
• Informe de error
• Discusiones: hacer preguntas, compartir ideas, etc.

Contribuir

Cualquier contribución es bienvenida, como documentos, corrección de errores y nuevas funciones.

Reglas

Para facilitar el mantenimiento, elaboramos algunas reglas.

Especificación de confirmaciones convencionales

Siga el Especificación de confirmaciones convencionales.

]]>https://vandenboom.online/es/docs/advanced/hooks/Sat, 27 Nov 2021 19:54:29 +0800https://vandenboom.online/es/docs/advanced/hooks/Como tema flexible, debería tener la capacidad de personalizar el código e integrar servicios de terceros. Por lo tanto, trajimos una función llamada gancho.

En este artículo, presentaremos todos los ganchos y brindaremos algunos casos de uso.

Descripción general

Gancho	Descripción
head-end	Antes del final <head>
body-begin	Sigue el <body>
body-end	Antes del final del <body>
main-begin	Arriba del <main>
main-end	Sigue el <main>
list-begin	Arriba de la lista de publicaciones
list-end	Sigue la lista de publicaciones
sidebar-begin	En la parte superior de la barra lateral
sidebar-end	Antes del final de la barra lateral
content-begin	Arriba del contenido de la publicación
content-end	Sigue el contenido de la publicación
comments-begin	Arriba de los comentarios
comments-end	Sigue los comentarios
footer-begin	En la parte superior del pie de página
footer-end	Antes del final del pie de página
post-panel-begin	En la parte superior del panel de publicaciones
post-panel-end	Antes de que finalice el panel de publicaciones
docs/sidebar-begin	En la parte superior de la barra lateral docs
docs/sidebar-end	Antes del final de la barra lateral docs
docs/nav-begin	En la parte superior de la navegación
docs/nav-end	Antes del final de la navegación
contact/form-field-begin	En la parte superior del campo del formulario de contacto
contact/form-field-end	Antes de que finalice el campo del formulario de contacto
search/sidebar-begin	En la parte superior de la barra lateral search
search/sidebar-end	Antes del final de la barra lateral search

Usos

Es fácil usar un gancho, lo que debe hacer es crear un archivo HTML con el mismo nombre que el gancho en el directorio layouts/partials/hooks.

]]>https://vandenboom.online/es/docs/configuration/site/Sat, 27 Nov 2021 19:53:24 +0800https://vandenboom.online/es/docs/configuration/site/La configuración del sitio se encuentra en config/_default/config.toml de forma predeterminada.

Nombre	Tipo	Predeterminado	Descripción
title	Cadena	-	Título del sitio.
baseURL	Cadena	-	URL base del sitio.
copyright	Cadena	-	Derechos de autor del sitio. El marcador de posición {year} será reemplazado por el año actual.
defaultContentLanguage	Cadena	en	Idioma predeterminado del sitio.
defaultContentLanguageInSubdir	Booleano	false
paginate	Entero	10
paginatePath	Cadena	page
enableRobotsTXT	Booleano	true
disqusShortname	Cadena	-	Disqus nombre corto.
services	Objeto	-
services.googleAnalytics	Objeto	-	Google Analytics, solo admite GA4.
services.googleAnalytics.ID	Cadena	-	Identificación de medición.
author	Objeto	-	Widget de autor.

Véase también Todos los ajustes de configuración.

]]>https://vandenboom.online/es/docs/configuration/page-params/Sat, 27 Nov 2021 19:53:24 +0800https://vandenboom.online/es/docs/configuration/page-params/Los parámetros de la página se encuentran en Asunto frontal de la página.

Nombre	Tipo	Predeterminado	Descripción
Página
title	Cadena	-	Título de la página.
description	Cadena	-	Descripción de la página.
keywords	Matriz	-	Palabras clave de la página.
comment	Booleano	true	Ya sea para habilitar los comentarios. No funcionará si comment se ha desactivado globalmente.
toc	Booleano	true	Ya sea para habilitar TOC. No funcionará si toc se ha desactivado globalmente.
math	Booleano	false	Ya sea para habilitar las matemáticas.
diagram	Booleano	false	Ya sea para habilitar el diagrama.
reward	Booleano	true	Ya sea para habilitar la recompensa.
breadcrumb	Booleano	true	Ya sea para habilitar la ruta de navegación.
breadcrumbDivider	Cadena	/	Divisor de pan rallado.
readingTime	Booleano	true	Ya sea para mostrar el tiempo de lectura.
postDate	Booleano	true	Si se muestra la fecha de publicación en la metasección de publicación.
copyright	Booleano	true	Ya sea para mostrar la sección de derechos de autor.
carousel	Booleano	false	Mostrar en carrusel.
nav	Booleano	true	Activar/desactivar las navegaciones.
sidebar	Booleano	true	Mostrar/Ocultar la barra lateral.
index	Booleano	true	Indexar esta página en el buscador del cliente o no.
Licencia Creative Commons
creativeCommons	Objeto	-
creativeCommons.by	Booleano	true	El crédito debe ser otorgado a usted, el creador.
creativeCommons.nc	Booleano	true	Sólo se permite el uso no comercial de su trabajo.
creativeCommons.nd	Booleano	true	No se permiten derivados ni adaptaciones de su trabajo.
creativeCommons.sa	Booleano	true	Las adaptaciones deben compartirse en los mismos términos.
Metaetiqueta
metaRobots	Cadena	-	Vacío significa que lo apagas.
pinned	Booleano	false	Fijar publicaciones.
pinnedWeight	Número	-	El peso más bajo tiene mayor prioridad.
featuredPostCount	Entero/Booleano	5	La cantidad de publicaciones destacadas que se muestran en la barra lateral. Apáguelo configurándolo en false.
recentPostCount	Entero/Booleano	5	El número de publicaciones recientes que se muestran en la barra lateral. Apáguelo configurándolo en false.
relatedPostCount	Entero/Booleano	5	El número de publicaciones relacionadas. Apáguelo configurándolo en false.
featuredImageAlt	Cadena	-	El texto alternativo para las imágenes destacadas, retrocede al título de la página si no está presente.
numberifyHeadings	Booleano	true	Cuando false, los encabezados no se numerarán.

]]>https://vandenboom.online/es/docs/configuration/site-params/Sat, 27 Nov 2021 19:53:24 +0800https://vandenboom.online/es/docs/configuration/site-params/Los parámetros del sitio se encuentran en config/_default/params.toml de forma predeterminada.

Nombre	Tipo	Predeterminado	Descripción
sass_transpiler	cadena	libsass	Se recomienda dartsass, ya que libsass está en desuso.
Página
mainSections	Matriz	["posts"]	Secciones principales
titleCase	Booleano	false	Título en mayúscula o no
titleSeparator	Cadena	-	Separador de título
backgroundImage	Matriz	[]	Imagen de fondo, como ['/images/bg.png'], ['/images/bg-light.png', '/images/bg-dark.png'].
comment	Booleano	true	Si habilitar comentarios
toc	Booleano	true	Ya sea para habilitar TOC
tocWordCount	Entero	280	TOC se muestra solo si el recuento de palabras de la publicación es mayor que este valor.
tocPosition	Cadena	sidebar	Valores disponibles: sidebar y content, solo se ve afectado el diseño posts.
breadcrumb	Booleano	true	Ya sea para habilitar la ruta de navegación
dateFormat	Cadena	Jan 2, 2006	Formato de fecha. Consulte Referencia de plantillas de fecha y hora de Hugo para obtener más detalles.
poweredBy	Booleano	true	Ya sea para mostrar impulsado por.
readingTime	Booleano	true	Ya sea para mostrar el tiempo de lectura.
postDate	Booleano	true	Si se muestra la fecha de publicación en la metasección de publicación.
math	Booleano	false	Ya sea para habilitar las matemáticas a nivel mundial.
diagram	Booleano	false	Ya sea para habilitar el diagrama globalmente.
logo	Cadena/Booleano	images/logo.webp	Imagen del logotipo. Deshabilite el logotipo configurándolo en false.
brand	Cadena	-	Texto de marca.
description	Cadena	-	Descripción del sitio.
keywords	Cadena	-	Palabras clave del sitio.
color	Cadena	-	Modo de color, light, dark o auto. El valor predeterminado es auto.
palette	Cadena	-	Paleta predeterminada. Esto entrará en vigor después de borrar la cookie.
palettes	Matriz	TODOS	Paletas disponibles. Puede desactivarlo configurándolo en [] vacío.
carouselPostCount	Entero	5	El número de publicaciones que se muestran en el carrusel de la página de inicio.
featuredPostCount	Entero/Booleano	5	La cantidad de publicaciones destacadas que se muestran en la barra lateral. Apáguelo configurándolo en false.
recentPostCount	Entero/Booleano	5	El número de publicaciones recientes que se muestran en la barra lateral. Apáguelo configurándolo en false.
relatedPostCount	Entero/Booleano	5	El número de publicaciones relacionadas. Apáguelo configurándolo en false.
categoryCount	Entero/Booleano	10	El número de categorías que se muestran en la barra lateral. Apáguelo configurándolo en false.
tagCount	Entero/Booleano	10	El número de etiquetas que se muestran en la barra lateral. Apáguelo configurándolo en false.
seriesCount	Entero	10	El número de series que se muestran en la barra lateral.
taxonomyPaginate	Entero	10
taxonomyPostCount	Entero	3	El número de publicaciones de la taxonomía. Desactívelo configurándolo en falso.
taxonomySortingMethod	Cadena	-	Ordenar taxonomías por popularity, ordenar alfabéticamente de forma predeterminada.
countTaxonomyPosts	Booleano	false	Contar publicaciones de taxonomía.
sidebarTaxonomies	Matriz	["series", "categories", "tags"]	Las taxonomías en la barra lateral.
fullWidth	Booleano	false	Ancho completo.
fullWidthInSections	Objeto	-	Especifique el ancho completo para secciones particulares, como posts, docs.
fixedHeader	Booleano	true	Activar/desactivar el encabezado fijo.
reward	Objeto	-	Widget de recompensa, también conocido como Cómprame un widget de café.
externalLinkIcon	Booleano	true	Si mostrar los íconos después de los enlaces externos.
share	Objeto	-	Botones de compartir
share.addThis	Cadena	-	Agregar esto pubid de Agregar esto.
fontSize	Objeto	Tamaños de fuente	Comente o elimine este parámetro para deshabilitar el cambio de tamaño de fuente.
fontSize.small	Cadena	.9rem	Tamaño de fuente pequeño.
fontSize.extraSmall	Cadena	.8rem	Tamaño de fuente extra pequeño.
fontSize.large	Cadena	1.1rem	Tamaño de fuente grande.
fontSize.extraLarge	Cadena	1.2rem	Tamaño de fuente extra grande.
social	Objeto	-	Enlaces sociales.
socialAnimation	Booleano	true	Elimine la animación de los enlaces sociales si false.
socialColor	Booleano	true	Elimine el color de los enlaces sociales si false.
socialShare	Booleano	true	Activa o desactiva el botón integrado para compartir en redes sociales.
searchBar	Booleano	true	Activa o desactiva la barra de búsqueda integrada.
archive	Objeto	-	Archivo.
search	Objeto	-	Buscar.
docsearch	Objeto	-	Búsqueda de documentos
docsearch.container	Cadena	.search-button
docsearch.appId	Cadena	-
docsearch.indexName	Cadena	-
docsearch.apiKey	Cadena	-
docsearch.debug	Booleano	false
docsearch.*	Booleano/Cadena/Número	-	https://docsearch.algolia.com/docs/api/
algolia	Objeto	-	Ver Algolia
Barra superior de aplicaciones
topAppBar	Objeto	-
topAppBar.social	Objeto	-	Enlaces sociales.
topAppBar.colorToggle	Booleano	true	Activa/desactiva el cambio de color/modo.
topAppBar.coloredInDark	Booleano	false	Coloreado en modo oscuro.
topAppBar.dropdownMenuToggle	Booleano	true	Ocultar el menú desplegable.
topAppBar.expandBreakpoint	cadena	xxl	Expanda el contenido por encima de este punto de interrupción, p. lg, xl, xxl.
Verificación del sitio para webmasters
siteVerification	Objeto	-
siteVerification.google	Cadena	-	google
siteVerification.bing	Cadena	-	Bing
siteVerification.baidu	Cadena	-	Baidu
siteVerification.baiduUnion	Cadena	-	Unión Baidu
siteVerification.so	Cadena	-	Qihoo 360
siteVerification.sogou	Cadena	-	Sogou
siteVerification.shenma	Cadena	-	Shenma
Analítica
analytics	Objeto	-	Configuración analítica.
analytics.baidu	Cadena	-	Análisis de Baidu.
analytics.plausible	Cadena	-	Dominios de análisis plausibles. Múltiples dominios separados por coma.
analytics.plausibleScript	Cadena	https://plausible.io/js/script.js	Especifique el script de Plausible Analytics autohospedado o guión extendido.
googleAdsense	Cadena	-	Adsense de Google.
customCSS	Matriz	-	Véase también activos personalizados.
customJS	Matriz	-	Véase también activos personalizados.
utterances	Objeto	-	Declaraciones configuración.
giscus	Objeto	-	gisco configuración.
Licencia Creative Commons
creativeCommons	Objeto	-
creativeCommons.by	Booleano	true	El crédito debe ser otorgado a usted, el creador.
creativeCommons.nc	Booleano	true	Sólo se permite el uso no comercial de su trabajo.
creativeCommons.nd	Booleano	true	No se permiten derivados ni adaptaciones de su trabajo.
creativeCommons.sa	Booleano	true	Las adaptaciones deben compartirse en los mismos términos.
Bloque de código
codeBlock	Objeto	-
codeBlock.maxLines	Entero	7
codeBlock.lineNos	Booleano	true	true/false representa que muestra/oculta los números de línea de forma predeterminada.
Publicar
post	Objeto	-
post.excerpt	Cadena	Description	La descripción se usará como extracto si no está vacía; para usar resúmenes como extracto, deberá configurarlo como cadena vacía explícitamente.
post.excerptMaxLength	Entero	320
post.copyright	Booleano	true	Si mostrar la sección de derechos de autor en cada publicación.
post.plainifyExcerpt	Booleano	true	Formatee el extracto en HTML si false.
post.featuredImage	Booleano	false	Muestra la imagen destacada encima del contenido.
post.numberifyHeadings	Booleano	false	Cuente los encabezados automáticamente.
post.numberifyHeadingsEndLevel	Número	6	La profundidad de los títulos a contar.
post.numberifyHeadingsSeparator	Cadena	-	El separador entre número y encabezados.
post.tocStyleType	Cadena	none	Propiedad CSS list-style-type del TOC.
post.imageTitleAsCaption	Booleano	false	Utilice el título de la imagen como título.
post.panel	Booleano	true	Activa o desactiva el panel de publicaciones.
post.nav	Booleano	true	Activar/desactivar las navegaciones.
post.readMoreFromContent	Booleano	false	La posición de la página después de hacer clic en el botón Leer más, leer más del contenido si es verdadero. Por defecto, al principio de la página. Solo admite la división de resúmenes manuales a través de `

]]>https://vandenboom.online/es/docs/configuration/structure/Sat, 27 Nov 2021 19:53:24 +0800https://vandenboom.online/es/docs/configuration/structure/Como se muestra en el sitio de ejemplo, utilizamos Directorio de configuración para mantener una organización más sencilla y configuraciones específicas del entorno; es especialmente útil en sitios multilingües.

 1├── _default
 2│   ├── config.toml
 3│   ├── config.zh-hans.toml
 4│   ├── config.zh-hant.toml
 5│   ├── languages.toml
 6│   ├── markup.toml
 7│   ├── menu.toml
 8│   ├── menu.zh-hans.toml
 9│   ├── menu.zh-hant.toml
10│   ├── params.toml
11│   ├── params.zh-hans.toml
12│   ├── params.zh-hant.toml
13│   ├── server.toml
14└── production
15    ├── config.toml
16    └── params.toml

Hugo admite múltiples formatos de configuración: TOML, YAML y JSON, cámbielo a voluntad.

]]>https://vandenboom.online/es/posts/diagram/Wed, 01 Sep 2021 11:36:50 +0800https://vandenboom.online/es/posts/diagram/This article offers a sample of basic diagram usage that can be used in Hugo content files.

Please see also Mermaid.

]]>https://vandenboom.online/es/docs/image-processing/Sun, 15 Aug 2021 14:19:06 +0800https://vandenboom.online/es/docs/image-processing/Este artículo ofrece algunos casos de uso para mostrar cómo cambiar el tamaño, recortar, ajustar, rellenar y alinear imágenes.

Cambiar el tamaño de las imágenes

Usamos la consulta URL de la imagen para cambiar el tamaño de las imágenes. Por ejemplo:

Especificar el ancho y conservar la proporción

1![Resize](featured-sample.webp?width=300px)

Especifique la altura y mantenga la proporción

1![Resize](featured-sample.webp?height=200px)

]]>https://vandenboom.online/es/docs/shortcodes/alert/Thu, 22 Oct 2020 00:00:00 +0000https://vandenboom.online/es/docs/shortcodes/alert/Este artículo muestra cómo utilizar el código corto alert.

Importante

Desde v1.8.0, puedes crear alertas sin shortcode, consulta alertas de citas en bloque.

Sintaxis

en línea

1{{< alert [type] >}}INLINE ALERT{{< /alert >}}

Bloquear

1{{< alert [type] >}}
2BLOCK ALERT
3{{< /alert >}}

El parámetro type es opcional. Valor predeterminado info, valores disponibles: info, success, warning y danger.

Con título

1{{< alert [type] >}}
2{{< alert-heading >}}Well Done!{{< /alert-heading >}}
3ALERT MESSAGE
4{{< /alert >}}

Con sintaxis de rebajas

1{{% alert warning %}}
2Alert Shortcode with Markdown Syntax:
3```bash
4$ echo 'Un ejemplo de shortcode de alerta con la sintaxis de Markdown'
5```
6{{% /alert %}}

Alert Shortcode with Markdown Syntax:

]]>https://vandenboom.online/es/docs/shortcodes/media/Thu, 22 Oct 2020 00:00:00 +0000https://vandenboom.online/es/docs/shortcodes/media/Una descripción detallada de los códigos cortos de medios, como Bilibili, Tencent, Youku, iQiyi y Netease Music.

Bilibili

1{{< bilibili "video id" >}}

Tencent

1{{< tencentvideo "vid" >}}

youku

1{{< youku "XNTQwMTgxMTE2" >}}

iQiyi

1{{< iqiyi "vid" "tvid" >}}

Música neta

1{{< neteasemusic "id" [auto [type]] >}}

Parámetro	Descripción
auto	El auto controla si se reproduce automáticamente. Booleano y opcional, por defecto false.
type	El parámetro type es opcional. El valor predeterminado es 2.

asciinema

1{{< asciinema id >}}

]]>https://vandenboom.online/es/docs/shortcodes/online-ide/Thu, 22 Oct 2020 00:00:00 +0000https://vandenboom.online/es/docs/shortcodes/online-ide/Una descripción detallada de los códigos cortos IDE en línea, como JSFiddle, CodePen, JSRun.

JSFiddle

1{{< jsfiddle "user/id" >}}

CódigoPluma

1{{< codepen "id" >}}

Ejecutar JSR

1{{< jsrun "id" >}}

esencia

1{{< gist razonyang f82a9399c2f682df36432f0ef828c451 >}}

]]>