Docs on Martijn's Noteshttps://vandenboom.online/es/series/docs/Recent content in Docs on Martijn's NotesHugoesCopyright © 2016-2026 van den <span class='bold-rotate'>B</span>oom. All Rights Reserved.Thu, 02 Apr 2026 10:00:00 +0200Windows Server 2022 Home Lab — AD DS, DNS, CA and Secured RDPhttps://vandenboom.online/es/posts/ws2022-home-lab-ad-dns-ca-rdp/Thu, 02 Apr 2026 10:00:00 +0200https://vandenboom.online/es/posts/ws2022-home-lab-ad-dns-ca-rdp/ Download as Word document

This article describes the full build of a two-server Windows Server 2022 home lab in Proxmox VE. Together, the two virtual machines provide Active Directory Domain Services, DNS, Group Policy and a Certificate Authority (ADCS). RDP connections are secured with PKI certificates so the Mac Mini M1 management workstation connects without certificate warnings.

This is part 3 of the series on building a Windows DevOps lab in Proxmox. In part 1 I described how to create a VM, and in part 2 how to prepare the template.

]]>Windows Server 2022 in Proxmox — Template Preparationhttps://vandenboom.online/es/posts/ws2022-proxmox-template-preparation/Tue, 31 Mar 2026 10:00:00 +0200https://vandenboom.online/es/posts/ws2022-proxmox-template-preparation/ Download as Word document

This is part 2 of the series on building a Windows DevOps lab in Proxmox. In part 1 I described how to create the VM. In this article I prepare the VM as a reusable Proxmox template. All future VMs — the CA server, member servers and other roles — will be cloned from this template.

Important: After Sysprep, never start the VM again. If you do, the generalization is consumed and the template must be rebuilt from scratch.

]]>Windows Server 2022 in Proxmox — Creating a VMhttps://vandenboom.online/es/posts/ws2022-proxmox-vm-creation/Mon, 30 Mar 2026 10:00:00 +0200https://vandenboom.online/es/posts/ws2022-proxmox-vm-creation/ Download as Word document

In this article I describe step by step how I create a Windows Server 2022 VM in Proxmox VE 9.1.6. The guide is based on real-world experience and includes all corrections and lessons learned along the way. This is part 1 of a series on building a fully functional Windows DevOps lab in Proxmox.

Lab Environment

Component Value
Proxmox host macpro2013.local — Mac Pro 2013 Trashcan
Proxmox version 9.1.6
RAM 128 GB
Storage 3.6 TB NVMe (local-lvm pool)
Network bridge vmbr0 — internal lab network (192.168.178.x)
Proxmox WebUI https://192.168.178.205:8006

Why a CA Is Needed — the SSL Warning

Anyone who opens the Proxmox WebUI via macpro2013.local in Safari will immediately see a certificate warning. Proxmox uses a self-signed certificate by default.

]]>Windows Server 2022 — Active Directory and DNS Installationhttps://vandenboom.online/es/posts/windows_server_2022_ad_dns/Fri, 27 Mar 2026 00:00:00 +0100https://vandenboom.online/es/posts/windows_server_2022_ad_dns/This article describes step by step how I installed Active Directory Domain Services (AD DS) and DNS on a Windows Server 2022 Datacenter VM in a VMware Fusion lab environment. The result is a fully functional domain controller for the domain lab.local, serving as the foundation for a Windows DevOps lab.

Environment

Component Value
Virtualization VMware Fusion (macOS)
Guest OS Windows Server 2022 Datacenter (Desktop Experience)
Hostname DC01
Domain name lab.local
NetBIOS name LAB
Lab network adapter Ethernet1 — 172.16.37.10 (static IP)
Internet adapter Ethernet0 — DHCP via VMware NAT

Step 1 — Configure Networking

Before installing Active Directory, the domain controller needs a static IP address. AD DS and DNS depend on a stable address.

]]>Windows Packet Capturing for LDAPS Analysishttps://vandenboom.online/es/posts/windows_packet_capturing/Sun, 18 Jan 2026 20:19:01 +0100https://vandenboom.online/es/posts/windows_packet_capturing/Troubleshooting LDAPS Connectivity: Using Built-in Windows Tools to Audit Firewall Compliance As organizations move toward more secure infrastructure, migrating from standard LDAP (Port 389) to LDAPS (Port 636) is a critical step. However, this transition often reveals “silent” failures where a network firewall might allow the initial connection but block the subsequent SSL/TLS handshake.

At Van den Boom Online, we understand that a smooth user experience starts with a robust backend. In this guide, we’ll show you how to perform packet capturing using only built-in Windows tools to verify if your traffic is reaching its destination or being dropped by security appliances.

]]>Install Ansible AWX 24.6.1 in Minikube on Ubuntu 24.04.2 LTS in a single VMhttps://vandenboom.online/es/posts/ansible_awx/Wed, 02 Jul 2025 13:35:25 +0200https://vandenboom.online/es/posts/ansible_awx/Create a Ubuntu Virtual Machine with:
32 GB RAM
8 cores
120 GB HD

