Samples
Blowfish brings your content to life. 😍
This section contains some demo pages that show how Blowfish renders different types of content. You can also see an example taxonomy listing page.
Sidenote: This page is just a standard Blowfish article listing and Hugo has been configured to generate a samples content type and display article summaries.
2022
Multiple Authors
<time datetime="2022-10-12 00:00:00 +0000 UTC">October 12 2022</time><span class="px-2 text-primary-500">·</span><time datetime="2023-08-30 23:41:41 -0500 CDT">Updated: August 30 2023</time><span class="px-2 text-primary-500">·</span><span>14 words</span><span class="px-2 text-primary-500">·</span><span title="Reading time">1 min</span>
Authors
Sample
Thumbnails
<time datetime="2022-09-26 00:00:00 +0000 UTC">September 26 2022</time><span class="px-2 text-primary-500">·</span><time datetime="2023-08-19 21:44:35 -0500 CDT">Updated: August 19 2023</time><span class="px-2 text-primary-500">·</span><span>160 words</span><span class="px-2 text-primary-500">·</span><span title="Reading time">1 min</span>
Thumbnail
Sample
2020
Icons
<time datetime="2020-08-14 00:00:00 +0000 UTC">August 14 2020</time><span class="px-2 text-primary-500">·</span><time datetime="2023-08-19 21:44:35 -0500 CDT">Updated: August 19 2023</time><span class="px-2 text-primary-500">·</span><span>191 words</span><span class="px-2 text-primary-500">·</span><span title="Reading time">1 min</span>
Icons
Sample
Shortcodes
2019
Markdown
<time datetime="2019-03-11 00:00:00 +0000 UTC">March 11 2019</time><span class="px-2 text-primary-500">·</span><time datetime="2023-08-19 21:44:35 -0500 CDT">Updated: August 19 2023</time><span class="px-2 text-primary-500">·</span><span>472 words</span><span class="px-2 text-primary-500">·</span><span title="Reading time">3 mins</span>
Markdown
Css
Html
Sample
Rich Content
<time datetime="2019-03-10 00:00:00 +0000 UTC">March 10 2019</time><span class="px-2 text-primary-500">·</span><time datetime="2023-08-19 21:44:35 -0500 CDT">Updated: August 19 2023</time><span class="px-2 text-primary-500">·</span><span>148 words</span><span class="px-2 text-primary-500">·</span><span title="Reading time">1 min</span>
Shortcodes
Privacy
Sample
Gist
Twitter
Youtube
Vimeo
Placeholder Text
<time datetime="2019-03-09 00:00:00 +0000 UTC">March 09 2019</time><span class="px-2 text-primary-500">·</span><time datetime="2023-08-19 21:44:35 -0500 CDT">Updated: August 19 2023</time><span class="px-2 text-primary-500">·</span><span>271 words</span><span class="px-2 text-primary-500">·</span><span title="Reading time">2 mins</span>
Markdown
Text
Sample
Latin
Mathematical notation
<time datetime="2019-03-08 00:00:00 +0000 UTC">March 08 2019</time><span class="px-2 text-primary-500">·</span><time datetime="2023-08-19 21:44:35 -0500 CDT">Updated: August 19 2023</time><span class="px-2 text-primary-500">·</span><span>150 words</span><span class="px-2 text-primary-500">·</span><span title="Reading time">1 min</span>
Sample
Katex
Maths
Shortcodes
Diagrams and Flowcharts
<time datetime="2019-03-06 00:00:00 +0000 UTC">March 06 2019</time><span class="px-2 text-primary-500">·</span><time datetime="2023-08-19 21:44:35 -0500 CDT">Updated: August 19 2023</time><span class="px-2 text-primary-500">·</span><span>250 words</span><span class="px-2 text-primary-500">·</span><span title="Reading time">2 mins</span>
Mermaid
Sample
Diagram
Shortcodes
Charts
<time datetime="2023-08-19 21:44:35 -0500 CDT">Updated: August 19 2023</time><span class="px-2 text-primary-500">·</span><span>81 words</span><span class="px-2 text-primary-500">·</span><span title="Reading time">1 min</span>
Chart
Sample
Graph
Shortcodes
Emoji 🪂
<time datetime="2019-03-05 00:00:00 +0000 UTC">March 05 2019</time><span class="px-2 text-primary-500">·</span><time datetime="2023-08-19 21:44:35 -0500 CDT">Updated: August 19 2023</time><span class="px-2 text-primary-500">·</span><span>97 words</span><span class="px-2 text-primary-500">·</span><span title="Reading time">1 min</span>
Emoji
Sample
An External Article
↗
↖
<time datetime="2019-01-24 00:00:00 +0000 UTC">January 24 2019</time><span class="px-2 text-primary-500">·</span><time datetime="2023-08-19 21:44:35 -0500 CDT">Updated: August 19 2023</time><span class="px-2 text-primary-500">·</span><span>40 words</span><span class="px-2 text-primary-500">·</span><span title="Reading time">1 min</span>