hugo-theme-relearn/exampleSite/content/tests/code/_index.en.md

+++ description = "Some testing for different styles used in syntax highlighting and preformatted blocks" title = "Code" +++

Some testing for different styles used in syntax highlighting and preformatted blocks.

Inline Code

This is some very long inline code. Where does it wrap?

What about wrapping short inline code if multiple sections are written side by side?

What about wrapping short inline code if multiple sections are written side/by/side?

What about wrapping long inline code if multiple sections are written side567 by34567 side567?

What about wrapping long inline code if multiple sections are written side567/by34567/side567?

Can we just use a simple HTML element ?

Block Code

Code fences without any selected language

{
  "well": "some JSON in codefences in here"
}

{
  "well": "some JSON in HTML elements here"
}

{
  "well": "Code fences with non existing language"
}

Block Preformatted

Some preformatted stuff with markdown indentation

Some preformatted stuff in HTML elements

Nested Shortcode

1 Shortcode

%%

{{% highlight json "linenos=inline,hl_lines=1 2,anchorlinenos=true" %}} { "Hello": "World" "Hello": "World" "Hello": "World" } {{% /highlight %}}

<>

{{< highlight json "linenos=true,hl_lines=1 2,anchorlinenos=true" >}} { "Hello": "World" "Hello": "World" "Hello": "World" } {{< /highlight >}}

2 Shortcodes

%% %%

{{% tab title="json" %}} {{% highlight html "hl_lines=1 2,anchorlinenos=true" %}} { "Hello": "World" "Hello": "World" "Hello": "World" } {{% /highlight %}} {{% /tab %}}

%% <>

{{% tab title="json" %}} {{< highlight html "hl_lines=1 2,anchorlinenos=true" >}} { "Hello": "World" "Hello": "World" "Hello": "World" } {{< /highlight >}} {{% /tab %}}

<> %%

{{< tab title="json" >}} {{% highlight html "linenos=true,hl_lines=1 2,anchorlinenos=true" %}} { "Hello": "World" "Hello": "World" "Hello": "World" } {{% /highlight %}} {{< /tab >}}

<> <>

{{< tab title="json" >}} {{< highlight html "linenos=true,hl_lines=1 2,anchorlinenos=true" >}} { "Hello": "World" "Hello": "World" "Hello": "World" } {{< /highlight >}} {{< /tab >}}

3 Shortcodes

%% %% %%

{{% tabs %}} {{% tab title="json" %}} {{% highlight html "linenos=true,hl_lines=1 2,anchorlinenos=true" %}} { "Hello": "World" "Hello": "World" "Hello": "World" } {{% /highlight %}} {{% /tab %}} {{% /tabs %}}

%% %% <>

{{% tabs %}} {{% tab title="json" %}} {{< highlight html "linenos=true,hl_lines=1 2,anchorlinenos=true" >}} { "Hello": "World" "Hello": "World" "Hello": "World" } {{< /highlight >}} {{% /tab %}} {{% /tabs %}}

%% <> %%

{{% tabs %}} {{< tab title="json" >}} {{% highlight html "linenos=true,hl_lines=1 2,anchorlinenos=true" %}} { "Hello": "World" "Hello": "World" "Hello": "World" } {{% /highlight %}} {{< /tab >}} {{% /tabs %}}

%% <> <>

{{% tabs %}} {{< tab title="json" >}} {{< highlight html "linenos=true,hl_lines=1 2,anchorlinenos=true" >}} { "Hello": "World" "Hello": "World" "Hello": "World" } {{< /highlight >}} {{< /tab >}} {{% /tabs %}}

<> %% %%

{{< tabs >}} {{% tab title="json" %}} {{% highlight html "linenos=true,hl_lines=1 2,anchorlinenos=true" %}} { "Hello": "World" "Hello": "World" "Hello": "World" } {{% /highlight %}} {{% /tab %}} {{< /tabs >}}

<> %% <>

{{< tabs >}} {{% tab title="json" %}} {{< highlight html "linenos=true,hl_lines=1 2,anchorlinenos=true" >}} { "Hello": "World" "Hello": "World" "Hello": "World" } {{< /highlight >}} {{% /tab %}} {{< /tabs >}}

<> <> %%

{{< tabs >}} {{< tab title="json" >}} {{% highlight html "linenos=true,hl_lines=1 2,anchorlinenos=true" %}} { "Hello": "World" "Hello": "World" "Hello": "World" } {{% /highlight %}} {{< /tab >}} {{< /tabs >}}

<> <> <>

{{< tabs >}} {{< tab title="json" >}} {{< highlight html "linenos=true,hl_lines=1 2,anchorlinenos=true" >}} { "Hello": "World" "Hello": "World" "Hello": "World" } {{< /highlight >}} {{< /tab >}} {{< /tabs >}}

With Wrap

LineNo Table

{{< highlight lineNos="table" type="py" wrap="true" hl_lines="2" >}}

Quicksort Python One-liner

lambda L: [] if L==[] else qsort([x for x in L[1:] if x< L[0]]) + L[0:1] + qsort([x for x in L[1:] if x>=L[0]])

Some more stuff

{{< /highlight >}}

LineNo Inline

{{< highlight lineNos="inline" type="py" wrap="true" hl_lines="2" >}}

Quicksort Python One-liner

lambda L: [] if L==[] else qsort([x for x in L[1:] if x< L[0]]) + L[0:1] + qsort([x for x in L[1:] if x>=L[0]])

Some more stuff

{{< /highlight >}}

No LineNo

{{< highlight type="py" wrap="true" hl_lines="2" >}}

Quicksort Python One-liner

lambda L: [] if L==[] else qsort([x for x in L[1:] if x< L[0]]) + L[0:1] + qsort([x for x in L[1:] if x>=L[0]])

Some more stuff

{{< /highlight >}}

No Type

{{< highlight wrap="true" hl_lines="2" >}}

Quicksort Python One-liner

lambda L: [] if L==[] else qsort([x for x in L[1:] if x< L[0]]) + L[0:1] + qsort([x for x in L[1:] if x>=L[0]])

Some more stuff

{{< /highlight >}}

Without Wrap

LineNo Table

{{< highlight lineNos="table" type="py" wrap="false" hl_lines="2">}}

Quicksort Python One-liner

lambda L: [] if L==[] else qsort([x for x in L[1:] if x< L[0]]) + L[0:1] + qsort([x for x in L[1:] if x>=L[0]])

Some more stuff

{{< /highlight >}}

LineNo Inline

{{< highlight lineNos="inline" type="py" wrap="false" hl_lines="2" >}}

Quicksort Python One-liner

lambda L: [] if L==[] else qsort([x for x in L[1:] if x< L[0]]) + L[0:1] + qsort([x for x in L[1:] if x>=L[0]])

Some more stuff

{{< /highlight >}}

No LineNo

{{< highlight type="py" wrap="false" hl_lines="2" >}}

Quicksort Python One-liner

lambda L: [] if L==[] else qsort([x for x in L[1:] if x< L[0]]) + L[0:1] + qsort([x for x in L[1:] if x>=L[0]])

Some more stuff

{{< /highlight >}}

No Type

{{< highlight wrap="false" hl_lines="2" >}}

Quicksort Python One-liner

lambda L: [] if L==[] else qsort([x for x in L[1:] if x< L[0]]) + L[0:1] + qsort([x for x in L[1:] if x>=L[0]])

Some more stuff

{{< /highlight >}}