Step-by-step: Install AWX 24.6.1 on Minikube (Ubuntu)

🔧 1. System Preparation

1$ sudo apt update && sudo apt upgrade -y
2$ sudo apt install -y curl wget apt-transport-https ca-certificates gnupg lsb-release software-properties-common
3$ sudo timedatectl set-timezone Europe/Amsterdam

📦 2. Install Docker (Minikube backend)

 1$ curl -fsSL https://get.docker.com | sudo bash
 2$ sudo usermod -aG docker $USER
 3$ newgrp docker  # Activate group without reboot
 4
 5Enable and start Docker:
 6$ sudo systemctl enable docker
 7$ sudo systemctl start docker
 8
 9Test:
10$ docker run hello-world

🧱 3. Install Minikube

]]>Install Red Hat Ansible Automation Platform 2.5 in a single VMhttps://vandenboom.online/es/posts/ansible_automation_platform/Sun, 29 Jun 2025 23:10:08 +0200https://vandenboom.online/es/posts/ansible_automation_platform/Attention: I have not been able to make it restart automatically after a reboot!
Perhaps it is better to look into making it run in Minikube?

Create a Red Hat 9 Virtual Machine with:
32 GB RAM
8 cores
120 GB HD

1$ sudo hostnamectl hostname aap.vandenboom.local

Download the Ansible Automation Platform 2.5 Containerized Setup Bundle from: https://access.redhat.com/downloads/content/480/ver=2.5/rhel---9/2.5/x86_64/product-software

 1$ tar zxvf ansible*.tar.gz
 2
 3$ sudo vim /etc/hosts
 4localhost aap.vandenboom.local
 5
 6$ ping aap.vandenboom.local
 7
 8$ sudo dnf install -y podman git python3-pip rsync tar jq unzip
 9
10$ podman login registry.redhat.io
11
12$ sudo dnf install ansible-core wget
13
14$ python3 -m pip install virtualenv
15$ pip3 install ansible
16
17$ vim inventory
18Edit the settings as seen below
19
20$ time ansible-playbook -i inventory ansible.containerized_installer.install -K

This is the contents of the file: ./inventory

]]>A comparison of the resource usage of Kubernetes and OpenShifthttps://vandenboom.online/es/posts/pas_op_met_openshift/Sat, 29 Mar 2025 15:15:43 +0100https://vandenboom.online/es/posts/pas_op_met_openshift/When comparing Kubernetes with OpenShift (Red Hat’s Kubernetes-based platform), there are several key differences that affect how they handle resource consumption and system resources. While OpenShift is built on top of Kubernetes, there are additional functionalities and differences that impact the resource requirements:

  1. Additional Functionalities in OpenShift OpenShift offers more out-of-the-box functionality than Kubernetes. This can lead to higher overhead, but also to more ease of use and integration:

  • Security: OpenShift adds extra security layers, such as Security Context Constraints (SCC) and SELinux restrictions, which may require additional resources for securing containers and applications.

    ]]>The statement 'beware of Kubernetes, it burns through your resources'https://vandenboom.online/es/posts/pas_op_met_kubernetes/Sat, 29 Mar 2025 15:00:43 +0100https://vandenboom.online/es/posts/pas_op_met_kubernetes/The statement “beware of Kubernetes, it burns through your resources” refers to the fact that Kubernetes, although a powerful and flexible solution for orchestrating containerized applications, can consume a relatively large amount of system resources (such as CPU, memory, and storage).

    This is due to several factors:

    1. Kubernetes has overhead: Kubernetes itself runs as a cluster of various components, such as the API server, scheduler, controller manager, and more. These components run on the control plane and need to be managed. This adds extra overhead to your system, meaning that the resources Kubernetes itself uses are added on top of the applications you are actually running.

      ]]>Golang / Go: The Smart Programming Language for Efficient Software and Concurrencyhttps://vandenboom.online/es/posts/golang_go_concurrency/Sat, 22 Mar 2025 21:00:43 +0100https://vandenboom.online/es/posts/golang_go_concurrency/<p>Concurrency might sound like a technical term, but it boils down to a program performing multiple tasks at once, as if it’s multitasking. Imagine you’re cooking: while the pasta is on the stove, you start the washing machine and charge your phone. Although you’re not doing everything at the exact same moment, it all happens smoothly side by side. Software that supports concurrency works the same way: a program can, for instance, download files, perform calculations, and send data to a server all at once. This multitasking makes the use of computing power more efficient and ensures faster, smoother performance.</p>Implementar en la plataforma de aplicaciones DigitalOceanhttps://vandenboom.online/es/docs/deployment/digitalocean-app-platform/Sun, 21 Jan 2024 15:00:19 +0800https://vandenboom.online/es/docs/deployment/digitalocean-app-platform/Requisitos
      • Cuenta DigitalOcean

      Crear archivo Docker

      Cree Dockerfile en la raíz de su sitio.

      Nuestro plantilla inicial ya incluye el Dockerfile.

       1###############
 2# Build Stage #
 3###############
 4FROM hugomods/hugo:exts as builder
 5
 6COPY . /src
 7
 8ENV HUGO_ENV=production
 9
