Подсветка синтаксиса (Syntax Highlighter)

https://prismjs.com/ - качаем и импортируем отсюда css с js


bash

<pre>
<code class="language-bash">
# игнорирование сопоставления версий
composer install --ignore-platform-reqs
</code>
</pre>

# игнорирование сопоставления версий
composer install --ignore-platform-reqs


нумерация строк

<pre class="line-numbers">
<code class="language-bash">
# без пакетов для разработчика
composer install --no-dev
</code>
</pre>

# без пакетов для разработчика
composer install --no-dev


php

<pre>
<code class="language-php">
echo "Hello world!";
</code>
</pre>


echo "Hello world!";


Go

<pre>
<code class="language-go">
package main

import "fmt"

// this is a comment

func main() {
    fmt.Println("Hello World")
}
</code>
</pre>


package main

import "fmt"

// this is a comment

func main() {
    fmt.Println("Hello World")
}


css

<pre>
<code class="language-css">p { color: red }</code>
</pre>

p { color: red; }


scss

<pre>
<code class="language-scss">
input {
    border: 1px solid gray;
    background: white;

    &[type=text] { color: black; }
    &.some_class { display: none; }
}
</code>
</pre>


input {
    border: 1px solid gray;
    background: white;

    &[type=text] { color: black; }
    &.some_class { display: none; }
}