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>