10# Base URL
11ARG HUGO_BASEURL=
12ENV HUGO_BASEURL=${HUGO_BASEURL}
13
14# Module Proxy
15ARG HUGO_MODULE_PROXY=
16ENV HUGO_MODULE_PROXY=${HUGO_MODULE_PROXY}
17
18# NPM mirrors, such as https://registry.npmmirror.com
19ARG NPM_CONFIG_REGISTRY=
20ENV NPM_CONFIG_REGISTRY=${NPM_CONFIG_REGISTRY}
21
22# Install dependencies
23RUN npm ci
24
25# Build site
26RUN hugo --minify --gc --enableGitInfo
27
28# Set the fallback 404 page if defaultContentLanguageInSubdir is enabled, please replace the `en` with your default language code.
29# RUN cp ./public/en/404.html ./public/404.html
30
31###############
32# Final Stage #
33###############
34FROM hugomods/hugo:nginx
35COPY --from=builder /src/public /site
      • /site es el directorio de salida de archivos estáticos, que se utilizará más adelante.

      Crear aplicación

      Navegue hasta DigitalOcean Dashboard -> Panel izquierdo -> Apps -> Crear aplicación y luego complete el formulario de la siguiente manera.

      ]]>      Funding Widgethttps://vandenboom.online/es/docs/widgets/funding/Sun, 29 Jan 2023 19:44:19 +0800https://vandenboom.online/es/docs/widgets/funding/<p>The funding widget, AKA buy me a coffee widget, gives the readers a way to support a creator.</p>Palancahttps://vandenboom.online/es/docs/shortcodes/toggle/Sat, 21 Jan 2023 23:22:11 +0800https://vandenboom.online/es/docs/shortcodes/toggle/El código corto toggle es similar al code-toggle, pero es más genérico.

      Uso

      1{{< toggle myToggleName >}}
2  
3  {{< toggle-item myToggleItemName >}}
4    CONTENT HERE, MARKDOWN and SHORTCODE are support.
5  {{< /toggle-item >}}
6
7  ...
8
9{{< /toggle >}}
      • El myToggleName DEBE ser único por página.
      • El myToggleItemName DEBE ser único por palanca.

      Ejemplo

      foo
      barra 
      1eco "hola mundo"
      1console.log("hola mundo")
      1SELECCIONA "hola mundo"
      ]]>      Algoliahttps://vandenboom.online/es/docs/topics/algolia/Sun, 27 Nov 2022 19:53:12 +0800https://vandenboom.online/es/docs/topics/algolia/La búsqueda del cliente será cada vez más lenta a medida que crezca el contenido; es razonable tener un servicio de búsqueda remota para manejar las solicitudes de búsqueda de un sitio grande.

      Algolia es un servicio de búsqueda popular que ofrece un plan gratuito (10.000 registros, 10.000 solicitudes por mes). Después de leer este artículo, aprenderá cómo configurar Algolia y cargar archivos de índice automáticamente.

      Preparativos

      En primer lugar, debe crear una cuenta de Algolia y luego crear su aplicación.

      ]]>      Código corto de IFramehttps://vandenboom.online/es/docs/shortcodes/iframe/Sat, 19 Nov 2022 13:00:48 +0800https://vandenboom.online/es/docs/shortcodes/iframe/Una descripción detallada del código corto de iframe.

      Uso

      1{{< iframe "URL" >}}

      o mediante parámetros con nombre

      1{{< iframe 
2    src="URL"
3    trigger=manual
4    loadButtonText="load_video"
5>}}
      Parámetro Predeterminado Descripción
      src - La URL del marco flotante. Requerido.
      trigger auto Configúrelo como manual si desea cargar el iframe manualmente.
      lazyLoading true
      loadButtonText load Se admite el texto del botón de carga, i18n.
      loadInfo - La información se muestra debajo del botón de carga. Se admite la reducción de precios.
      fullscreen true Mostrar/Ocultar el botón de pantalla completa.

      Ejemplos

      Abrir mapa de calles

      Juego

      Ten en cuenta que el iframe cargará el juego desde otros sitios.

      ]]>Código corto del juegohttps://vandenboom.online/es/docs/shortcodes/game/Tue, 15 Nov 2022 21:16:48 +0800https://vandenboom.online/es/docs/shortcodes/game/Una descripción detallada del shortcode del juego.

      Uso

      1{{< game "GAME_URL" >}}

      o mediante parámetros con nombre

      Parámetro Predeterminado Descripción
      src - La URL del juego. Requerido.
      trigger auto Configúralo como manual si quieres cargar el juego manualmente.
      loadInfo - La información se muestra debajo del botón de carga. Se admite la reducción de precios. 
      1{{< game
2    src="GAME_URL"
3    trigger=manual
4    loadInfo="The Game Information."
5>}}

      Ejemplos

      Carga automática

      Carga manual

      The Game Information.

      ]]>Diseño de página de destinohttps://vandenboom.online/es/docs/layouts/landing/Thu, 15 Sep 2022 10:46:23 +0800https://vandenboom.online/es/docs/layouts/landing/En este artículo, hablaremos sobre el diseño de la página de destino; puede que le interese si va a personalizar las páginas en modo Markdown.

      ¿Qué es?

      El diseño de la página de destino es solo un contenedor esqueleto, el cuerpo consta de tres partes: barra superior de la aplicación, contenido de la página y pie de página.

      Ventajas

      • Redacción de contenidos en Markdown.
      • Códigos cortos reutilizables.

      ¿Cómo usarlo?

      Es bastante simple de usar, simplemente especifique type como landing y sidebar como false en la portada de la página, el resto es todo acerca de su contenido.

      ]]>      Repository Widgethttps://vandenboom.online/es/docs/widgets/repository/Fri, 09 Sep 2022 21:06:19 +0800https://vandenboom.online/es/docs/widgets/repository/<p>The repository widget shows the commit information about current page, it&rsquo;s useful for users to view or edit the source code.</p>Implementar en páginas de GitLabhttps://vandenboom.online/es/docs/deployment/gitlab-pages/Sat, 27 Aug 2022 10:30:23 +0800https://vandenboom.online/es/docs/deployment/gitlab-pages/Este artículo explica cómo implementar sitios en Páginas de GitLab usando GitLab CI.

      Flujo de trabajo

      Cree .gitlab-ci.yml en la raíz de su sitio con el siguiente contenido:

       1image: registry.gitlab.com/pages/hugo/hugo_extended:latest
 2
 3variables:
 4  HUGO_ENV: production
 5
 6default:
 7  before_script:
 8    - apk add --update --no-cache git go npm
 9    - npm install
