Shortcode on Martijn's Notes

Schakelaar

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

De toggle shortcode is vergelijkbaar met de code-toggle, maar is algemener.

Gebruik

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

De myToggleName MOET uniek zijn per pagina.
De myToggleItemName MOET uniek zijn per schakelaar.

Voorbeeld

Foo

Balk

1echo "Hallo wereld"

1console.log("hallo wereld")

1SELECTEER "Hallo wereld"

IFrame-kortcode

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

Een gedetailleerde beschrijving van iframe-shortcode.

Gebruik

1{{< iframe "URL" >}}

of via benoemde parameters

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

Parameter	Standaard	Beschrijving
`src`	-	De iframe-URL. Vereist.
`trigger`	`auto`	Stel het in als `manual` als u het iframe handmatig wilt laden.
`lazyLoading`	`true`
`loadButtonText`	`load`	De tekst van de laadknop, i18n, wordt ondersteund.
`loadInfo`	-	De informatie die onder de laadknop wordt weergegeven. Prijsverlaging wordt ondersteund.
`fullscreen`	`true`	Toon/Verberg de knop Volledig scherm.

Voorbeelden

OpenStreetMap

Spel

Houd er rekening mee dat het iframe het spel van andere sites zal laden.

Spelshortcode

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

Een gedetailleerde beschrijving van de game-shortcode.

Gebruik

1{{< game "GAME_URL" >}}

of via benoemde parameters

Parameter	Standaard	Beschrijving
`src`	-	De game-URL. Vereist.
`trigger`	`auto`	Stel het in als `manual` als je het spel handmatig wilt laden.
`loadInfo`	-	De informatie die onder de laadknop wordt weergegeven. Prijsverlaging wordt ondersteund.

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

Voorbeelden

Automatisch laden

Handmatig laden

The Game Information.

Tekstshortcodes

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

In dit artikel zullen we enkele shortcodes voor tekst onderzoeken, zoals uitlijning, transformatie en selectie.

Teksttransformatie

kleine letters.

TEKST IN HOOFDLETTERS.

CapiTaliZed-tekst.

Tekstuitlijning

Lijn de tekst uit naar het begin.

Lijn de tekst uit in het midden.

Lijn de tekst uit tot het einde.

Tekstselectie

Deze paragraaf wordt volledig geselecteerd wanneer er door de gebruiker op wordt geklikt.

Deze paragraaf kan niet worden geselecteerd wanneer er door de gebruiker op wordt geklikt.

Codeschakelaar

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

De code-toggle shortcode genereert codeblokken van verschillende formaten volgens de configuratiecode van elk ondersteund formaat.

Formaten

JSON, TOML en YAML worden ondersteund.

Gebruik

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

Met een bestandsnaam:

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

Voorbeeld

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

Galerij Shortcode

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

Dit artikel laat zien hoe u de gallery shortcode gebruikt.

Gebruik

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

Waarschuwingskortcode

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

Dit artikel laat zien hoe u de alert shortcode gebruikt.

Belangrijk

Sinds v1.8.0 kunt u waarschuwingen aanmaken zonder shortcode, zie blokquote-waarschuwingen.

Syntaxis

Inline

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

Blokkeren

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

De parameter type is optioneel. Standaard ingesteld op info, beschikbare waarden: info, success, warning en danger.

Met kop

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

Met Markdown-syntaxis

1{{% alert warning %}}
2Alert Shortcode with Markdown Syntax:
3```bash
4$ echo 'Een voorbeeld van een alert-shortcode met de Markdown-syntaxis'
5```
6{{% /alert %}}

Alert Shortcode with Markdown Syntax:

Mediashortcodes

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

Een gedetailleerde beschrijving van mediashortcodes, zoals Bilibili, Tencent, Youku, iQiyi en Netease Music.

Bilibili

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

Tencent

1{{< tencentvideo "vid" >}}

Youku

1{{< youku "XNTQwMTgxMTE2" >}}

iQiyi

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

Netease-muziek

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

Parameter	Beschrijving
`auto`	De `auto` bepaalt of er automatisch wordt afgespeeld. Booleaans en optioneel, standaard `false`.
`type`	De `type`-parameter is optioneel. Standaard ingesteld op `2`.

asciinema

1{{< asciinema id >}}

Online IDE-shortcodes

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

Een gedetailleerde beschrijving van online IDE-shortcodes, zoals JSFiddle, CodePen, JSRun.

JSFiddle

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

CodePen

1{{< codepen "id" >}}

JSRun

1{{< jsrun "id" >}}

Samenvatting

1{{< gist razonyang f82a9399c2f682df36432f0ef828c451 >}}

Rijke Inhoud

Sun, 10 Mar 2019 00:00:00 +0000

Hugo wordt geleverd met verschillende ingebouwde Shortcodes voor rijke inhoud, samen met een Privacyconfiguratie en een set eenvoudige Shortcodes die statische versies zonder JavaScript mogelijk maken voor verschillende sociale media-insluitingen.