add posts/2021-10-25-table-shortcode-for-hugo

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"