10
11test:
12  script:
13    - hugo --gc --minify
14  rules:
15    - if: $CI_COMMIT_REF_NAME != $CI_DEFAULT_BRANCH
16
17pages:
18  script:
19    - hugo --gc --minify
20  artifacts:
21    paths:
22      - public
23  rules:
24    - if: $CI_COMMIT_REF_NAME == $CI_DEFAULT_BRANCH

      El ejemplo anterior solo implementará la rama predeterminada en GitLab Pages y ejecutará una prueba en el resto de las ramas.

      ]]>      Descripción general de la implementaciónhttps://vandenboom.online/es/docs/deployment/overview/Wed, 27 Jul 2022 18:00:25 +0800https://vandenboom.online/es/docs/deployment/overview/En esta sección, vamos a hablar de los puntos clave de las implementaciones para evitar la mayoría de los problemas durante la implementación.

      Herramientas de construcción

      Como mencionó Requisitos previos, deberá configurar esas herramientas en su entorno de implementación.

      Instalación de dependencias

      Usamos NPM para administrar las dependencias del tema, es necesario instalar las dependencias en el entorno de implementación, ya que NO DEBEMOS confirmar la carpeta node_modules.

      ]]>      Anulación de diseñoshttps://vandenboom.online/es/docs/advanced/layouts-overriding/Wed, 27 Jul 2022 16:05:37 +0800https://vandenboom.online/es/docs/advanced/layouts-overriding/Según Orden de búsqueda de diseños de Hugo, es fácil anular los diseños y parciales de Hugo y del tema. Es útil para los usuarios que desean personalizar algunas cosas de diseños o parciales particulares.

      Uso

      Simplemente cree un diseño o un archivo parcial con el mismo nombre de archivo que desea anular en la raíz del sitio.

      Así trabaja nuestro Manos.

      Por ejemplo, podemos anular la página de inicio parital diseños/index.html creando la nuestra propia en la raíz del sitio.

      ]]>      Sticky Widgetshttps://vandenboom.online/es/docs/topics/sticky-widgets/Wed, 27 Jul 2022 08:54:43 +0800https://vandenboom.online/es/docs/topics/sticky-widgets/<p>When the page is too long, the sidebar will disappear with scrolling and the page will not look as neat and beautiful. So this article will introduce how to use sticky widgets to avoid this problem.</p>Modo multilingüehttps://vandenboom.online/es/docs/configuration/multilangual/Wed, 27 Jul 2022 08:06:06 +0800https://vandenboom.online/es/docs/configuration/multilangual/HBS admite varios idiomas desde el primer momento, como inglés, chino simplificado, chino tradicional, francés, ruso, etc.

      Puedes agregar tus propias traducciones en: tema-hugo-bootstrap/i18n

      Idiomas admitidos

      Language Code
      English en
      Simplified Chinese zh-hans(Recommended), zh-cn
      Traditional Chinese zh-hant(Recommended), zh-tw, zh-hk
      Spanish es
      Arabic ar
      German de
      French fr
      Indonesian id
      Japanese ja
      Polish pl
      Portuguese pt
      Russian ru
      Ukrainian uk
      Uzbek uz

      Configuración

      config/_default/language.toml

      ]]>PurgarCSShttps://vandenboom.online/es/docs/advanced/purgecss/Mon, 25 Jul 2022 12:06:00 +0800https://vandenboom.online/es/docs/advanced/purgecss/PurgeCSS es una herramienta increíble que elimina el CSS no utilizado de su sitio. En esta sección, profundizaremos en cómo funciona PurgeCSS y a qué debemos prestar atención.

      ¿Cómo funciona?

      PurgeCSS requiere que se establezca la siguiente configuración.

      config.toml

      ]]>Actuaciónhttps://vandenboom.online/es/docs/advanced/performance/Sat, 23 Jul 2022 18:30:48 +0800https://vandenboom.online/es/docs/advanced/performance/En este artículo vamos a hablar sobre cómo mejorar el rendimiento de sus sitios.

      La forma más sencilla de mejorar el rendimiento es reducir el tamaño del archivo para transferirlo más rápido.

      Medio ambiente

      El tema se basa en el entorno production para minimizar los activos de JavaScript y CSS, y eliminar el CSS no utilizado.

      Entorno predeterminado Valor
      hugo production
      hugo server development

      En general, no es necesario realizar ningún cambio a menos que planee utilizar hugo server en un entorno production. Puede cambiar el entorno predeterminado con el indicador -e.

      ]]>      Eventoshttps://vandenboom.online/es/docs/advanced/events/Sat, 23 Jul 2022 17:33:59 +0800https://vandenboom.online/es/docs/advanced/events/En este artículo se enumeran algunos eventos personalizados emitidos por el tema; puede detectar esos eventos a través de detectores de eventos.

      Evento de modo de color

      HBS emitirá un evento personalizado llamado hbs:mode cuando se cambie el modo de color; es útil para ajustar el estilo de su widget al modo de color del tema. Los motores integrados de comentarios de Utterances y Giscus dependen de este evento para ajustar su tema a claro u oscuro.

      ]]>      Variables SCSShttps://vandenboom.online/es/docs/advanced/scss-variables/Sat, 23 Jul 2022 17:23:28 +0800https://vandenboom.online/es/docs/advanced/scss-variables/Gracias a assets/main/scss/_variables.scss, tenemos la capacidad de cambiar las variables SCSS predeterminadas del tema y Bootstrap.

      ¿Por qué variables SCSS?

      Aunque podemos anular el CSS a través de assets/main/scss/_custom.scss, esto eventualmente aumentará el tamaño del paquete de CSS; sin embargo, la variable SCSS no lo hace en la mayoría de los casos.

      Por ejemplo, hay una animación predeterminada para el logotipo al pasar el mouse.

      1.top-app-bar .logo:hover {
2    transform: rotate(-5deg) scale(1.1);
3}

      Puede desactivarlo mediante SCSS personalizado.

      ]]>      Códigos cortos de textohttps://vandenboom.online/es/docs/shortcodes/text/Fri, 15 Jul 2022 01:00:43 +0800https://vandenboom.online/es/docs/shortcodes/text/En este artículo, exploraremos algunos códigos cortos para texto, como alineación, transformación y selección.

      Transformación de texto

      texto en minúsculas.
      TEXTO EN MAYÚSCULAS.
      Texto en mayúscula.

      Alineación de texto

      Alinear el texto al inicio.
      Alinear el texto al centro.
      Alinear el texto hasta el final.

      Selección de texto

      Este párrafo quedará completamente seleccionado cuando el usuario haga clic en él.
      Este párrafo no será seleccionable cuando el usuario haga clic en él.
      ]]>      Construyendo una imagen de Dockerhttps://vandenboom.online/es/docs/deployment/docker/Wed, 13 Jul 2022 10:30:29 +0800https://vandenboom.online/es/docs/deployment/docker/Este artículo detallará cómo crear una imagen de Docker.

      Principio

      1. Utilice Hugo para crear el sitio y generar archivos estáticos.
      2. Utilice Nginx como servidor para manejar solicitudes.

      Archivo Docker

      Cree un Dockerfile en la raíz del sitio.

       1###############
 2# Build Stage #
 3###############
 4FROM razonyang/hugo as builder
 5
 6WORKDIR /src
 7COPY . /src
 8
 9ARG HUGO_ENV=production
