Hugos Shortcodes

2019-08-20

Hugo

Bootstrap tables

{{< bootstrap-table table_class="table table-striped table-hover" thead_class="table-theme" >}}
| Restart settings/Exit causes  | no | always | on-success | on-failure | on-abnormal | on-abort | on-watchdog |
|:------------------------------|:--:|:------:|:----------:|:----------:|:-----------:|:--------:|:-----------:|
| Clean exit code or signal     |    |   X    |      X     |            |             |          |             |
| Unclean exit code             |    |   X    |            |      X     |             |          |             |
| Unclean signal                |    |   X    |            |      X     |      X      |    X     |             |
| Timeout                       |    |   X    |            |      X     |      X      |          |             |
| Watchdog                      |    |   X    |            |      X     |      X      |          |      X      |
{{< /bootstrap-table >}}

Tag Name	Purpose	Sample
v	Protocol version	v=DMARC1
pct	Percentage of messages subjected to filtering	pct=20
ruf	Reporting URI for forensic reports	ruf=mailto:authfail@example.com
rua	Reporting URI of aggregate reports	rua=mailto:aggrep@example.com
p	Policy for organizational domain	p=quarantine
sp	Policy for subdomains	sp=reject
adkim	Alignment mode for DKIM	adkim=s/adkim=r
aspf	Alignment mode for SPF	aspf=r/aspf=s

My mark shorcode

Lorem Ipsum is simply dummy text {{< mark >}} <p>of the printing and typesetting</p> {{< /mark >}} industry. Lorem Ipsum...

Lorem Ipsum is simply dummy text <p>of the printing and typesetting</p> industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Bootstrap alerts

alert-success

