Shortcode on Martijn's Notes

Palanca

Sat, 21 Jan 2023 23:22:11 +0800

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"

Código corto de IFrame

Sat, 19 Nov 2022 13:00:48 +0800

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 juego

Tue, 15 Nov 2022 21:16:48 +0800

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.

Códigos cortos de texto

Fri, 15 Jul 2022 01:00:43 +0800

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.

Alternar código

Mon, 13 Jun 2022 16:54:28 +0800

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

Con un nombre de archivo:

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

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

params.toml

Código corto de la galería

Fri, 25 Mar 2022 00:00:00 +0000

Este artículo muestra cómo utilizar el código corto gallery.

Uso

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

Código corto de alerta

Thu, 22 Oct 2020 00:00:00 +0000

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:

Códigos cortos de medios

Thu, 22 Oct 2020 00:00:00 +0000

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

Códigos cortos IDE en línea

Thu, 22 Oct 2020 00:00:00 +0000

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