10ENV HUGO_ENV=${HUGO_ENV}
11
12# Base URL
13ARG HUGO_BASEURL=/
14ENV HUGO_BASEURL=${HUGO_BASEURL}
15
16# Module Proxy
17ARG HUGO_MODULE_PROXY=
18ENV HUGO_MODULE_PROXY=${HUGO_MODULE_PROXY}
19
20# NPM mirrors, such as https://registry.npmmirror.com
21ARG NPM_CONFIG_REGISTRY=
22ENV NPM_CONFIG_REGISTRY=${NPM_CONFIG_REGISTRY}
23
24# Install dependencies
25RUN npm install
26RUN npm install -g @fullhuman/postcss-purgecss rtlcss
27
28# Build site
29RUN hugo --minify --gc --enableGitInfo
30
31# Set the fallback 404 page if defaultContentLanguageInSubdir is enabled, please replace the `en` with your default language code.
32# RUN cp ./public/en/404.html ./public/404.html
33
34###############
35# Final Stage #
36###############
37FROM nginx
38COPY --from=builder /src/public /app
39COPY deploy/nginx/default.conf /etc/nginx/conf.d/default.conf
      • Hay dos etapas para la construcción, una etapa de construcción y una etapa de lanzamiento. La etapa de lanzamiento contiene solo los archivos estáticos generados, manteniendo el tamaño de la imagen de Docker lo más pequeño posible.
      • Si tiene defaultContentLanguageInSubdir habilitado, descomente y modifíquelo a pedido.
      • El parámetro HUGO_BASEURL se usa para especificar el baseURL del sitio durante la compilación y generalmente se usa cuando baseURL es diferente de la configuración, por lo que puede eliminarlo usted mismo si no lo necesita.
      • HUGO_MODULE_PROXY y NPM_CONFIG_REGISTRY son parámetros de compilación opcionales que se pueden eliminar si no son necesarios.

      Nginx

      Cree un deploy/nginx/default.conf en la raíz del sitio:

      ]]>      Implementar en páginas de GitHubhttps://vandenboom.online/es/docs/deployment/github-pages/Wed, 13 Jul 2022 10:30:23 +0800https://vandenboom.online/es/docs/deployment/github-pages/Este artículo explica cómo implementar sitios en Páginas de GitHub usando GitHub Actions.

      Flujo de trabajo

      Cree .github/workflows/gh-pages.yml en la raíz del sitio.

       1name: GitHub Pages
 2on:
 3  push:
 4    branches:
 5      - main
 6permissions:
 7  contents: write
 8jobs:
 9  build-and-deploy:
