69d7cd1da644b43d1768fa0a2ff78a0f83f2b3c3
nathanupchurch.com
My blog, based on the very helpful eleventy-base-blog v8.
Documentation
Metadata
Site metadata such as author info, title, etc. lives in _data/metadata.js. Links on the /me page, and default post images are also configured here.
How to add a cowsay to a post with the custom nunjucks filter
You can use the cowsay
filter to output a captioned <figure>
containing a copy of an output from the cowsay program. Instead of using the usual three backticks, this method is accessible to visually impaired users thanks to the automatic captioning. Here's how to do it:
- Add a copy of the cowsay output you'd like to display to _data/cowList.js. Be sure and escape any backslashes.
- Use the filter like this:
{{ cowList.name | cowsay | safe }}
.
The safe
filter is necessary so that Eleventy doesn't sanitize our HTML.
Description
Languages
JavaScript
48%
Nunjucks
21.7%
CSS
20.1%
HTML
8.7%
XSLT
1.5%