<!doctype html><htmllang=endir=ltrclass=scroll-smoothdata-default-appearance=darkdata-auto-appearance=true><head><metaname=generatorcontent="Hugo 0.104.2"><metacharset=utf-8><metahttp-equiv=content-languagecontent="en"><metaname=viewportcontent="width=device-width,initial-scale=1"><metahttp-equiv=x-ua-compatiblecontent="ie=edge"><title>Blowfish</title><metaname=titlecontent="Blowfish"><metaname=descriptioncontent="A powerful, lightweight theme for Hugo built with Tailwind CSS."><linkrel=canonicalhref=https://nunocoracao.github.io/blowfish/><linkrel=alternatetype=application/rss+xmlhref=/blowfish/index.xmltitle=Blowfish><linkrel=alternatetype=application/jsonhref=/blowfish/index.jsontitle=Blowfish><linktype=text/cssrel=stylesheethref=/blowfish/css/main.bundle.min.d870cb8646aa27278004fbfb8f833eae61a644980dea11d82eea6fb39bc56a2e293d4688e18b0d1896e20f03584012515def348258df5f8801fb80cc6b766d7d.cssintegrity="sha512-2HDLhkaqJyeABPv7j4M+rmGmRJgN6hHYLupvs5vFai4pPUaI4YsNGJbiDwNYQBJRXe80gljfX4gB+4DMa3ZtfQ=="><scripttype=text/javascriptsrc=/blowfish/js/main.min.cf83e1357eefb8bdf1542850d66d8007d620e4050b5715dc83f4a921d36ce9ce47d0d13c5d85f2b0ff8318d2877eec2f63b931bd47417a81a538327af927da3e.jsintegrity="sha512-z4PhNX7vuL3xVChQ1m2AB9Yg5AULVxXcg/SpIdNs6c5H0NE8XYXysP+DGNKHfuwvY7kxvUdBeoGlODJ6+SfaPg=="></script>
<linkrel=apple-touch-iconsizes=180x180href=/blowfish/apple-touch-icon.png><linkrel=icontype=image/pngsizes=32x32href=/blowfish/favicon-32x32.png><linkrel=icontype=image/pngsizes=16x16href=/blowfish/favicon-16x16.png><linkrel=manifesthref=/blowfish/site.webmanifest><metaproperty="og:title"content="Welcome to Blowfish! :tada:"><metaproperty="og:description"content="This is a demo of the Blowfish theme for Hugo."><metaproperty="og:type"content="website"><metaproperty="og:url"content="https://nunocoracao.github.io/blowfish/"><metaproperty="og:site_name"content="Blowfish"><metaname=twitter:cardcontent="summary"><metaname=twitter:titlecontent="Welcome to Blowfish! :tada:"><metaname=twitter:descriptioncontent="This is a demo of the Blowfish theme for Hugo."><scripttype=application/ld+json>{"@context":"https://schema.org","@type":"WebSite","@id":"https:\/\/nunocoracao.github.io\/blowfish\/","name":"Blowfish","description":"A powerful, lightweight theme for Hugo built with Tailwind CSS.","inLanguage":"en","url":"https:\/\/nunocoracao.github.io\/blowfish\/","publisher":{"@type":"Person","name":"Blowfish"}}</script><metaname=authorcontent="Blowfish"><linkhref=https://twitter.com/burufugurel=me><linkhref=https://github.com/nunocoracao/blowfishrel=me><scriptasyncsrc="https://www.googletagmanager.com/gtag/js?id=G-PEDMYR1V0K"></script>
Switch layout ↻</button></span></div><p>Explore the <ahref=https://nunocoracao.github.io/blowfish/samples/>sample pages</a> to get a feel for what Blowfish can do. If you like what you see, check out the project on <atarget=_blankhref=https://github.com/nunocoracao/blowfish>Github</a> or read the <ahref=https://nunocoracao.github.io/blowfish/docs/installation/>Installation guide</a> to get started.</p><imgsrc=iceland.jpg></section></article><section><h2class="mt-8 text-2xl font-extrabold mb-10">Recent</h2><sectionclass="space-y-10 w-full"><aclass="flex flex-wrap article border border-neutral-200 dark:border-neutral-700 border-2 rounded-md"href=/blowfish/samples/thumbnail_sample/><divclass="w-full md:w-auto h-full thumbnail nozoom"style=background-image:url(https://nunocoracao.github.io/blowfish/samples/thumbnail_sample/feature.jpg)></div><divclass=p-4><h3class="items-center text-xl font-semibold"><pclass="text-neutral-800 decoration-primary-500 hover:underline hover:underline-offset-2 dark:text-neutral"href=/blowfish/samples/thumbnail_sample/>Thumbnails</p></h3><divclass="text-sm text-neutral-500 dark:text-neutral-400"><divclass="flex flex-row flex-wrap items-center"><spantitle="Reading time">1 min</span><spanclass="px-2 text-primary-500">·</span><spanid=views_samples/thumbnail_sample/index.mdtitle=views>0 views</span><spanclass="px-2 text-primary-500">·</span><span>
<spanstyle=margin-top:.5remclass=mr-2onclick='window.open("/blowfish/tags/docs/")'><spanclass=flex><spanclass="rounded-md border border-primary-400 px-1 py-[1px] text-xs font-normal text-primary-700 dark:border-primary-600 dark:text-primary-400">docs</span></span></span></div></div><divclass="py-1 prose dark:prose-invert">Blowfish is packed with tons of features. The original aim of Blowfish was to develop a theme that was simple and lightweight. The theme is a fork of Congo and expands its initial vision.</div></div></a><aclass="flex flex-wrap article border border-neutral-200 dark:border-neutral-700 border-2 rounded-md"href=/blowfish/docs/installation/><divclass=p-4><h3class="items-center text-xl font-semibold"><pclass="text-neutral-800 decoration-primary-500 hover:underline hover:underline-offset-2 dark:text-neutral"href=/blowfish/docs/installation/>Installation</p></h3><divclass="text-sm text-neutral-500 dark:text-neutral-400"><divclass="flex flex-row flex-wrap items-center"><spantitle="Reading time">5 mins</span><spanclass="px-2 text-primary-500">·</span><spanid=views_docs/installation/index.mdtitle=views>0 views</span><spanclass="px-2 text-primary-500">·</span><span>
<spanstyle=margin-top:.5remclass=mr-2onclick='window.open("/blowfish/tags/docs/")'><spanclass=flex><spanclass="rounded-md border border-primary-400 px-1 py-[1px] text-xs font-normal text-primary-700 dark:border-primary-600 dark:text-primary-400">docs</span></span></span></div></div><divclass="py-1 prose dark:prose-invert">Simply follow the standard Hugo Quick Start procedure to get up and running quickly.
Detailed installation instructions can be found below. Instructions for updating the theme are also available.
Installation # These instructions will get you up and running using Hugo and Blowfish from a completely blank state.</div></div></a><aclass="flex flex-wrap article border border-neutral-200 dark:border-neutral-700 border-2 rounded-md"href=/blowfish/docs/getting-started/><divclass=p-4><h3class="items-center text-xl font-semibold"><pclass="text-neutral-800 decoration-primary-500 hover:underline hover:underline-offset-2 dark:text-neutral"href=/blowfish/docs/getting-started/>Getting Started</p></h3><divclass="text-sm text-neutral-500 dark:text-neutral-400"><divclass="flex flex-row flex-wrap items-center"><spantitle="Reading time">5 mins</span><spanclass="px-2 text-primary-500">·</span><spanid=views_docs/getting-started/index.mdtitle=views>0 views</span><spanclass="px-2 text-primary-500">·</span><span>
<spanstyle=margin-top:.5remclass=mr-2onclick='window.open("/blowfish/tags/docs/")'><spanclass=flex><spanclass="rounded-md border border-primary-400 px-1 py-[1px] text-xs font-normal text-primary-700 dark:border-primary-600 dark:text-primary-400">docs</span></span></span></div></div><divclass="py-1 prose dark:prose-invert">This section assumes you have already installed the Blowfish theme. The config files that ship with Blowfish contain all of the possible settings that the theme recognises. By default, many of these are commented out but you can simply uncomment them to activate or change a specific feature.</div></div></a><aclass="flex flex-wrap article border border-neutral-200 dark:border-neutral-700 border-2 rounded-md"href=/blowfish/docs/configuration/><divclass=p-4><h3class="items-center text-xl font-semibold"><pclass="text-neutral-800 decoration-primary-500 hover:underline hover:underline-offset-2 dark:text-neutral"href=/blowfish/docs/configuration/>Configuration</p></h3><divclass="text-sm text-neutral-500 dark:text-neutral-400"><divclass="flex flex-row flex-wrap items-center"><spantitle="Reading time">12 mins</span><spanclass="px-2 text-primary-500">·</span><spanid=views_docs/configuration/index.mdtitle=views>0 views</span><spanclass="px-2 text-primary-500">·</span><span>
<spanstyle=margin-top:.5remclass=mr-2onclick='window.open("/blowfish/tags/docs/")'><spanclass=flex><spanclass="rounded-md border border-primary-400 px-1 py-[1px] text-xs font-normal text-primary-700 dark:border-primary-600 dark:text-primary-400">docs</span></span></span></div></div><divclass="py-1 prose dark:prose-invert">Blowfish is a highly customisable theme and uses some of the latest Hugo features to simplify how it is configured.
The theme ships with a default configuration that gets you up and running with a basic blog or static website.</div></div></a></section><divclass="mt-10 flex justify-center"><ahref=/docs><buttonclass="bg-transparent hover:text-primary-500 prose dark:prose-invert font-semibold hover:text-white py-2 px-4 border border-primary-500 hover:border-transparent rounded">Show
More</button></a></div></section></div><divid=pageclass="hidden h-full"><articleclass="max-w-full prose dark:prose-invert"><header><h1>Welcome to Blowfish! 🎉</h1></header><section><divclass="lead !mb-9 text-xl">A powerful, lightweight theme for Hugo built with Tailwind CSS.</div><p>This is a demo site built entirely using Blowfish. It also contains a complete set of <ahref=https://nunocoracao.github.io/blowfish/docs/>theme documentation</a>. Blowfish is flexible and is great for both static page-based content (like this demo) or a traditional blog with a feed of recent posts.</p><divclass="flex px-4 py-2 mb-8 text-base rounded-md bg-primary-100 dark:bg-primary-900"><spanclass="flex items-center ltr:pr-3 rtl:pl-3 text-primary-400"><spanclass="relative inline-block align-text-bottom icon"><svgxmlns="http://www.w3.org/2000/svg"viewBox="0 0 512 512"><pathfill="currentcolor"d="M506.3 417 293 53c-16.33-28-57.54-28-73.98.0l-213.2 364C-10.59 444.9 9.849 480 42.74 480h426.6c32.76.0 53.26-35 36.96-63zM232 168c0-13.25 10.75-24 24-24s24 10.8 24 24v128c0 13.25-10.75 24-23.1 24S232 309.3 232 296V168zm24 248c-17.36.0-31.44-14.08-31.44-31.44s14.07-31.44 31.44-31.44 31.44 14.08 31.44 31.44C287.4 401.9 273.4 416 256 416z"/></svg></span></span><spanclass="flex items-center justify-between grow dark:text-neutral-300"><spanclass="prose dark:prose-invert">This is a demo of the <codeid=layout>profile</code> layout.</span>
Switch layout ↻</button></span></div><p>Explore the <ahref=https://nunocoracao.github.io/blowfish/samples/>sample pages</a> to get a feel for what Blowfish can do. If you like what you see, check out the project on <atarget=_blankhref=https://github.com/nunocoracao/blowfish>Github</a> or read the <ahref=https://nunocoracao.github.io/blowfish/docs/installation/>Installation guide</a> to get started.</p><imgsrc=iceland.jpg></section></article><section><h2class="mt-8 text-2xl font-extrabold mb-10">Recent</h2><sectionclass="space-y-10 w-full"><aclass="flex flex-wrap article border border-neutral-200 dark:border-neutral-700 border-2 rounded-md"href=/blowfish/samples/thumbnail_sample/><divclass="w-full md:w-auto h-full thumbnail nozoom"style=background-image:url(https://nunocoracao.github.io/blowfish/samples/thumbnail_sample/feature.jpg)></div><divclass=p-4><h3class="items-center text-xl font-semibold"><pclass="text-neutral-800 decoration-primary-500 hover:underline hover:underline-offset-2 dark:text-neutral"href=/blowfish/samples/thumbnail_sample/>Thumbnails</p></h3><divclass="text-sm text-neutral-500 dark:text-neutral-400"><divclass="flex flex-row flex-wrap items-center"><spantitle="Reading time">1 min</span><spanclass="px-2 text-primary-500">·</span><spanid=views_samples/thumbnail_sample/index.mdtitle=views>0 views</span><spanclass="px-2 text-primary-500">·</span><span>
<spanstyle=margin-top:.5remclass=mr-2onclick='window.open("/blowfish/tags/docs/")'><spanclass=flex><spanclass="rounded-md border border-primary-400 px-1 py-[1px] text-xs font-normal text-primary-700 dark:border-primary-600 dark:text-primary-400">docs</span></span></span></div></div><divclass="py-1 prose dark:prose-invert">Blowfish is packed with tons of features. The original aim of Blowfish was to develop a theme that was simple and lightweight. The theme is a fork of Congo and expands its initial vision.</div></div></a><aclass="flex flex-wrap article border border-neutral-200 dark:border-neutral-700 border-2 rounded-md"href=/blowfish/docs/installation/><divclass=p-4><h3class="items-center text-xl font-semibold"><pclass="text-neutral-800 decoration-primary-500 hover:underline hover:underline-offset-2 dark:text-neutral"href=/blowfish/docs/installation/>Installation</p></h3><divclass="text-sm text-neutral-500 dark:text-neutral-400"><divclass="flex flex-row flex-wrap items-center"><spantitle="Reading time">5 mins</span><spanclass="px-2 text-primary-500">·</span><spanid=views_docs/installation/index.mdtitle=views>0 views</span><spanclass="px-2 text-primary-500">·</span><span>
<spanstyle=margin-top:.5remclass=mr-2onclick='window.open("/blowfish/tags/docs/")'><spanclass=flex><spanclass="rounded-md border border-primary-400 px-1 py-[1px] text-xs font-normal text-primary-700 dark:border-primary-600 dark:text-primary-400">docs</span></span></span></div></div><divclass="py-1 prose dark:prose-invert">Simply follow the standard Hugo Quick Start procedure to get up and running quickly.
Detailed installation instructions can be found below. Instructions for updating the theme are also available.
Installation # These instructions will get you up and running using Hugo and Blowfish from a completely blank state.</div></div></a><aclass="flex flex-wrap article border border-neutral-200 dark:border-neutral-700 border-2 rounded-md"href=/blowfish/docs/getting-started/><divclass=p-4><h3class="items-center text-xl font-semibold"><pclass="text-neutral-800 decoration-primary-500 hover:underline hover:underline-offset-2 dark:text-neutral"href=/blowfish/docs/getting-started/>Getting Started</p></h3><divclass="text-sm text-neutral-500 dark:text-neutral-400"><divclass="flex flex-row flex-wrap items-center"><spantitle="Reading time">5 mins</span><spanclass="px-2 text-primary-500">·</span><spanid=views_docs/getting-started/index.mdtitle=views>0 views</span><spanclass="px-2 text-primary-500">·</span><span>
<spanstyle=margin-top:.5remclass=mr-2onclick='window.open("/blowfish/tags/docs/")'><spanclass=flex><spanclass="rounded-md border border-primary-400 px-1 py-[1px] text-xs font-normal text-primary-700 dark:border-primary-600 dark:text-primary-400">docs</span></span></span></div></div><divclass="py-1 prose dark:prose-invert">This section assumes you have already installed the Blowfish theme. The config files that ship with Blowfish contain all of the possible settings that the theme recognises. By default, many of these are commented out but you can simply uncomment them to activate or change a specific feature.</div></div></a><aclass="flex flex-wrap article border border-neutral-200 dark:border-neutral-700 border-2 rounded-md"href=/blowfish/docs/configuration/><divclass=p-4><h3class="items-center text-xl font-semibold"><pclass="text-neutral-800 decoration-primary-500 hover:underline hover:underline-offset-2 dark:text-neutral"href=/blowfish/docs/configuration/>Configuration</p></h3><divclass="text-sm text-neutral-500 dark:text-neutral-400"><divclass="flex flex-row flex-wrap items-center"><spantitle="Reading time">12 mins</span><spanclass="px-2 text-primary-500">·</span><spanid=views_docs/configuration/index.mdtitle=views>0 views</span><spanclass="px-2 text-primary-500">·</span><span>
<spanstyle=margin-top:.5remclass=mr-2onclick='window.open("/blowfish/tags/docs/")'><spanclass=flex><spanclass="rounded-md border border-primary-400 px-1 py-[1px] text-xs font-normal text-primary-700 dark:border-primary-600 dark:text-primary-400">docs</span></span></span></div></div><divclass="py-1 prose dark:prose-invert">Blowfish is a highly customisable theme and uses some of the latest Hugo features to simplify how it is configured.
The theme ships with a default configuration that gets you up and running with a basic blog or static website.</div></div></a></section><divclass="mt-10 flex justify-center"><ahref=/docs><buttonclass="bg-transparent hover:text-primary-500 prose dark:prose-invert font-semibold hover:text-white py-2 px-4 border border-primary-500 hover:border-transparent rounded">Show