10    concurrency: ci-${{ github.ref }}
11    runs-on: ubuntu-latest
12    steps:
13      - name: Checkout 🛎️
14        uses: actions/checkout@v3
15        with:
16          submodules: true
17          fetch-depth: 0
18
19      - name: Setup Node
20        uses: actions/setup-node@v3
21        with:
22          node-version: '16'
23
24      - name: Cache dependencies
25        uses: actions/cache@v2
26        with:
27          path: ~/.npm
28          key: ${{ runner.os }}-node-${{ hashFiles('**/package-lock.json') }}
29          restore-keys: |
30            ${{ runner.os }}-node-            
31
32      - name: Install dependencies
33        run: npm install
34
35      - name: Setup Hugo
36        uses: peaceiris/actions-hugo@v2
37        with:
38          hugo-version: 'latest'
39          extended: true
40
41      - name: Build
42        run: hugo --minify --gc --enableGitInfo
43
44      - name: Deploy 🚀
45        uses: peaceiris/actions-gh-pages@v3
46        with:
47          github_token: ${{ secrets.GITHUB_TOKEN }}
48          publish_dir: ./public

      Ver también Flujo de trabajo de páginas de GitHub de plantilla inicial。

      ]]>Implementar en páginas de Cloudflarehttps://vandenboom.online/es/docs/deployment/cloudflare-pages/Tue, 12 Jul 2022 20:06:24 +0800https://vandenboom.online/es/docs/deployment/cloudflare-pages/Este artículo le muestra cómo implementar su sitio en Páginas de Cloudflare.

      Creando un proyecto

      Comenzaremos creando un proyecto Git y completando la información adecuada.

      Comando de compilación

      1npm i && hugo --gc --minify --enableGitInfo -b https://hbs-skeleton.pages.dev
      1. npm i es un acceso directo a npm install, que instala las dependencias utilizadas durante la construcción del sitio.
      2. -b https://hbs-skeleton.pages.dev especifica baseURL, reemplácelo usted mismo. También puede guardarlo en un archivo de configuración en lugar de especificarlo en el comando de compilación.

      Variables de entorno

      Nombre Valor
      HUGO_VERSION 0.147.9
      NODE_VERSION 16

      Página 404

      Cloudflare es lo suficientemente inteligente como para utilizar las páginas 404 que mejor coinciden, incluso para sitios multilingües, y funciona sin configuraciones adicionales.

      ]]>      Implementar en Netlifyhttps://vandenboom.online/es/docs/deployment/netlify/Tue, 12 Jul 2022 14:20:49 +0800https://vandenboom.online/es/docs/deployment/netlify/Este artículo muestra cómo implementar su sitio en Netlificar.

      Configuración de Netlify

      Cree un netlify.toml en la raíz del sitio:

       1[build]
 2  publish = "public"
 3
 4[build.environment]
 5  NODE_VERSION = "17.6.0"
 6  HUGO_VERSION = "0.147.9"
 7  HUGO_ENABLEGITINFO = "true"
 8  GO_VERSION = "1.17.7"
 9
