Shortcode on Martijn's Notes

Basculer

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

Le shortcode toggle est similaire au code-toggle, mais il est plus générique.

Utilisation

1{{< toggle myToggleName >}}
2  
3  {{< toggle-item myToggleItemName >}}
4    CONTENT HERE, MARKDOWN and SHORTCODE are support.
5  {{< /toggle-item >}}
6
7  ...
8
9{{< /toggle >}}

Le myToggleName DOIT être unique par page.
Le myToggleItemName DOIT être unique par bascule.

Exemple

Fou

Barre

1faire écho à "Bonjour tout le monde"

1console.log("Bonjour tout le monde")

1SELECT "Bonjour tout le monde"

Code court IFrame

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

Une description détaillée du shortcode iframe.

Utilisation

1{{< iframe "URL" >}}

ou via des paramètres nommés

1{{< iframe 
2    src="URL"
3    trigger=manual
4    loadButtonText="load_video"
5>}}

Paramètre	Par défaut	Descriptif
`src`	-	L’URL de l’iframe. Requis.
`trigger`	`auto`	Définissez-le comme `manual` si vous souhaitez charger l’iframe manuellement.
`lazyLoading`	`true`
`loadButtonText`	`load`	Le texte du bouton de chargement, i18n, est pris en charge.
`loadInfo`	-	Les informations affichées sous le bouton de chargement. La démarque est prise en charge.
`fullscreen`	`true`	Afficher/Masquer le bouton plein écran.

Exemples

OuvrirStreetMap

Jeu

Veuillez noter que l’iframe chargera le jeu depuis d’autres sites.

Code court du jeu

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

Une description détaillée du shortcode du jeu.

Utilisation

1{{< game "GAME_URL" >}}

ou via des paramètres nommés

Paramètre	Par défaut	Descriptif
`src`	-	L’URL du jeu. Requis.
`trigger`	`auto`	Définissez-le comme `manual` si vous souhaitez charger le jeu manuellement.
`loadInfo`	-	Les informations affichées sous le bouton de chargement. La démarque est prise en charge.

1{{< game
2    src="GAME_URL"
3    trigger=manual
4    loadInfo="The Game Information."
5>}}

Exemples

Chargement automatique

Chargement manuel

The Game Information.

Codes courts de texte

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

Dans cet article, nous explorerons quelques codes courts pour le texte, tels que l’alignement, la transformation et la sélection.

Transformation de texte

texte en minuscules.

TEXTE EN MAJUSCULE.

Texte en majuscule.

Alignement du texte

Alignez le texte au début.

Alignez le texte au centre.

Alignez le texte à la fin.

Sélection de texte

Ce paragraphe sera entièrement sélectionné lorsque l'utilisateur cliquera dessus.

Ce paragraphe ne sera pas sélectionnable lorsque l'utilisateur cliquera dessus.

Basculement de code

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

Le shortcode code-toggle génère des blocs de code de différents formats en fonction du code de configuration de tout format pris en charge.

##Formats

JSON, TOML et YAML sont pris en charge.

Utilisation

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

Avec un nom de fichier :

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

Exemple

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

Code court de la galerie

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

Cet article montre comment utiliser le shortcode gallery.

Utilisation

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

Code court d'alerte

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

Cet article montre comment utiliser le shortcode alert.

Important

Depuis v1.8.0, vous pouvez créer des alertes sans shortcode, voir alertes de citation de bloc.

Syntaxe

En ligne

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

Bloc

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

Le paramètre type est optionnel. Par défaut, info, valeurs disponibles : info, success, warning et danger.

Codes courts des médias

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

Une description détaillée des codes courts des médias, tels que Bilibili, Tencent, Youku, iQiyi et Netease Music.

Bilibili

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

Tencent

1{{< tencentvideo "vid" >}}

Youku

1{{< youku "XNTQwMTgxMTE2" >}}

##iQiyi

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

Musique Netease

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

Paramètre	Descriptif
`auto`	Le `auto` contrôle s’il faut lire automatiquement. Booléen et facultatif, par défaut `false`.
`type`	Le paramètre `type` est facultatif. Par défaut, `2`.

asciinema

1{{< asciinema id >}}

Codes courts IDE en ligne

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

Une description détaillée des codes courts de l’IDE en ligne, tels que JSFiddle, CodePen, JSRun.

JSFiddle

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

CodePen

1{{< codepen "id" >}}

##JSRun

1{{< jsrun "id" >}}

Résumé

1{{< gist razonyang f82a9399c2f682df36432f0ef828c451 >}}