diff options
Diffstat (limited to 'content/posts')
-rw-r--r-- | content/posts/2021-10-25-table-shortcode-for-hugo.md | 54 |
1 files changed, 54 insertions, 0 deletions
diff --git a/content/posts/2021-10-25-table-shortcode-for-hugo.md b/content/posts/2021-10-25-table-shortcode-for-hugo.md new file mode 100644 index 0000000..5b13f92 --- /dev/null +++ b/content/posts/2021-10-25-table-shortcode-for-hugo.md @@ -0,0 +1,54 @@ +--- +slug: table-shortcode-for-hugo +title: "Table Shortcode for Hugo" +date: "2021-10-25T18:29:42-04:00" +--- +I just posted [`hugo-shortcode-table`][git], a [shortcode][] for +[Hugo][] which allows you to generate [CSS][]-only (no inline `style` +attributes) tables. + +**Features:** +* Much more powerful than built-in [Markdown][] table syntax. +* Emits [CSS][] classes for alignment rather than inline `style` + attributes (no more `style-src unsafe-inline`). +* Table can be defined as [front matter][front matter] or [site data][]. +* Column tooltips. +* Cell-specific overrides (alignment, tooltip, etc). +* [HTML][] and [Markdown][] markup support. +* Easy to configure emitted [CSS][] classes for a variety of frameworks, + including [Bulma][] and [Bootstrap][]. + +**Links:** +* [Github Repository][git] +* [Documentation and Examples][doc] + +[site data]: https://gohugo.io/templates/data-templates/#the-data-folder + "Site data directory." +[front matter]: https://gohugo.io/content-management/front-matter/ + "Hugo page metadata." +[css]: https://en.wikipedia.org/wiki/CSS + "Cascading Style Sheets" +[bulma]: https://bulma.io/ + "Bulma CSS framework." +[bootstrap]: https://getbootstrap.com/ + "Bootstrap CSS framework." +[json]: https://json.org/ + "JavaScript Object Notation" +[yaml]: https://yaml.org/ + "YAML Ain't a Markup Language" +[toml]: https://github.com/toml-lang/toml + "Tom's Obvious Markup Language" +[hugo]: https://gohugo.io/ + "Hugo static site generator" +[goldmark]: https://github.com/yuin/goldmark/ + "Goldmark Markdown renderer." +[html]: https://en.wikipedia.org/wiki/HTML + "HyperText Markup Language" +[markdown]: https://en.wikipedia.org/wiki/Markdown + "Markdown markup language" +[doc]: {{< relref "articles/table-shortcode-examples.md" >}} + "Table shortcode documentation and examples." +[git]: https://github.com/pablotron/hugo-shortcode-table + "hugo-shortcode-table github repository" +[shortcode]: https://gohugo.io/content-management/shortcodes/ + "Hugo shortcode" |