10[context.production]
11  command = "npm install && hugo --minify"
12
13[context.production.environment]
14  HUGO_ENV = "production"
15
16[[headers]]
17  for = "/*"
18  [headers.values]
19    Referrer-Policy = "strict-origin-when-cross-origin"
20    X-Content-Type-Options = "nosniff"
21    X-Frame-Options = "deny"
22    X-XSS-Protection = "1; mode=block"
23
24[[redirects]]
25  from = "/:lang/*"
26  to = "/:lang/404.html"
27  status = 404
28
29[[redirects]]
30  from = "/*"
31  to = "/en/404.html" # Replace the "en" to your default language code if "defaultContentLanguageInSubdir" is enabled, otherwise use "/404.html" instead.
32  status = 404

      Véase también Configuración de Netlify de plantilla inicial.

      ]]>Actualizaciónhttps://vandenboom.online/es/docs/getting-started/upgradation/Sat, 25 Jun 2022 22:15:02 +0800https://vandenboom.online/es/docs/getting-started/upgradation/Este artículo explica cómo actualizar el tema correctamente.

      Versiones

      Antes de actualizar, es necesario introducir qué es una versión. Además de las versiones estables relativas enumeradas en Lanzamientos, puede usar una rama como master, develop, o incluso elegir un determinado commit.

      Este artículo utilizará el marcador de posición [version] para representar la versión, simplemente reemplácelo con la versión a la que desea actualizar.

      Actualizar

      Elija el paso de actualización según el método de instalación: Submódulo Git y Módulo Hugo.

      ]]>      Migrando a v1https://vandenboom.online/es/docs/migration/Mon, 20 Jun 2022 17:46:31 +0800https://vandenboom.online/es/docs/migration/Realice un seguimiento y revise los cambios en la documentación y los archivos fuente del tema para ayudarle a migrar de v0.* a v1.

      Si no está seguro de cómo actualizar, consulte la guía Actualización.

      ##v1.0

      El diseño de interfaz de usuario anterior está congelado en la rama v0 que solo acepta correcciones de errores. Puedes seguir usando el diseño de interfaz de usuario anterior con esa rama.

      Dependencias

      • Bootstrap pasó de v5.1 a v5.2.

      interfaz de usuario

      • Se eliminó el panel de configuración de la barra superior de aplicaciones.
      • Se agregaron los enlaces sociales en la barra superior de la aplicación.
      • Se colocó el interruptor de navegación de Documentos en la barra superior de aplicaciones en una pantalla pequeña.

      Diseños

      • Se eliminó layouts/_default/archive.html, reemplace layout = archive con layout = archives al frente.
      • Renombrado layouts/partials/docs/catalog.html a layouts/partials/docs/nav.html.

      SCSS

      • $variable-prefix en desuso, utilice $prefix en su lugar.
      • Utilice variables CSS integradas en Bootstrap en lugar de variables CSS definidas por temas.

      Documentos

      • BREAKING CHANGE usa navWeight en lugar de weight para ordenar páginas en la navegación de documentos.

      Códigos cortos

      Código corto de alerta

      ]]>      Alternar códigohttps://vandenboom.online/es/docs/shortcodes/code-toggle/Mon, 13 Jun 2022 16:54:28 +0800https://vandenboom.online/es/docs/shortcodes/code-toggle/El shortcode code-toggle genera bloques de código de varios formatos de acuerdo con el código de configuración de cualquier formato compatible.

      Formatos

      JSON, TOML y YAML son compatibles.

      Uso

      1{{< code-toggle >}}
2CODE IN ANY SUPPORTED FORMAT
3{{</ code-toggle >}}

      Con un nombre de archivo:

      1{{< filename="config" code-toggle >}}
2CODE IN ANY SUPPORTED FORMAT
3{{</ code-toggle >}}

      Ejemplo

      1{{< code-toggle filename="params" >}}
2{
3    "logo": "/images/logo.png",
4    "customCSS": ["foo.css", "bar.css"],
5    "codeBlock": {
6        "maxLines": 10
7    }
8}
9{{</ code-toggle >}}

      params.toml

      ]]>Introducciónhttps://vandenboom.online/es/docs/getting-started/introduction/Mon, 13 Jun 2022 16:32:09 +0800https://vandenboom.online/es/docs/getting-started/introduction/Metas
      • Rendimiento
      • Experiencia de usuario amigable
      • SEO

      Características

      ]]>      Requisitos previoshttps://vandenboom.online/es/docs/getting-started/prerequisites/Mon, 13 Jun 2022 16:32:09 +0800https://vandenboom.online/es/docs/getting-started/prerequisites/Asegúrese de cumplir con los requisitos previos antes de instalar el tema.

      Configuración

      HBS requiere que se establezcan las siguientes configuraciones.

      config.toml

      1[build]