{{< bs-alert class="alert alert-success" header="Well done!" >}}
**Aww yeah**, you successfully read this important alert message. [This example](https://myblulinux.com/#) text is going to ```run a bit longer so that you``` can see how spacing within an alert works with this kind of content.

---

Whenever you need to, be sure to use margin utilities to keep things nice and tidy.
{{< /bs-alert >}}

Well done!

Aww yeah, you successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content.

Whenever you need to, be sure to use margin utilities to keep things nice and tidy.

alert-primary

{{< bs-alert class="alert alert-primary" header="Well done!" >}}
**Aww yeah**, you successfully read this important alert message. [This example](https://myblulinux.com/#) text is going to ```run a bit longer so that you``` can see how spacing within an alert works with this kind of content.

---

Whenever you need to, be sure to use margin utilities to keep things nice and tidy.
{{< /bs-alert >}}

Well done!

Aww yeah, you successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content.

Whenever you need to, be sure to use margin utilities to keep things nice and tidy.

alert-danger

{{< bs-alert class="alert alert-danger" header="Well done!" >}}
**Aww yeah**, you successfully read this important alert message. [This example](https://myblulinux.com/#) text is going to ```run a bit longer so that you``` can see how spacing within an alert works with this kind of content.

---

Whenever you need to, be sure to use margin utilities to keep things nice and tidy.
{{< /bs-alert >}}

Well done!

Aww yeah, you successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content.

Whenever you need to, be sure to use margin utilities to keep things nice and tidy.

alert-warning

{{< bs-alert class="alert alert-warning" header="Well done!" >}}
**Aww yeah**, you successfully read this important alert message. [This example](https://myblulinux.com/#) text is going to ```run a bit longer so that you``` can see how spacing within an alert works with this kind of content.

---

Whenever you need to, be sure to use margin utilities to keep things nice and tidy.
{{< /bs-alert >}}

Well done!

Aww yeah, you successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content.

Whenever you need to, be sure to use margin utilities to keep things nice and tidy.

alert-info

{{< bs-alert class="alert alert-info" header="Well done!" >}}
**Aww yeah**, you successfully read this important alert message. [This example](https://myblulinux.com/#) text is going to ```run a bit longer so that you``` can see how spacing within an alert works with this kind of content.

---

Whenever you need to, be sure to use margin utilities to keep things nice and tidy.
{{< /bs-alert >}}

Well done!

Aww yeah, you successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content.

Whenever you need to, be sure to use margin utilities to keep things nice and tidy.

alert-light

{{< bs-alert class="alert alert-light" header="Well done!" >}}
**Aww yeah**, you successfully read this important alert message. [This example](https://myblulinux.com/#) text is going to ```run a bit longer so that you``` can see how spacing within an alert works with this kind of content.

---

Whenever you need to, be sure to use margin utilities to keep things nice and tidy.
{{< /bs-alert >}}

Well done!

Aww yeah, you successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content.

Whenever you need to, be sure to use margin utilities to keep things nice and tidy.

alert-dark

{{< bs-alert class="alert alert-dark" header="Well done!" >}}
**Aww yeah**, you successfully read this important alert message. [This example](https://myblulinux.com/#) text is going to ```run a bit longer so that you``` can see how spacing within an alert works with this kind of content.

---

Whenever you need to, be sure to use margin utilities to keep things nice and tidy.
{{< /bs-alert >}}

Well done!

Aww yeah, you successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content.

Whenever you need to, be sure to use margin utilities to keep things nice and tidy.

alert-secondary

{{< bs-alert class="alert alert-secondary" header="Well done!" >}}
**Aww yeah**, you successfully read this important alert message. [This example](https://myblulinux.com/#) text is going to ```run a bit longer so that you``` can see how spacing within an alert works with this kind of content.

---

Whenever you need to, be sure to use margin utilities to keep things nice and tidy.
{{< /bs-alert >}}

Well done!

Aww yeah, you successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content.

Whenever you need to, be sure to use margin utilities to keep things nice and tidy.

Syntax highlight with title and icon image in bootstrap card

{{< file-content title="PHP" >}}
```php
<?php
phpinfo(INFO_VARIABLES);
?>
```
{{< /file-content >}}

PHP

<?php
phpinfo(INFO_VARIABLES);
?>

file content

{{< file-content icon-image="fa-light fa-file-pen" title="/etc/rsyslog.conf" >}}
```
#  Default rules for rsyslog.
#
#                       For more information see rsyslog.conf(5) and /etc/rsyslog.conf

*.*       @@1.1.1.1:514
*.*       @@192.168.122.235
cron.*    @@192.168.122.237:514
```
{{< /file-content >}}

/etc/rsyslog.conf

#  Default rules for rsyslog.
#
#                       For more information see rsyslog.conf(5) and /etc/rsyslog.conf

*.*       @@1.1.1.1:514
*.*       @@192.168.122.235
cron.*    @@192.168.122.237:514

terminal

{{< file-content icon-image="fa-regular fa-square-terminal" title="/etc/rc-local/echo.sh " >}}
```bash
#! /bin/bash

echo "Hello World"
```
{{< /file-content >}}

/etc/rc-local/echo.sh

#! /bin/bash

echo "Hello World"

more icons

1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. 21. 22.

Some text

1. <i class="fa-solid fa-file-pen"></i>              2. <i class="fa-regular fa-file-pen"></i>          3. <i class="fa-light fa-file-pen"></i>
4. <i class="fa-duotone fa-file-pen"></i>            5. <i class="fa-thin fa-file-pen"></i>             6. <i class="fa-solid fa-code"></i>
7. <i class="fa-regular fa-code"></i>                8. <i class="fa-light fa-code"></i>                9. <i class="fa-duotone fa-code"></i>
10. <i class="fa-thin fa-code"></i>                  11. <i class="fa-brands fa-python"></i>            12. <i class="fa-brands fa-php"></i>
13. <i class="fa-solid fa-terminal"></i>             14. <i class="fa-regular fa-terminal"></i>         15. <i class="fa-light fa-terminal"></i>
16. <i class="fa-duotone fa-terminal"></i>           17. <i class="fa-thin fa-terminal"></i>            18. <i class="fa-solid fa-square-terminal"></i>
19. <i class="fa-regular fa-square-terminal"></i>    20. <i class="fa-light fa-square-terminal"></i>    21. <i class="fa-duotone fa-square-terminal"></i>
22. <i class="fa-thin fa-square-terminal"></i>

Syntax highlight with title

{{% mojtitletohighliht title="/etc/nginx/sites-enabled/example.com.ssl" %}}
```nginx
server {

        listen   443;
        server_name example.org;
}
```

/etc/nginx/sites-enabled/example.com.ssl

server {

        listen   443;
        server_name example.org;
}

{{% mojtitletohighliht title="PHP" %}}
```php
<?php
phpinfo(INFO_VARIABLES);
?>
```

PHP

<?php
phpinfo(INFO_VARIABLES);
?>

Syntas highlight with title and icon image

general file

{{% mojtitletohighliht icon-image="fas fa-file-alt" title="/etc/nginx/sites-enabled/example.com.ssl" %}}
```nginx
server {

        listen   443;
        server_name example.org;
}
```

/etc/nginx/sites-enabled/example.com.ssl

server {

        listen   443;
        server_name example.org;
}

python

{{% mojtitletohighliht icon-image="fab fa-python" title="/etc/python/script.py" %}}
```python3
dict = {'x': 1, 'y': 2}                       # Dictionary example

dict.keys()                                   # Coll. of keys that reflects changes.
dict.values()                                 # Coll. of values that reflects changes.
dict.items()                                  # Coll. of key-value tuples that reflects ch
```

/etc/python/script.py

dict = {'x': 1, 'y': 2}                       # Dictionary example

dict.keys()                                   # Coll. of keys that reflects changes.
dict.values()                                 # Coll. of values that reflects changes.
dict.items()                                  # Coll. of key-value tuples that reflects ch

Terminal

{{% mojtitletohighliht icon-image="fas fa-terminal" title="/etc/rc-local/echo.sh" %}}
```bash
#! /bin/bash

echo "Hello World"
```

/etc/rc-local/echo.sh

#! /bin/bash

echo "Hello World"

PHP

{{% mojtitletohighliht icon-image="fab fa-php" title="PHP" %}}
```php
<?php
phpinfo(INFO_VARIABLES);
?>
```

PHP

<?php
phpinfo(INFO_VARIABLES);
?>

HTML

{{% mojtitletohighliht icon-image="fas fa-code" title="HTML" %}}
```html
<link rel="stylesheet" href="{{ "css/bootstrap-table.css" | absURL }}">
<title>
```

HTML

<link rel="stylesheet" href="{{ "css/bootstrap-table.css" | absURL }}">
<title>

CSS/CSS3

{{% mojtitletohighliht icon-image="fab fa-css3" title="CSS" %}}
```css3
div {
  width: 300px;
  border: 15px solid green;
  padding: 50px;
  margin: 20px;
}
```

CSS

div {
  width: 300px;
  border: 15px solid green;
  padding: 50px;
  margin: 20px;
}

SSL/TLS

{{% mojtitletohighliht icon-image="fab fa-expeditedssl" title="SSL" %}}
```nginx
server {

        listen   443;
        server_name example.org;
}
```

SSL

server {

        listen   443;
        server_name example.org;
}