CINXE.COM

<!doctype html><html class=no-js lang=en-us><head><meta charset=utf-8><link rel=preload href=https://themes.gohugo.io/fonts/muli-latin-200.woff2 as=font type=font/woff2 crossorigin><link rel=preload href=https://themes.gohugo.io/fonts/muli-latin-400.woff2 as=font type=font/woff2 crossorigin><link rel=preload href=https://themes.gohugo.io/fonts/muli-latin-800.woff2 as=font type=font/woff2 crossorigin><meta http-equiv=X-UA-Compatible content="IE=edge"><title>Hermit-V2 | Hugo Themes </title><meta name=viewport content="width=device-width,minimum-scale=1"><meta name=generator content="Hugo 0.136.5"><meta name=robots content="index, follow"><link rel=stylesheet href=/output/css/app.min.4030b20111c63effc3f444c4c7e0116b7ce9ebeb341b57e87062563016ace228.css integrity="sha256-QDCyARHGPv/D9ETEx+ARa3zp6+s0G1focGJWMBas4ig=" crossorigin=anonymous><meta name=description content=" "><script type=text/javascript src=/output/js/app.5a802739f9b2407f0d3a1f84a20731b6705a5a4df051c35686f22bd3aea90731.js integrity="sha256-WoAnOfmyQH8NOh+EogcxtnBaWk3wUcNWhvIr066pBzE=" crossorigin=anonymous defer></script><script async defer src=https://buttons.github.io/buttons.js></script><link rel=apple-touch-icon sizes=180x180 href=/apple-touch-icon.png><link rel=icon type=image/png href=/favicon-32x32.png sizes=32x32><link rel=icon type=image/png href=/favicon-16x16.png sizes=16x16><link rel=manifest href=/manifest.json><link rel=mask-icon href=/safari-pinned-tab.svg color=#0594cb><meta name=theme-color content="#ffffff"><link rel=prefetch href=https://themes.gohugo.io/themes/osprey-delight/><link rel=prefetch href=https://themes.gohugo.io/themes/autophugo/><style media=screen>.lazyload,.lazyloading{opacity:.5}.lazyloaded{opacity:1;transition:opacity 300ms}.mt4 a.link{margin:0 .5rem .8rem 0;display:inline-block}.mt4 a.link{margin:0 .5rem .8rem 0;display:inline-block;max-width:384px}</style><meta property="og:title" content="Hermit-V2"><meta property="og:description" content="Hermit-V2 - The Minimal Hugo Theme hermit-V2 is a minimal and fast theme for Hugo, built for bloggers who want a simple and focused website. This is a maintained fork of Hermit, which iterates over the original work to have production-ready experience with bug fixes and new features. First Impression Check out Hermit-V2 : https://1bl4z3r.github.io/hermit-V2 This demo also acts as an documentation for the theme, utilizing its powerful features."><meta property="og:type" content="article"><meta property="og:url" content="https://themes.gohugo.io/themes/hermit-v2/"><meta property="og:image" content="https://themes.gohugo.io/themes/hermit-v2/tn-featured.jpg"><meta property="article:section" content="themes"><meta property="article:published_time" content="2024-10-23T17:29:34+00:00"><meta property="article:modified_time" content="2024-10-23T17:29:34+00:00"><meta itemprop=name content="Hermit-V2"><meta itemprop=description content="Hermit-V2 - The Minimal Hugo Theme hermit-V2 is a minimal and fast theme for Hugo, built for bloggers who want a simple and focused website. This is a maintained fork of Hermit, which iterates over the original work to have production-ready experience with bug fixes and new features. First Impression Check out Hermit-V2 : https://1bl4z3r.github.io/hermit-V2 This demo also acts as an documentation for the theme, utilizing its powerful features."><meta itemprop=datePublished content="2024-10-23T17:29:34+00:00"><meta itemprop=dateModified content="2024-10-23T17:29:34+00:00"><meta itemprop=wordCount content="1341"><meta itemprop=image content="https://themes.gohugo.io/themes/hermit-v2/tn-featured.jpg"><meta itemprop=keywords content="Blog,Dark,Dark Mode,Landing,Minimal,Responsive"><meta name=twitter:card content="summary_large_image"><meta name=twitter:image content="https://themes.gohugo.io/themes/hermit-v2/tn-featured.jpg"><meta name=twitter:title content="Hermit-V2"><meta name=twitter:description content="Hermit-V2 - The Minimal Hugo Theme hermit-V2 is a minimal and fast theme for Hugo, built for bloggers who want a simple and focused website. This is a maintained fork of Hermit, which iterates over the original work to have production-ready experience with bug fixes and new features. First Impression Check out Hermit-V2 : https://1bl4z3r.github.io/hermit-V2 This demo also acts as an documentation for the theme, utilizing its powerful features."><script async src="https://www.googletagmanager.com/gtag/js?id=G-MBZGKNMDWC"></script><script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-MBZGKNMDWC",{anonymize_ip:!0,dimension1:"themes.gohugo.io",dimension2:"main"});var trackOutboundLink=function(e){gtag("event","click",{event_category:"outbound",event_label:e,transport_type:"beacon"})}</script></head><body class="ma0 sans-serif bg-primary-color-light"><nav class="bg-primary-color-dark pv4 w-100" role=navigation><div class="center flex-ns flex-wrap items-center justify-start mw9"><h1 class="dim f3 lh-solid ml0-ns mr0 mr4-l mv0 pl3 pl4-ns"><a href=https://gohugo.io/ class="link white">HUGO</a></h1><ul class="list ma0 pa0 dn dib-l" role=menu><li class="f5 dib mr4" role=menuitem><a href=https://gohugo.io/news/ class="dim link light-silver">News</a></li><li class="f5 dib mr4" role=menuitem><a href=https://gohugo.io/documentation/ class="dim link light-silver">Docs</a></li><li class="f5 dib mr4" role=menuitem><a href=https://themes.gohugo.io/ class="dim link light-silver">Themes</a></li><li class="f5 dib mr4" role=menuitem><a href=https://discourse.gohugo.io/ class="dim link light-silver">Community <span class=pl1><svg xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="10" viewBox="0 0 32 32" class="fill-current v-base" aria-label="External Link"><path d="M25.152 16.576v5.696q0 2.144-1.504 3.648T20 27.424H5.152q-2.144.0-3.648-1.504t-1.504-3.648V7.424q0-2.112 1.504-3.616t3.648-1.536h12.576q.224.0.384.16t.16.416V4q0 .256-.16.416t-.384.16H5.152q-1.184.0-2.016.832t-.864 2.016v14.848q0 1.184.864 2.016t2.016.864H20q1.184.0 2.016-.864t.832-2.016v-5.696q0-.256.16-.416t.416-.16h1.152q.256.0.416.16t.16.416zM32 1.152v9.12q0 .48-.352.8t-.8.352-.8-.352l-3.136-3.136-11.648 11.648q-.16.192-.416.192t-.384-.192l-2.048-2.048q-.192-.16-.192-.384t.192-.416L24.064 5.088l-3.136-3.136q-.352-.352-.352-.8t.352-.8.8-.352h9.12q.48.0.8.352t.352.8z"/></svg></span></a></li><li class="f5 dib mr4" role=menuitem><a href=https://github.com/gohugoio/hugo class="dim link light-silver">GitHub <span class=pl1><svg xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="10" viewBox="0 0 32 32" class="fill-current v-base" aria-label="External Link"><path d="M25.152 16.576v5.696q0 2.144-1.504 3.648T20 27.424H5.152q-2.144.0-3.648-1.504t-1.504-3.648V7.424q0-2.112 1.504-3.616t3.648-1.536h12.576q.224.0.384.16t.16.416V4q0 .256-.16.416t-.384.16H5.152q-1.184.0-2.016.832t-.864 2.016v14.848q0 1.184.864 2.016t2.016.864H20q1.184.0 2.016-.864t.832-2.016v-5.696q0-.256.16-.416t.416-.16h1.152q.256.0.416.16t.16.416zM32 1.152v9.12q0 .48-.352.8t-.8.352-.8-.352l-3.136-3.136-11.648 11.648q-.16.192-.416.192t-.384-.192l-2.048-2.048q-.192-.16-.192-.384t.192-.416L24.064 5.088l-3.136-3.136q-.352-.352-.352-.8t.352-.8.8-.352h9.12q.48.0.8.352t.352.8z"/></svg></span></a></li></ul><div class="db dib-ns pl3"><form id=site-search-form role=search><fieldset class="bn ma0 pa0"><label class=clip for=search-input>Search</label> <input type=search id=search-input class="needs-js bg-left bn f5 input-reset lh-solid mt3 mt0-ns pl4 pv2 w5 white" placeholder="Search the Docs" name=search-input style="background:url(/images/icon-search.png)5px 11px/16px 16px no-repeat;background-color:rgba(255,255,255,0)"></fieldset></form></div><div class="absolute mt1 mt2-l pr3 right-0 top-0 flex items-start"><a rel=me class="mstdn mr3" href=https://fosstodon.org/@gohugoio target=_blank>gohugoio</a> <a class="github-button needs-js link primary-color-dark" href=https://github.com/gohugoio/hugo data-size=large data-show-count=false aria-label="Star gohugoio/hugo on GitHub">Star</a></div></div></nav><main role=main class="content-with-sidebar min-vh-100 pb7 pb0-ns"><article class="cf pv3 pv5-ns ph0 ph4-l"><div class="flex-l items-center pa4 pa0-l w-100"><h1 class="primary-color-dark f2">Hugo Themes</h1><div class=flex-auto-l></div><div class="flex flex-wrap justify-between"><span class="gray dib-l f6 ph3 pv2 gray dn">Prev/Next: </span><a href=https://themes.gohugo.io/themes/osprey-delight/ class="db-l f4 f3-ns link primary-color hover-black fw8 mr4"><span class="v-mid dib"><svg class="fill-current" height="30" viewBox="0 0 24 24" width="30"><path d="M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z"/><path d="M0 0h24v24H0z" fill="none"/></svg> </span></a><a href=https://themes.gohugo.io/themes/autophugo/ class="db-l f4 f3-ns link primary-color hover-black fw8"><span class="v-mid dib"><svg class="fill-current" height="30" viewBox="0 0 24 24" width="30"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/><path d="M0 0h24v24H0z" fill="none"/></svg> </span></a><script>document.body.onkeyup=function(e){e.ctrlKey||e.shiftKey||e.altKey||e.metaKey||(e.keyCode=="37"&&(window.location="https://themes.gohugo.io/themes/osprey-delight/"),e.keyCode=="39"&&(window.location="https://themes.gohugo.io/themes/autophugo/"))}</script><a href=/ class="bg-primary-color br2 dib-l f6 hover-bg-accent-color link ph3 pv2 white ml5-l">All Themes</a></div></div><div class="flex-l bg-light-gray"><div class="w-100 w-50-l pa4"><div><h1 class=primary-color>Hermit-V2</h1><p class="description f4">Continuing Hermit's legacy to be minimal and fast theme</p><ul class="list nested-links pl0"><li class=mb2><span class=label>Author: </span><a href=https://blzr.sbs>BLZR</a></li><li class=mb2><span class=label>GitHub Stars: </span><span class=value>96</span></li><li class=mb2><span class=label>Updated: </span><span class=value>2024-10-23</span></li><li class=mb2><span class=label>License: </span><span class=value>MIT</span></li><li class="mb2 mt4"><span class=label>Tags: </span><a href=https://themes.gohugo.io/tags/blog/>Blog </a><a href=https://themes.gohugo.io/tags/dark/>Dark </a><a href=https://themes.gohugo.io/tags/dark-mode/>Dark Mode </a><a href=https://themes.gohugo.io/tags/landing/>Landing </a><a href=https://themes.gohugo.io/tags/minimal/>Minimal </a><a href=https://themes.gohugo.io/tags/responsive/>Responsive</a></ul></div><div><div class=mt4><a class="bg-accent-color br2 hover-bg-primary-color hover-light-gray link ph3 pv2 white" href=https://github.com/1bl4z3r/hermit-V2><i class="fa fa-download"></i> Download</a></div></div></div><div class="w-100 w-50-l pa4"><img srcset="/themes/hermit-v2/screenshot_hu4136512459790667412.jpg 1x, /themes/hermit-v2/screenshot_hu7981948122933221534.jpg 2x" alt=Hermit-V2 width=750 class="fit shadow-2"></div></div><div class="w-100 w-80-l pv5 ph4 ph5-ns center nested-links overflow-hidden"><h1 id=hermit-v2-_--the-minimal-hugo-theme_>Hermit-V2 <em>- The Minimal Hugo Theme</em></h1><p>hermit-V2 is a minimal and fast theme for Hugo, built for bloggers who want a simple and focused website. This is a maintained fork of Hermit, which iterates over the original work to have production-ready experience with bug fixes and new features.</p><p><img src=https://raw.githubusercontent.com/1bl4z3r/hermit-V2/main/images/screenshot.jpg alt></p><h2 id=first-impression>First Impression <a class=header-link href=#first-impression><svg class="fill-current o-60 hover-accent-color-light" height="22" viewBox="0 0 24 24" width="22"><path d="M0 0h24v24H0z" fill="none"/><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z"/></svg></a></h2><p>Check out Hermit-V2 : https://1bl4z3r.github.io/hermit-V2 This demo also acts as an documentation for the theme, utilizing its powerful features.</p><p>The source for the site is located in Staging Branch</p><p><img src=https://raw.githubusercontent.com/1bl4z3r/hermit-V2/staging/images/screenshot.gif alt></p><h3 id=initial-information>Initial Information <a class=header-link href=#initial-information><svg class="fill-current o-60 hover-accent-color-light" height="22" viewBox="0 0 24 24" width="22"><path d="M0 0h24v24H0z" fill="none"/><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z"/></svg></a></h3><p>Original theme for Hermit-v2 is, you gussed it, is Hermit. However, it seems Track3 isn’t maintaining this anymore, which resulted in de-listing from GoHugo Themes and totally breaks in newer Hugo versions.</p><p>Goal of this project is to keep the essence of theme as-is. We will not diverge too much from the original and keep it as minimal as possible, but include all the tools for you to extend, customize and use this theme as you deem fit.</p><h3 id=configuration>Configuration <a class=header-link href=#configuration><svg class="fill-current o-60 hover-accent-color-light" height="22" viewBox="0 0 24 24" width="22"><path d="M0 0h24v24H0z" fill="none"/><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z"/></svg></a></h3><p>Site Configuration is done through <code>hugo.toml</code> or <code>hugo.yaml</code> file in root directory of your Hugo Site. To aid you, there is a hugo.toml.example file located in theme folder. See this configuration for the staging branch here. See what each configuration does here.</p><h3 id=installation>Installation <a class=header-link href=#installation><svg class="fill-current o-60 hover-accent-color-light" height="22" viewBox="0 0 24 24" width="22"><path d="M0 0h24v24H0z" fill="none"/><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z"/></svg></a></h3><p>Run this command from the root of your Hugo directory:</p><div class=highlight><pre tabindex=0 style=color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4><code class=language-bash data-lang=bash><span style=display:flex><span>git clone https://github.com/1bl4z3r/hermit-V2 themes/hermit-v2 </span></span></code></pre></div><p>Or, if your Hugo site is already in git, you can include this repository as a git submodule. This makes it easier to update this theme. For this, you need to run:</p><div class=highlight><pre tabindex=0 style=color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4><code class=language-bash data-lang=bash><span style=display:flex><span>git submodule add -b main https://github.com/1bl4z3r/hermit-V2 themes/hermit-v2 </span></span></code></pre></div><p>To update submodule and to have the latest version of the theme with your project, run</p><div class=highlight><pre tabindex=0 style=color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4><code class=language-bash data-lang=bash><span style=display:flex><span>git submodule update --remote </span></span></code></pre></div><h3 id=sites-using-hermit-v2>Sites using hermit-V2 <a class=header-link href=#sites-using-hermit-v2><svg class="fill-current o-60 hover-accent-color-light" height="22" viewBox="0 0 24 24" width="22"><path d="M0 0h24v24H0z" fill="none"/><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z"/></svg></a></h3><p><strong>Sites using hermit-V2</strong> is a user contributed list of all the blogs/pages that is using hermit-V2 in some capacity. It could be any component of the theme from landing page or a partial to full fledged use of the theme. The objective of this section is to :</p><ul><li>Help new and aspiring bloggers/webmasters to get inspiration from</li><li>Create a sense of community</li></ul><p>You can find currently listed sites from Sites-using-hermit‐V2 and you can add your site by raising an issue.</p><h2 id=first-use-knowledge>First Use Knowledge <a class=header-link href=#first-use-knowledge><svg class="fill-current o-60 hover-accent-color-light" height="22" viewBox="0 0 24 24" width="22"><path d="M0 0h24v24H0z" fill="none"/><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z"/></svg></a></h2><h3 id=features-inherited-from-original-theme>Features Inherited from Original Theme <a class=header-link href=#features-inherited-from-original-theme><svg class="fill-current o-60 hover-accent-color-light" height="22" viewBox="0 0 24 24" width="22"><path d="M0 0h24v24H0z" fill="none"/><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z"/></svg></a></h3><ul><li>A single-column layout and carefully crafted typography offers a great reading experience.</li><li>Navigation and functions are placed in the bottom-bar which will hide when you scroll down.</li><li>Featured image is supported. It will be displayed as a dimmed background of the page.</li><li>Displays all of your posts on a single page, with one section per year, simple and compact.</li><li>Extremely lightweight and load fast. No third party framework, no unnecessary code.</li><li>All code fields feature syntax highlighting and a code-copy function</li><li>Responsive & Retina Ready. Scales gracefully from a big screen all the way down to the smallest mobile phone. Assets in vector format ensures that it looks sharp on high-resolution screens.</li></ul><p><img src=https://raw.githubusercontent.com/1bl4z3r/hermit-V2/staging/images/hermit.webp alt></p><h3 id=custom-css-and-js>Custom CSS and JS <a class=header-link href=#custom-css-and-js><svg class="fill-current o-60 hover-accent-color-light" height="22" viewBox="0 0 24 24" width="22"><path d="M0 0h24v24H0z" fill="none"/><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z"/></svg></a></h3><p>if you feel there is a need to have your own CSS and JS to be added, there is a provision for the same. These custom files should be designed to for a page or few particular pages. E.g. If you make contact form.</p><p>To make use of custom CSS and JS, add the below section to page frontmatter. If there is any folder structure, that should be mentioned as well.</p><pre tabindex=0><code>custom_css = ["custom_css/foo.css","custom_css/bar.css"] custom_js = ["custom_js/custom-about.js"] </code></pre><p>The files itself will reside in <code>assets</code> directory. Refer to Staging Branch to have a feel on how this is implemented.</p><h3 id=custom-styles>Custom styles <a class=header-link href=#custom-styles><svg class="fill-current o-60 hover-accent-color-light" height="22" viewBox="0 0 24 24" width="22"><path d="M0 0h24v24H0z" fill="none"/><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z"/></svg></a></h3><p>If, for some reason, you want to apply style for the whole theme, which should be seperate from core theme styles, you can add <em>userstyles.scss</em> in <code>assets/scss/</code>. If the file exists, it will be imported during build process.</p><h3 id=customize-theme>Customize theme <a class=header-link href=#customize-theme><svg class="fill-current o-60 hover-accent-color-light" height="22" viewBox="0 0 24 24" width="22"><path d="M0 0h24v24H0z" fill="none"/><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z"/></svg></a></h3><p>This theme allows to be customized. To customize, copy the respective scss file from the theme to site’s <code>assets/scss/</code> and edit them to your liking.</p><ul><li>To customize theme, Scroll to Top button and Admonition colors, copy _<em>colors.scss</em></li><li>To customize theme fonts, copy _<em>fonts.scss</em></li></ul><h3 id=extend-functionality>Extend functionality <a class=header-link href=#extend-functionality><svg class="fill-current o-60 hover-accent-color-light" height="22" viewBox="0 0 24 24" width="22"><path d="M0 0h24v24H0z" fill="none"/><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z"/></svg></a></h3><p>Functionality can be extended via layouts.</p><p>Layouts can live in either the project’s (root) or the themes’ layout folders, any template inside the root layout folder will override theme’s layout that relative to it, for example: <code>layouts/_default/baseof.html</code> will override <code>themes/hermit-V2/layouts/_default/baseof.html</code>. So, you can easily customize the theme without edit it directly, which makes updating the theme easier.</p><p>Copy files as required to site’s <code>layouts/partials/</code> and edit them to fit your needs.</p><ul><li>To add or modify SVG images used in the theme, copy <em>svg.html</em></li><li>To add or modify comment system (default is Disqus), copy <em>comments.html</em></li><li>To add or modify custom analytics(default is Google Analytics), copy <em>analytics.html</em></li><li>To inject HTML code to every page’s document head or right above the closing body tag ( this makes it easy to add any HTML metadata, custom css/js, DNS-prefetch etc.), create a file at site’s <em>extra-head.html</em> or <em>extra-foot.html</em></li></ul><h3 id=favicon>Favicon <a class=header-link href=#favicon><svg class="fill-current o-60 hover-accent-color-light" height="22" viewBox="0 0 24 24" width="22"><path d="M0 0h24v24H0z" fill="none"/><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z"/></svg></a></h3><p>Use RealFaviconGenerator to generate these files, put them into your site’s <code>static</code> folder:</p><ul><li>android-chrome-192x192.png</li><li>android-chrome-512x512.png</li><li>apple-touch-icon.png</li><li>favicon-16x16.png</li><li>favicon-32x32.png</li><li>favicon.ico</li><li>mstile-150x150.png</li><li>safari-pinned-tab.svg</li><li>site.webmanifest</li></ul><h4 id=svg-favicons>SVG Favicons <a class=header-link href=#svg-favicons><svg class="fill-current o-60 hover-accent-color-light" height="22" viewBox="0 0 24 24" width="22"><path d="M0 0h24v24H0z" fill="none"/><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z"/></svg></a></h4><p>If your favicon is in SVG format, there are two ways to implement the same in this theme.</p><ul><li>If you are looking for a clean directory structure, place your favicon as <code>favicon.svg</code> in <code>static</code> directory. <strong>In this mode, favicon will not be minified by Hugo</strong></li><li>If you want your generated site to be as light as possible, place your favicon as <code>favicon.svg</code> in <code>assets/images</code>. <strong>In this mode, favicon will be minified by Hugo</strong></li></ul><h3 id=social-icons>Social icons <a class=header-link href=#social-icons><svg class="fill-current o-60 hover-accent-color-light" height="22" viewBox="0 0 24 24" width="22"><path d="M0 0h24v24H0z" fill="none"/><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z"/></svg></a></h3><p>The following icons are supported, please make sure the <code>name</code> field is exactly one of these:</p><table><thead><tr><th>name</th><th></th><th></th><th></th><th></th></tr></thead><tbody><tr><td><code>email</code></td><td><code>codepen</code></td><td><code>facebook</code></td><td><code>github</code></td><td><code>gitlab</code></td></tr><tr><td><code>instagram</code></td><td><code>linkedin</code></td><td><code>slack</code></td><td><code>stackoverflow</code></td><td><code>telegram</code></td></tr><tr><td><code>twitter (Now X)</code></td><td><code>youtube</code></td><td><code>shutterstock</code></td><td><code>freepik</code></td><td><code>adobestock</code></td></tr><tr><td><code>dreamstime</code></td><td><code>dribbble</code></td><td><code>behance</code></td><td><code>123rf</code></td><td><code>paypal</code></td></tr><tr><td><code>twitch</code></td><td><code>qq</code></td><td><code>mastodon</code></td><td><code>discord</code></td><td><code>matrix</code></td></tr><tr><td><code>etsy</code></td><td><code>tiktok</code></td><td><code>imgur</code></td><td><code>bluesky</code></td><td><code>xmpp</code></td></tr><tr><td><code>medium</code></td><td><code>medium old</code></td><td><code>pixelfed</code></td><td></td><td></td></tr></tbody></table><p>If that’s not enough, you can see Extend functionality section.</p><h3 id=manage-content>Manage content <a class=header-link href=#manage-content><svg class="fill-current o-60 hover-accent-color-light" height="22" viewBox="0 0 24 24" width="22"><path d="M0 0h24v24H0z" fill="none"/><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z"/></svg></a></h3><ul><li>Keep your regular pages in the <code>content</code> folder. To create a new page, run <code>hugo new page-title.md</code></li><li>Keep your blog posts in the <code>content/posts</code> folder. To create a new post, run <code>hugo new posts/post-title.md</code></li></ul><h3 id=customize-css>Customize CSS <a class=header-link href=#customize-css><svg class="fill-current o-60 hover-accent-color-light" height="22" viewBox="0 0 24 24" width="22"><path d="M0 0h24v24H0z" fill="none"/><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z"/></svg></a></h3><ol><li><strong>Change predefined colors/effects</strong> - If you’d like to customize theme color or fonts, you can simply override <code>assets/scss/_predefined.scss</code>, by simply copy it to site’s root (keep the same relative path) then edit those variables.</li><li><strong>Change CSS effects limited to single page or few pages</strong> - Add following to your page FrontMatter <code>custom_css = ["custom_css/foo.css","custom_css/bar.css"]</code>, and add the relevant SCSS files in <code>assets</code> directory. You may find additional help in Custom CSS and JS.</li><li><strong>Change css styling sitewide</strong> - If you are unhappy with how the theme looks and feels and want to change some (or all) of it to make it truly your own, you can do so by adding <code>assets/scss/userstyles.scss</code> to your site’s root and modify Stylesheets to your liking.</li></ol><p>You’ll need <strong>Hugo extended version</strong>, which has the ability to rebuild SCSS. You don’t have to use extended version in production, but in this case it’s necessary to make sure the <code>resources</code> folder is committed and “up to date” (by running <code>hugo</code> or <code>hugo server</code> locally using the extended version). But anyway, always use the extended version if you can.</p><h3 id=latex-in-markdown>LaTeX in Markdown <a class=header-link href=#latex-in-markdown><svg class="fill-current o-60 hover-accent-color-light" height="22" viewBox="0 0 24 24" width="22"><path d="M0 0h24v24H0z" fill="none"/><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z"/></svg></a></h3><p>LaTeX is supported by this theme through Mathjax. Please check explaining-configs to learn more.</p><h3 id=translations>Translations <a class=header-link href=#translations><svg class="fill-current o-60 hover-accent-color-light" height="22" viewBox="0 0 24 24" width="22"><path d="M0 0h24v24H0z" fill="none"/><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z"/></svg></a></h3><p>This theme is made specifically with translation in mind. Translations of few languages (English, Spanish, French, Italian, German and Chinese Simplified) are provided in Staging branch. However, this theme can work without Translation if your content is <strong>English only</strong>. To have translation of your language :</p><ol><li>Create translation tables in the i18n directory, naming each file according to RFC 5646. E.g. <code>i18n/<2-2 Language Code>.toml</code>. To find your Language code, visit https://gist.github.com/msikma/8912e62ed866778ff8cd to get an idea for the code. See Staging Branch to see how this is implemented.</li><li>Copy English Translation key and edit to your language. Edit the section <code>other = "<In your Language>"</code>.</li></ol><h2 id=acknowledgments>Acknowledgments <a class=header-link href=#acknowledgments><svg class="fill-current o-60 hover-accent-color-light" height="22" viewBox="0 0 24 24" width="22"><path d="M0 0h24v24H0z" fill="none"/><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z"/></svg></a></h2><ul><li>normalize.css - MIT</li><li>animate.css - MIT</li><li>feather - MIT</li><li>code-copy.js - Tom Spencer</li><li>Everyone, who has raised an issue</li><li>Everyone, who has submitted a PR</li></ul><h2>See also</h2><ul><li><a href=/themes/hugoplate/>Hugoplate</a></li><li><a href=/themes/paige/>Paige</a></li><li><a href=/themes/qubt/>Qubt</a></li><li><a href=/themes/hugo-theme-yue/>Yue</a></li><li><a href=/themes/lightbi-hugo/>Lightbi</a></li></ul></div></article></main><footer class="bg-primary-color-dark ph4-ns pt4 relative w-100" role=contentinfo><div class="center flex-ns flex-wrap justify-between mw9 w-90"><div class="pb3 pt4 w-100 w-50-ns"><div class="b f3 light-gray mb3 nested-links tc">By the <a href=https://github.com/gohugoio/hugo/graphs/contributors class=link>Hugo Authors</a><br></div><div class="center w4"><img src=/images/hugo-logo-wide.svg alt="Hugo Logo"></div><ul class="center f6 list ma0 mv3 pa0 tc"><li class="dib mr3"><a href=https://github.com/gohugoio/hugoThemesSiteBuilder class="dim link light-gray pv2">File an Issue</a></li><li class="dib mr3"><a href=https://discourse.gohugo.io/ class="dim link light-gray pv2">Get Help</a></li><li class=dib><a href=https://gitter.im/spf13/hugo class="dim link light-gray pv2">Discuss Source Code</a></li></ul><ul class="center f6 list ma0 mv4 pa0 tc"><li class="dib mr3"><a href=https://twitter.com/gohugoio class="dim link light-gray pv2">@GoHugoIO</a></li><li class="dib mr3"><a href=https://twitter.com/spf13 class="dim link light-gray pv2">@spf13</a></li><li class=dib><a href=https://twitter.com/bepsays class="dim link light-gray pv2">@bepsays</a></li></ul><p class="center f6 tc w-70"><a href=https://www.netlify.com><img src=/images/netlify-dark.svg alt="Netlify badge"></a></p></div><div class="w-100 w-50-l"> <style>a.show-on-hover{opacity:0}a.show-on-hover:hover{opacity:1}</style><section class="pb3 w-100"><div class="center mw9"><h3 class="b f3 mv0 light-gray">Hugo Sponsors</h3><div class="flex-ns flex-wrap center justify-between pt3"><div class="ba b--dark-gray bg-light-gray br3 flex flex-column flex-wrap items-center justify-center ph3 pv4 mb4 w-100 w-30-l o-100" style=background-color:#fff><a href="https://www.linode.com/?utm_campaign=hugosponsor&utm_content=gohugoio&utm_medium=banner&utm_source=hugofooter" title=Linode onclick='trackOutboundLink("Sponsor Linode Footer","https://www.linode.com/?utm_campaign=hugosponsor&utm_content=gohugoio&utm_medium=banner&utm_source=hugofooter")' class="w-100 grow pa3 f3"><svg enable-background="new 0 0 575.8 178.3" viewBox="0 0 575.8 178.3"><path d="m148.6 78.9-24.7-13.6L103.1 78l-.3 13-10.1-6.7-13.8 8.4c-.2-3.9-.4-8.6-.6-14.2L64.1 69c3.9-2 8.4-4.3 13.5-7-.1.0.1 1.4-2-46.5l-32-15.4-43.6 13.6 9.7 46.9L24.3 72l-11.1 5.3 7.3 35.3 10.2 9.6-7.3 4.5 5.7 27.3L52 178.3c.1-.1 2.4-1.9 29.5-23.5l-.8-18.6 11.7 9.9c.2-.2 2.4-1.9 23.7-18.8l.8-13.7 8.8 6.1c.1-.2 2.1-1.7 19.3-15.3z"/><path d="m128.1 93.5 20.5-14.6-24.7-13.6L103.1 78z" fill="#141414"/><path d="m125.8 119.5 2.3-26-25-15.5-.5 25.4z" fill="#004b16"/><path d="m92.6 146-.3-27-25.1-19.1 1.9 26.4z" fill="#004b16"/><path d="m92.3 119 25.5-18.2-25.1-16.5-25.5 15.6z" fill="#141414"/><path d="m52.1 178.2-4.1-27.6-24.6-24.1 5.7 27.4z" fill="#004b16"/><path d="m48 150.6 32.4-23.1-25.1-20.4-31.9 19.4z" fill="#141414"/><path d="m45.9 136.3-5.3-36.4-27.4-22.8 7.3 35.4z" fill="#004b16"/><path d="m40.6 99.9 37.7-21.4-28.2-18.9-36.9 17.5z" fill="#141414"/><path d="m38 82.5-7.3-49.9L0 13.6l9.7 46.9z" fill="#004b16"/><path d="m30.7 32.6 44.9-17.2-32-15.4-43.6 13.6z" fill="#141414"/><g fill="#1cb35c"><path d="m145.2 104.2c-19 15.1-19.4 15.4-19.3 15.4 2.4-27.2 2.2-26 2.3-26C150 78.1 148.6 79 148.7 79z"/><path d="m116.2 127.2C92.7 145.9 92.4 146 92.5 146c-.2-28.2-.3-27-.2-27 27.1-19.4 25.4-18.2 25.5-18.2z"/><path d="m81.6 154.7C52.2 178 52 178.2 52.1 178.2c-4.2-28.4-4.1-27.5-4-27.5 34.5-24.6 32.3-23.1 32.4-23.1z"/><path d="m75.6 15.4c2.1 47.9 1.9 46.5 2 46.5C38.8 82.1 37.9 82.5 38 82.5c-7.5-51-7.4-49.9-7.3-49.9z"/><path d="m78.3 78.5c1.6 36.3 1.4 35.1 1.5 35.1-33.6 22.6-34 22.8-33.9 22.8C40.4 99 40.5 1e2 40.6 1e2z"/></g><path d="m191.4 33.6 16.8-4c0 81.8-3.1 93.5 8 97.1-2.6 4.9-7.1 7.4-13.3 7.4-15.3.0-11.5-11.3-11.5-100.5z"/><path d="m233.7 132.7V74.3h-9.2V60.5h26.3v72.2zm8.7-100.1c12.9.0 12.9 19.5.0 19.5s-12.9-19.5.0-19.5z"/><path d="m316.8 132.7c0-43.6 1.1-49.6-3.5-55.2-5.8-6.9-20-5-26.1 3v52.2h-16.8V60.5h12.1l3.1 6.7c9.1-10.8 30.4-10.9 40.6-.4 9.7 10 7.4 20.5 7.4 65.8z"/><path d="m347.2 96.4c0-49.2 69.4-51.1 69.4.0-.1 50.7-69.4 50.8-69.4.0zm17.5.0c0 28.8 22.2 27.7 29.7 17.7 7-9.4 8.8-41.2-12.5-41.2-12.3.0-17.2 11.3-17.2 23.5z"/><path d="m476.4 132.7c0-7.4 1.8-3.4-7.1-.4-10.2 3.5-25.1 2-34.1-7.9-11.1-12.3-12.6-39.5 1.3-54.6 11.4-12.3 28.5-13.1 39.9-7.4V33.5l16.9-4v103.1zm0-54.9c-8.9-7.1-20.9-4.8-26.8 1.9-8.1 9.1-11.2 40.2 16.2 40.2 2.9.0 9-2.2 10.6-4.4z"/><path d="m574.6 101.8H523c1.2 22.3 29 21.4 38.1 12.2l6.5 12.9c-14 11.3-62.3 15-62.3-29.5.1-54.1 81.3-49 69.3 4.4zm-51-12.7h35.5c-1.2-10.6-7-15.8-17.5-15.8-9.7.0-15.6 5.2-18 15.8z"/></svg></a></div><div class="ba b--dark-gray bg-light-gray br3 flex flex-column flex-wrap items-center justify-center ph3 pv4 mb4 w-100 w-30-l o-100" style=background-color:#334799><a href=https://route4me.com/ title="Route Planning & Route Optimization Software" onclick='trackOutboundLink("Sponsor Route4Me Footer","https://route4me.com/")' class="w-100 grow pa3 f3" style=color:#fff;font-weight:700;text-decoration:none;text-align:center>Route4Me</a></div><div class="ba b--dark-gray bg-light-gray br3 flex flex-column flex-wrap items-center justify-center ph3 pv4 mb4 w-100 w-30-l o-100" style=background-color:#f4f4f4><a href="https://www.jetbrains.com/go/?utm_source=OSS&utm_medium=referral&utm_campaign=hugo" title="The complete IDE crafted for professional Go developers." onclick='trackOutboundLink("Sponsor GoLand Footer","https://www.jetbrains.com/go/?utm_source=OSS&utm_medium=referral&utm_campaign=hugo")' class="w-100 grow pa3 f3"><svg fill="none" viewBox="0 0 238 79"><defs><linearGradient id="a" x1="63.6351" x2="39.318" y1="54.0451" y2="1.59593" gradientUnits="userSpaceOnUse"><stop offset=".24" stop-color="#00d886"/><stop offset=".51" stop-color="#007dfe"/></linearGradient><linearGradient id="b" x1="59.3792" x2=".674325" y1="4.38051" y2="63.0854" gradientUnits="userSpaceOnUse"><stop offset=".27" stop-color="#007dfe"/><stop offset=".7" stop-color="#d249fc"/></linearGradient></defs><path fill="#000" fill-rule="evenodd" d="M107.38 35.54h-7.19v-4.29h12.41v2.31c0 2.63-.62 5-1.88 7.11-1.26 2.12-2.99 3.78-5.19 4.99s-4.51 1.82-7.37 1.82-5.44-.67-7.74-2.02c-2.31-1.34-4.12-3.2-5.44-5.56S83 34.9 83 31.99s.66-5.55 1.98-7.91c1.32-2.36 3.14-4.21 5.44-5.56 2.31-1.35 4.89-2.02 7.74-2.02 2.27.0 4.36.4 6.29 1.21 1.93.8 3.56 1.93 4.9 3.39 1.35 1.45 2.29 3.14 2.85 5.07h-5.71c-.49-1-1.14-1.86-1.95-2.59-.82-.73-1.76-1.28-2.84-1.67-1.08-.39-2.25-.58-3.5-.58-1.84.0-3.51.46-5 1.38-1.49.92-2.66 2.19-3.5 3.81-.84 1.62-1.26 3.44-1.26 5.47s.42 3.85 1.26 5.47 2.01 2.89 3.5 3.81 3.16 1.38 5 1.38c1.71.0 3.25-.32 4.63-.96 1.38-.65 2.48-1.54 3.29-2.69.73-1.04 1.14-2.19 1.26-3.46zm19.54-11c2.15.0 4.11.5 5.86 1.5s3.13 2.37 4.14 4.12c1.01 1.74 1.51 3.7 1.51 5.85s-.5 4.1-1.51 5.85-2.38 3.12-4.14 4.12-3.74 1.5-5.89 1.5c-2.15.0-4.11-.5-5.86-1.5s-3.13-2.37-4.14-4.12c-1.01-1.74-1.51-3.7-1.51-5.85s.5-4.1 1.5-5.85 2.38-3.12 4.14-4.12c1.77-1 3.75-1.5 5.9-1.5zm3.25 17.55c.95-.58 1.69-1.4 2.21-2.46s.78-2.25.78-3.62-.26-2.58-.79-3.63c-.52-1.05-1.26-1.87-2.21-2.46-.95-.59-2.04-.89-3.26-.89-1.22.0-2.31.3-3.26.88s-1.68 1.4-2.2 2.46c-.52 1.06-.78 2.28-.78 3.64s.26 2.56.78 3.62c.52 1.05 1.25 1.88 2.2 2.46.94.59 2.04.88 3.26.88s2.32-.3 3.27-.88zm17.73-25.08h.01l-.01-.01v.01zm0 0h-5.3v29.96h19.75v-4.82H147.9V17.01zm30.87 8.73c1.11.66 2.02 1.54 2.73 2.63v-3.31h4.96v21.92h-4.96v-3.31c-.71 1.09-1.62 1.98-2.73 2.63-1.36.8-2.95 1.2-4.76 1.2-1.94.0-3.68-.49-5.22-1.47s-2.75-2.34-3.62-4.09-1.3-3.72-1.3-5.92.43-4.17 1.3-5.92 2.08-3.11 3.61-4.09 3.28-1.47 5.23-1.47c1.81.0 3.4.4 4.76 1.2zm-.29 16.36c.94-.59 1.67-1.41 2.2-2.46.53-1.05.79-2.26.79-3.63s-.26-2.58-.79-3.63c-.52-1.05-1.26-1.87-2.2-2.46s-2.05-.89-3.25-.89-2.27.3-3.21.89-1.67 1.41-2.19 2.46-.78 2.26-.78 3.63.26 2.58.78 3.64 1.25 1.88 2.19 2.46c.94.59 1.99.88 3.21.88s2.31-.3 3.25-.89zm24.72-17.56c1.57.0 2.95.34 4.13 1.03l.01.03c1.18.68 2.11 1.68 2.76 2.97.65 1.29.98 2.84.98 4.64v13.78h-5.03V33.98c0-1.06-.18-1.96-.54-2.7-.36-.74-.87-1.31-1.54-1.7s-1.47-.59-2.4-.59c-.99.0-1.88.22-2.65.67-.77.45-1.37 1.07-1.79 1.88-.42.81-.63 1.72-.63 2.75v12.69h-5.05V25.06h4.9v3.21c.63-1.06 1.44-1.92 2.45-2.55 1.25-.79 2.72-1.18 4.4-1.18zm29.04 3.79v-11.3h5.05v29.96h-5.05v-3.28c-.71 1.07-1.61 1.94-2.71 2.59-1.36.8-2.95 1.2-4.76 1.2-1.94.0-3.68-.49-5.22-1.47s-2.75-2.34-3.62-4.09-1.31-3.72-1.31-5.92.44-4.17 1.31-5.92 2.08-3.11 3.61-4.09 3.27-1.47 5.23-1.47c1.81.0 3.4.4 4.76 1.2 1.1.64 2 1.52 2.71 2.59zm-3.01 13.77c.95-.59 1.68-1.41 2.21-2.46s.79-2.26.79-3.63-.26-2.58-.79-3.63c-.53-1.05-1.27-1.87-2.21-2.46s-2.05-.89-3.25-.89-2.27.3-3.21.89-1.67 1.41-2.19 2.46-.78 2.26-.78 3.63.26 2.58.78 3.64 1.25 1.88 2.19 2.46c.94.59 1.99.88 3.21.88s2.31-.3 3.25-.89zM87.7037 74.19c.17-.31.25-.66.25-1.05h.01v-9.15h3.1v9.37c0 .88-.2 1.67-.61 2.38s-.97 1.26-1.68 1.66c-.71.4-1.52.6-2.41.6h-2.37v-2.85h1.95c.4.0.75-.08 1.05-.25.31-.17.54-.4.71-.71zm15.2603-1.9h-6.5003v3.02h7.3803v2.7H93.4437V63.99h10.2003v2.71h-7.1803v2.97h6.5003v2.62zm6.16-5.52h-4.16v-2.78h11.39v2.78h-4.13V78h-3.1V66.77zm17.2 3.9c.29.08.56.18.81.31h.01c.57.31 1.02.73 1.34 1.28s.48 1.17.48 1.86c0 .75-.2 1.42-.61 2.01-.41.59-.98 1.05-1.72 1.38s-1.58.5-2.52.5h-6.35V63.99h6.23c.89.0 1.69.16 2.39.47s1.24.75 1.63 1.31c.39.56.58 1.2.58 1.91.0.62-.15 1.17-.44 1.65-.29.48-.7.86-1.21 1.12-.18.0945-.386.1532-.585.21l-.035.01zm-2.8-4.33h-2.75v3.45h2.75c.38.0.72-.08 1.01-.22.3-.14.52-.34.69-.61s.25-.59.25-.93-.09-.64-.25-.89c-.17-.26-.4-.45-.69-.59-.29-.14-.63-.21-1.01-.21zm1.24 9.1c.32-.15.57-.35.75-.62v.02c.18-.27.27-.57.27-.93.0-.36-.09-.68-.27-.96-.18-.28-.44-.5-.76-.65-.33-.15-.7-.23-1.11-.23h-2.87v3.59h2.87c.42.0.8-.07 1.12-.22zm16.56-4.67c-.43.67-1.03 1.2-1.81 1.57h-.01c-.14.07-.3.13-.46.19l3.2 5.48h-3.54l-2.84-5.11h-2.02v5.11h-3.1V63.99h6.14c1.01.0 1.9.18 2.67.55.77.37 1.36.89 1.78 1.56s.63 1.43.63 2.32c0 .89-.21 1.68-.64 2.35zm-3.56-.61c.32-.16.57-.39.74-.68v.01c.17-.29.26-.63.26-1.03s-.09-.74-.26-1.03-.42-.51-.74-.67c-.32-.15-.7-.23-1.13-.23h-2.79v3.87h2.79c.43.0.81-.08 1.13-.24zm5.51 7.85 5.01-14.02h3.36l5.12 14.02h-3.09l-1.06-3.09h-5.2l-.99 3.09h-3.15zm6.46-10.39-1.61 4.95h3.71l-1.72-4.95-.19-.9-.19.9zm11.43 10.39h-3.2V63.99h3.2v14.02zm5.44-14.02 6.02 9.48h.01v-9.48h2.83v14.02h-3.05l-6-9.48v9.48h-2.83V63.99h3.02zm17.78 5.66c.71.13 1.33.4 1.88.79v-.02c.55.4.97.88 1.28 1.47s.46 1.23.46 1.92c0 .85-.23 1.61-.68 2.28-.45.67-1.08 1.2-1.88 1.58-.81.38-1.74.57-2.77.57s-1.95-.19-2.75-.56-1.43-.9-1.89-1.56c-.46-.66-.7-1.44-.71-2.31h3.1c0 .36.1.68.29.96.19.28.46.49.81.64s.75.23 1.18.23.8-.07 1.12-.2c.32-.13.56-.32.74-.57s.27-.53.27-.84c0-.39-.12-.71-.36-.97s-.57-.44-.98-.54l-2.52-.52c-.66-.14-1.24-.39-1.74-.75s-.89-.82-1.16-1.36c-.27-.55-.41-1.16-.41-1.83.0-.84.22-1.58.64-2.23.43-.65 1.02-1.16 1.78-1.53.76-.37 1.62-.55 2.6-.55s1.86.18 2.62.53c.76.35 1.36.84 1.79 1.47.43.62.66 1.35.68 2.16h-3.1c0-.3-.09-.57-.25-.81-.17-.24-.4-.42-.69-.55-.29-.14-.64-.2-1.02-.2s-.72.07-1.01.19-.52.3-.68.52c-.16.23-.24.49-.24.79.0.34.11.61.33.84s.52.38.89.47l2.38.49zm14.38 8.36h-3.2V63.99h3.2v14.02zm7.88-14.02c1.33.0 2.53.31 3.59.91 1.06.61 1.9 1.44 2.5 2.51.61 1.06.91 2.27.91 3.59.0 1.32-.31 2.52-.91 3.59-.6 1.07-1.43 1.9-2.5 2.51s-2.26.91-3.59.91h-5.47V63.99h5.47zm2.01 10.86c.58-.35 1.03-.85 1.34-1.5v-.01c.31-.65.47-1.44.47-2.35s-.16-1.7-.47-2.35c-.31-.65-.76-1.15-1.34-1.5s-1.26-.52-2.05-.52h-2.32v8.75h2.32c.79.0 1.47-.17 2.05-.52zm9.8-2.56v3.02h7.38v2.7h-10.4V63.99h10.2v2.71h-7.18v2.97h6.5v2.62h-6.5z" clip-rule="evenodd"/><path fill="#00d886" d="m48.0521 58.1839 11.8755-.0017c2.2493.0 4.0722-1.8234 4.0722-4.0727V42.6029c0-1.1887-.5196-2.3186-1.422-3.0924L24.4164 6.80068c-.7384-.63244-1.6786-.98037-2.6508-.98037H9.89011c-2.24931.0-4.07273 1.82342-4.07273 4.07273V21.4014c0 1.1887.51957 2.3185 1.42197 3.0924L45.4002 57.203c.7383.633 1.6786.9804 2.6514.9804l5e-4 5e-4z"/><path fill="url(#a)" d="M49.4806 58.1818h10.4465c2.2493.0 4.0728-1.8234 4.0728-4.0727V41.0164c0-.1925-.014-.3851-.0408-.576L58.6815 3.49673C58.3952 1.49062 56.6765.0 54.65.0H38.977c-2.2499.0-4.0733 1.824-4.0727 4.07389l.0047 18.53851c0 .4375.0704.8721.2088 1.2869l10.4995 31.4979c.5545 1.6629 2.1109 2.7846 3.8639 2.7846h-6e-4z"/><path fill="url(#b)" d="M4.07273 64H38.041c1.6291.0 3.1017-.9711 3.7434-2.4681l16.0681-37.4906c.217-.5068.3293-1.0531.3293-1.6046V4.07273C58.1818 1.82342 56.3584.0 54.1091.0h-17.966c-.8046.0-1.5912.238545-2.2609.685382L1.81353 22.0881C.681309 22.8439.001745 24.1146.001745 25.4755L0 59.9273C0 62.1766 1.82342 64 4.07273 64z"/><path fill="#000" d="M52 12H12v40h40V12z"/><path fill="#fff" d="M19.764 31.6245c1.174.6765 2.4847 1.0155 3.9318 1.0155 1.3899.0 2.6427-.3095 3.7589-.9293 1.1231-.6197 2.005-1.4651 2.6461-2.5384.6481-1.0798.9721-2.2857.9721-3.6183v-1.1879h-6.405v2.3221h3.516c-.0722.5605-.2761 1.0718-.6106 1.5339-.3958.5468-.9322.9762-1.6092 1.2852-.6701.3096-1.4188.4646-2.2469.4646-.8928.0-1.6988-.2227-2.4193-.6695-.7204-.4467-1.2857-1.0583-1.6959-1.836-.4034-.784-.6047-1.667-.6047-2.6461.0-.979.2013-1.858.6047-2.6357.4108-.7846.9761-1.4003 1.6959-1.847.7199-.4467 1.5265-.6695 2.4193-.6695.6053.0 1.1706.0972 1.696.2916.526.1875.9831.4577 1.372.8101.3958.3455.7094.7563.9397 1.2314h3.1542c-.2737-.9866-.7529-1.8575-1.4368-2.6137-.677-.7563-1.5126-1.3436-2.5061-1.7608-.9866-.4172-2.0669-.6267-3.2404-.6267-1.4477.0-2.7583.3414-3.9318 1.0259-1.1741.6765-2.0959 1.6133-2.7653 2.8082-.6695 1.1879-1.0046 2.5165-1.0046 3.9856.0 1.4692.3351 2.8018 1.0046 3.9967.67 1.1879 1.5918 2.1236 2.7653 2.8081z"/><path fill="#fff" fill-rule="evenodd" d="M36.1829 31.6245c1.181.6765 2.4951 1.0155 3.9422 1.0155 1.4541.0 2.7688-.339 3.9423-1.0155 1.181-.6845 2.1062-1.6202 2.7757-2.8081.6695-1.1949 1.0045-2.5275 1.0045-3.9967.0-1.4691-.335-2.7977-1.0045-3.9856-.6695-1.1949-1.5947-2.1317-2.7757-2.8082C42.8939 17.3414 41.5723 17 40.1251 17c-1.4471.0-2.7612.3414-3.9422 1.0259-1.1735.6765-2.0988 1.6133-2.7758 2.8082-.6695 1.1879-1.0045 2.5165-1.0045 3.9856.0 1.4692.335 2.8018 1.0045 3.9967.6765 1.1879 1.6023 2.1236 2.7758 2.8081zm6.3621-2.2463c-.7129.4468-1.516.6695-2.4089.6695-.8928.0-1.6994-.2227-2.4193-.6695-.7128-.4536-1.2747-1.0756-1.685-1.8684-.4033-.7991-.6046-1.696-.6046-2.6895.0-.9935.2013-1.8858.6046-2.6785.4103-.7991.9722-1.4217 1.685-1.8684.7199-.4537 1.5265-.6805 2.4193-.6805.8929.0 1.696.2268 2.4089.6805.7129.4467 1.2707 1.0693 1.674 1.8684.4033.7921.6047 1.685.6047 2.6785s-.2014 1.8904-.6047 2.6895c-.4033.7922-.9611 1.4148-1.674 1.8684z" clip-rule="evenodd"/><path fill="#fff" d="M16.9941 44h16v3h-16v-3z"/></svg></a></div></div></div></section></div></div><div class="f7 gray mb5 mb0-ns ph3 w-100"> <p class="dib mr4">The Hugo logos are copyright © Steve Francia 2013–2024.</p><p class=dib>The Hugo Gopher is based on an original work by Renée French.</p></div><img src=/images/gopher-side_color.svg alt class="absolute-l bottom-0 dn db-l h4 right-0 z-999"><div class="bg-primary-color-dark bottom-0 left-0 right-0 dn-l fixed pb3 ph3 pt3 w-100 z-2"><div class="globalmenu mobilemenu pb3 dn"><ul class="list hidden dib ph0 scrolling-touch tc"><li class="tl dib ma0 hover-bg-black w-100"><a href=https://gohugo.io/news/ class="ttu f6 link primary-color-light overflow hover-white db brand-font ma0 w-100 pv3 ph4">News</a></li><li class="tl dib ma0 hover-bg-black w-100"><a href=https://gohugo.io/documentation/ class="ttu f6 link primary-color-light overflow hover-white db brand-font ma0 w-100 pv3 ph4">Docs</a></li><li class="tl dib ma0 hover-bg-black w-100"><a href=https://themes.gohugo.io/ class="ttu f6 link primary-color-light overflow hover-white db brand-font ma0 w-100 pv3 ph4">Themes</a></li><li class="tl dib ma0 hover-bg-black w-100"><a href=https://discourse.gohugo.io/ class="ttu f6 link primary-color-light overflow hover-white db brand-font ma0 w-100 pv3 ph4">Community</a></li><li class="tl dib ma0 hover-bg-black w-100"><a href=https://github.com/gohugoio/hugo class="ttu f6 link primary-color-light overflow hover-white db brand-font ma0 w-100 pv3 ph4">GitHub</a></li></ul></div><div class="docsmenu mobilemenu pb3 dn"><nav role=navigation class="pt2 pl2 pl4-l"><h3 class=white>Tags</h3><ul class="list pa0 nl2"><li class="f6 f5-l w-100 hover-bg-light-gray hover-accent-color-light fw8"><a href=/ class="dib w-100 link primary-color hover-accent-color-light pl2 pl3-l pr2 pv2">All</a></li><li class="f6 f5-l w-100 hover-bg-light-gray hover-accent-color-light fw8"><a href=/tags/responsive/ class="dib w-100 link hover-accent-color-light pl2 pl3-l pr2 pv1 primary-color">Responsive <span class="badge f6 light-silver">(182)</span></a></li><li class="f6 f5-l w-100 hover-bg-light-gray hover-accent-color-light fw8"><a href=/tags/blog/ class="dib w-100 link hover-accent-color-light pl2 pl3-l pr2 pv1 primary-color">Blog <span class="badge f6 light-silver">(178)</span></a></li><li class="f6 f5-l w-100 hover-bg-light-gray hover-accent-color-light fw8"><a href=/tags/minimal/ class="dib w-100 link hover-accent-color-light pl2 pl3-l pr2 pv1 primary-color">Minimal <span class="badge f6 light-silver">(129)</span></a></li><li class="f6 f5-l w-100 hover-bg-light-gray hover-accent-color-light fw8"><a href=/tags/light/ class="dib w-100 link hover-accent-color-light pl2 pl3-l pr2 pv1 primary-color">Light <span class="badge f6 light-silver">(92)</span></a></li><li class="f6 f5-l w-100 hover-bg-light-gray hover-accent-color-light fw8"><a href=/tags/dark/ class="dib w-100 link hover-accent-color-light pl2 pl3-l pr2 pv1 primary-color">Dark <span class="badge f6 light-silver">(87)</span></a></li><li class="f6 f5-l w-100 hover-bg-light-gray hover-accent-color-light fw8"><a href=/tags/personal/ class="dib w-100 link hover-accent-color-light pl2 pl3-l pr2 pv1 primary-color">Personal <span class="badge f6 light-silver">(84)</span></a></li><li class="f6 f5-l w-100 hover-bg-light-gray hover-accent-color-light fw8"><a href=/tags/multilingual/ class="dib w-100 link hover-accent-color-light pl2 pl3-l pr2 pv1 primary-color">Multilingual <span class="badge f6 light-silver">(49)</span></a></li><li class="f6 f5-l w-100 hover-bg-light-gray hover-accent-color-light fw8"><a href=/tags/dark%20mode/ class="dib w-100 link hover-accent-color-light pl2 pl3-l pr2 pv1 primary-color">Dark mode <span class="badge f6 light-silver">(35)</span></a></li><li class="f6 f5-l w-100 hover-bg-light-gray hover-accent-color-light fw8"><a href=/tags/portfolio/ class="dib w-100 link hover-accent-color-light pl2 pl3-l pr2 pv1 primary-color">Portfolio <span class="badge f6 light-silver">(34)</span></a></li><li class="f6 f5-l w-100 hover-bg-light-gray hover-accent-color-light fw8"><a href=/tags/landing/ class="dib w-100 link hover-accent-color-light pl2 pl3-l pr2 pv1 primary-color">Landing <span class="badge f6 light-silver">(32)</span></a></li><li class="f6 f5-l w-100 hover-bg-light-gray hover-accent-color-light fw8"><a href=/tags/bootstrap/ class="dib w-100 link hover-accent-color-light pl2 pl3-l pr2 pv1 primary-color">Bootstrap <span class="badge f6 light-silver">(30)</span></a></li><li class="f6 f5-l w-100 hover-bg-light-gray hover-accent-color-light fw8"><a href=/tags/docs/ class="dib w-100 link hover-accent-color-light pl2 pl3-l pr2 pv1 primary-color">Docs <span class="badge f6 light-silver">(27)</span></a></li><li class="f6 f5-l w-100 hover-bg-light-gray hover-accent-color-light fw8"><a href=/tags/company/ class="dib w-100 link hover-accent-color-light pl2 pl3-l pr2 pv1 primary-color">Company <span class="badge f6 light-silver">(23)</span></a></li><li class="f6 f5-l w-100 hover-bg-light-gray hover-accent-color-light fw8"><a href=/tags/gallery/ class="dib w-100 link hover-accent-color-light pl2 pl3-l pr2 pv1 primary-color">Gallery <span class="badge f6 light-silver">(18)</span></a></li><li class="f6 f5-l w-100 hover-bg-light-gray hover-accent-color-light fw8"><a href=/tags/contact/ class="dib w-100 link hover-accent-color-light pl2 pl3-l pr2 pv1 primary-color">Contact <span class="badge f6 light-silver">(9)</span></a></li><li class="f6 f5-l w-100 hover-bg-light-gray hover-accent-color-light fw8"><a href=/tags/archive/ class="dib w-100 link hover-accent-color-light pl2 pl3-l pr2 pv1 primary-color">Archive <span class="badge f6 light-silver">(7)</span></a></li></ul></nav></div><div class="flex dn-l"><button class="js-toggle flex-auto ml2 dib dn-l f6 tc db mt4-ns ph3 pv2 link white bg-primary-color-dark hover-bg-primary-color ba b--white-40 w-auto" data-target=.globalmenu>Menu</button> <button class="js-toggle flex-auto ml2 dib dn-l f6 tc db mt4-ns ph3 pv2 link white bg-primary-color-dark hover-bg-primary-color ba b--white-40 w-auto" data-target=.docsmenu>Tags</button></div></div></footer></body></html>