GoranStimac.com



Stiliziranje tablica s Hugo kratkim kodom

Markdown je sjajan način pisanja vaših postova za nove generatore statičkih internet stranica, ali ponekad morate dodati HTML klase izravno u izlaz da bi dobili željeni izgled. Ovdje u priču dolaze Hugo kratki kodovi koji će vam pomoći da programski dodate prilagođeni HTML u datoteke s oznakama.

Stvorite kratki kod tablice

Stavite ovaj kod u datoteku /layouts/shortcodes/table.html

{{ $htmlTable := .Inner | markdownify }}
{{ $class := .Get 0 }}
{{ $old := "<table>" }}
{{ $new := printf "<table class=\"%s\">" $class }}
{{ $htmlTable := replace $htmlTable $old $new }}
{{ $htmlTable | safeHTML }}

Kako se koristi stvoreni kratki kod

{{<table "table table-striped table-bordered">}}
|———-|———-|———-|
| Item 1   | Item 2   | Item 3   |
| Item 1a  | Item 2a  | Item 3a  |
{{</table>}}

Povezane objave