2  writeStats = true
3[taxonomies]
4  author = 'authors'
5  category = 'categories'
6  series = 'series'
7  tag = 'tags'

      config.yaml

      ]]>Código corto de la galeríahttps://vandenboom.online/es/docs/shortcodes/gallery/Fri, 25 Mar 2022 00:00:00 +0000https://vandenboom.online/es/docs/shortcodes/gallery/Este artículo muestra cómo utilizar el código corto gallery.

      Uso

      1{{< gallery images="images/foo.png,images/bar.png" >}}
      ]]>      Instalar a través del módulo Hugohttps://vandenboom.online/es/docs/getting-started/installation/hugo-module/Sat, 26 Feb 2022 17:10:39 +0200https://vandenboom.online/es/docs/getting-started/installation/hugo-module/Este artículo se refiere al método de instalación moderno y actualizado para instalar el tema localmente como módulo Hugo.

      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.

      ]]>      Diseño de documentoshttps://vandenboom.online/es/docs/layouts/docs/Wed, 12 Jan 2022 10:56:34 -0800https://vandenboom.online/es/docs/layouts/docs/En este artículo, exploraremos el diseño docs, que se puede utilizar para escribir documentación del proyecto, notas personales y más.

      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

      Estructura

      ]]>      Menúhttps://vandenboom.online/es/docs/configuration/menu/Thu, 16 Dec 2021 17:25:20 +0800https://vandenboom.online/es/docs/configuration/menu/Predefinimos dos tipos de menús: main y footer, representan los menús de la barra superior de aplicaciones y los menús de pie de página, respectivamente. Este artículo presentará brevemente cómo utilizar los menús.

      Propiedades de entrada de menú

      Propiedad Tipo Descripción
      name Cadena El nombre del menú.
      identifier Cadena El ID del menú.
      weight Número El peso del menú que se utilizó para ordenar en orden ascendente.
      parent Cadena El identifier de la entrada del menú principal.
      url Cadena La URL del menú.
      pre Cadena La cadena inicial antes del nombre del menú.
      post Cadena La cadena final después del nombre del menú.
      params Objeto Parámetros del menú.
      params.divider Booleano true significa divisor.
      params.icon Cadena El icono HTML.
      params.description Cadena La descripción solo para los menús desplegables de la barra superior de aplicaciones.

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

      ]]>      Diseño de preguntas frecuenteshttps://vandenboom.online/es/docs/layouts/faq/Tue, 07 Dec 2021 21:46:43 +0800https://vandenboom.online/es/docs/layouts/faq/La página Preguntas frecuentes es una colección de preguntas frecuentes.

      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:

      ]]>      Agregar contenidohttps://vandenboom.online/es/docs/content/Sat, 04 Dec 2021 10:43:39 +0800https://vandenboom.online/es/docs/content/Secciones principales

      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:

      ]]>      Empezandohttps://vandenboom.online/es/docs/getting-started/Sat, 04 Dec 2021 10:43:39 +0800https://vandenboom.online/es/docs/getting-started/Instalar a través del submódulo Githttps://vandenboom.online/es/docs/getting-started/installation/git-submodule/Sat, 04 Dec 2021 10:43:39 +0800https://vandenboom.online/es/docs/getting-started/installation/git-submodule/Este artículo se refiere al método de instalación tradicional de clonar el tema localmente como submódulo Git. Si bien este método de instalación todavía se usa ampliamente, recomendamos instalar el tema como Módulo Hugo.

      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.

      ]]>Visor de imágeneshttps://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.

      ]]>      Mira y sientehttps://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.

      ]]>      Aplicación web progresivahttps://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.

      ]]>      Diseño de archivohttps://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
      ]]>      Diseño de búsquedahttps://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 -
      ]]>      Author Widgethttps://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>Reward Widgethttps://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.

      ]]>      Social Linkshttps://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>Formulario de contactohttps://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.

      ]]>      Activos personalizadoshttps://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]
      ]]>      Comments Widgethttps://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.

      ]]>      Complicarsehttps://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

      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.

      ]]>      Manoshttps://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.

      ]]>      Configuración del sitiohttps://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.

      ]]>      Parámetros de páginahttps://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.
      ]]>      Parámetros del sitiohttps://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 `
      ]]>      Estructura de configuraciónhttps://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.

      ]]>Diagram Guidehttps://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.

      ]]>      Procesamiento de imágeneshttps://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)

      Cambiar tamaño

      Especifique la altura y mantenga la proporción

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

      Cambiar tamaño

      ]]>      Markdown Syntax Guidehttps://vandenboom.online/es/posts/markdown-syntax/Mon, 09 Nov 2020 00:00:00 +0000https://vandenboom.online/es/posts/markdown-syntax/Headings

      The following HTML <h1>—<h6> elements represent six levels of section headings. <h1> is the highest section level while <h6> is the lowest.

      H1

      H2

      H3

      H4

      H5
      H6

      Paragraph

      Xerum, quo qui aut unt expliquam qui dolut labo. Aque venitatiusda cum, voluptionse latur sitiae dolessi aut parist aut dollo enim qui voluptate ma dolestendit peritin re plis aut quas inctum laceat est volestemque commosa as cus endigna tectur, offic to cor sequas etum rerum idem sintibus eiur? Quianimin porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat.

      ]]>      Código corto de alertahttps://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.

      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 %}}