nishiki/hugo-theme-relearn
1
0
Fork 0
mirror of https://github.com/McShelby/hugo-theme-relearn.git synced 2025-07-14 19:32:28 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

deploy: 0cb97716e0

Browse source
This commit is contained in:
McShelby 2024-09-01 11:58:33 +00:00
parent f969b2207f
commit b44a82b10a
273 changed files with 10252 additions and 8334 deletions
basics/customization
index.htmlindex.print.html

86
basics/customization/index.html
View file

@ -28,18 +28,18 @@
<link href="https://mcshelby.github.io/hugo-theme-relearn/pir/basics/customization/index.html" rel="alternate" hreflang="art-x-pir">
<link href="/hugo-theme-relearn/basics/customization/index.xml" rel="alternate" type="application/rss+xml" title="Customization :: Hugo Relearn Theme">
<link href="/hugo-theme-relearn/basics/customization/index.print.html" rel="alternate" type="text/html" title="Customization :: Hugo Relearn Theme">
<link href="/hugo-theme-relearn/images/logo.svg?1725050074" rel="icon" type="image/svg+xml">
<link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1725050074" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1725050074" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1725050074" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1725050074" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1725050074" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1725050074" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1725050074" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1725050074" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1725050074" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1725050074" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1725050074" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1725050074" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1725050074" rel="stylesheet" media="print">
<script src="/hugo-theme-relearn/js/variant.js?1725050074"></script>
<link href="/hugo-theme-relearn/images/logo.svg?1725191906" rel="icon" type="image/svg+xml">
<link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1725191906" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1725191906" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1725191906" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1725191906" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1725191906" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1725191906" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1725191906" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1725191906" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1725191906" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1725191906" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1725191906" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1725191906" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1725191906" rel="stylesheet" media="print">
<script src="/hugo-theme-relearn/js/variant.js?1725191906"></script>
<script>
window.relearn = window.relearn || {};
window.relearn.relBasePath='..\/..';
@ -47,7 +47,7 @@
window.relearn.absBaseUri='https:\/\/mcshelby.github.io\/hugo-theme-relearn';
window.relearn.disableAnchorCopy=false;
window.relearn.disableAnchorScrolling=false;
window.index_js_url="/hugo-theme-relearn/index.search.js?1725050074";
window.index_js_url="/hugo-theme-relearn/index.search.js?1725191906";
// variant stuff
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'retro-auto', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
@ -372,7 +372,9 @@
</div>
<div class="box notices cstyle warning">
<div class="box-label"><i class="fa-fw fas fa-exclamation-triangle"></i> Warning</div>
<div class="box-label">
<i class="fa-fw fas fa-exclamation-triangle"></i> Warning
</div>
<div class="box-content">
<p>Using a <code>baseURL</code> with a subdirectory and <code>relativeURLs=true</code> are mutually exclusive due to the fact, that <a href="https://github.com/gohugoio/hugo/issues/12130" rel="external" target="_self">Hugo does not apply the <code>baseURL</code> correctly</a>.</p>
@ -381,7 +383,9 @@
</div>
<div class="box notices cstyle note">
<div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div>
<div class="box-label">
<i class="fa-fw fas fa-exclamation-circle"></i> Note
</div>
<div class="box-content">
<p>Sublemental pages (like <code>sitemap.xml</code>, <code>rss.xml</code>) and generated social media links inside of your pages will always be generated with absolute URLs and will not work if you set <code>relativeURLs=true</code>.</p>
@ -389,7 +393,9 @@
</div>
<div class="box notices cstyle info">
<div class="box-label"><i class="fa-fw fas fa-info-circle"></i> Info</div>
<div class="box-label">
<i class="fa-fw fas fa-info-circle"></i> Info
</div>
<div class="box-content">
<p>If you are using <code>uglyURLs=false</code> (Hugo&rsquo;s default), the theme will append an additional <code>index.html</code> to all page links to make your site be servable from the file system. If you don&rsquo;t care about the file system and only serve your page via a web server you can generate the links without this:</p>
@ -581,11 +587,13 @@
</div>
</div>
<p>You can access this page by either clicking on the magnifier glass or by typing some search term and pressing <code>ENTER</code> inside of the menu&rsquo;s search box .</p>
<p><a href="#R-image-213a85648749e0fc57c2d646e318c141" class="lightbox-link"><img alt="Screenshot of the dedicated search page" class="bg-white border lazy lightbox noshadow figure-image" loading="lazy" src="/hugo-theme-relearn/basics/customization/search_page.png?&width=60pc" style=" height: auto; width: 60pc;"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-213a85648749e0fc57c2d646e318c141"><img alt="Screenshot of the dedicated search page" class="bg-white border lazy lightbox noshadow lightbox-image" loading="lazy" src="/hugo-theme-relearn/basics/customization/search_page.png?&width=60pc"></a></p>
<p><a href="#R-image-756b0495c09acd0b7743696f710c63b2" class="lightbox-link"><img alt="Screenshot of the dedicated search page" class="bg-white border lazy lightbox noshadow figure-image" loading="lazy" src="/hugo-theme-relearn/basics/customization/search_page.png?&width=60pc" style=" height: auto; width: 60pc;"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-756b0495c09acd0b7743696f710c63b2"><img alt="Screenshot of the dedicated search page" class="bg-white border lazy lightbox noshadow lightbox-image" loading="lazy" src="/hugo-theme-relearn/basics/customization/search_page.png?&width=60pc"></a></p>
<div class="box notices cstyle note">
<div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div>
<div class="box-label">
<i class="fa-fw fas fa-exclamation-circle"></i> Note
</div>
<div class="box-content">
<p>To have Hugo create the dedicated search page successfully, you must not generate the URL <code>http://example.com/mysite/search.html</code> from your own content. This can happen if you set <code>uglyURLs=true</code> in your <code>hugo.toml</code> and defining a Markdown file <code>content/search.md</code>.</p>
@ -682,7 +690,9 @@
<p>This will add a little printer icon in the top bar. It will switch the page to print preview when clicked. You can then send this page to the printer by using your browser&rsquo;s usual print functionality.</p>
<div class="box notices cstyle note">
<div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div>
<div class="box-label">
<i class="fa-fw fas fa-exclamation-circle"></i> Note
</div>
<div class="box-content">
<p>The resulting URL will not be <a href="https://gohugo.io/templates/output-formats/#configure-output-formats" rel="external" target="_self">configured ugly</a> in terms of <a href="https://gohugo.io/content-management/urls/#ugly-urls" rel="external" target="_self">Hugo&rsquo;s URL handling</a> even if you&rsquo;ve set <code>uglyURLs=true</code> in your <code>hugo.toml</code>. This is due to the fact that for one mime type only one suffix can be configured.</p>
@ -823,8 +833,8 @@ appearance, you will have to configure the <code>landingPageName</code> for the
</div>
</div>
<p>The home button is going to look like this:</p>
<p><a href="#R-image-9365ea5d1b4e71b0b4b5cbd1a8146141" class="lightbox-link"><img alt="Default Home Button" class="bg-white border lazy lightbox noshadow figure-image" loading="lazy" src="/hugo-theme-relearn/basics/customization/home_button_defaults.png?width=18.75rem" style=" height: auto; width: 18.75rem;"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-9365ea5d1b4e71b0b4b5cbd1a8146141"><img alt="Default Home Button" class="bg-white border lazy lightbox noshadow lightbox-image" loading="lazy" src="/hugo-theme-relearn/basics/customization/home_button_defaults.png?width=18.75rem"></a></p>
<p><a href="#R-image-8f3fe71efe922476e4cf04c7a85f893e" class="lightbox-link"><img alt="Default Home Button" class="bg-white border lazy lightbox noshadow figure-image" loading="lazy" src="/hugo-theme-relearn/basics/customization/home_button_defaults.png?width=18.75rem" style=" height: auto; width: 18.75rem;"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-8f3fe71efe922476e4cf04c7a85f893e"><img alt="Default Home Button" class="bg-white border lazy lightbox noshadow lightbox-image" loading="lazy" src="/hugo-theme-relearn/basics/customization/home_button_defaults.png?width=18.75rem"></a></p>
<h2 id="social-media-meta-tags">Social Media Meta Tags</h2>
<p>You can add social media meta tags for the <a href="https://gohugo.io/templates/internal/#open-graph" rel="external" target="_self">Open Graph</a> protocol and <a href="https://gohugo.io/templates/internal/#twitter-cards" rel="external" target="_self">Twitter Cards</a> to your site. These are configured as mentioned in the Hugo docs.</p>
<h2 id="change-the-menu-width">Change the Menu Width</h2>
@ -939,13 +949,13 @@ appearance, you will have to configure the <code>landingPageName</code> for the
<li>
<p>Write the shortcode file <code>layouts/shortcodes/myshortcode.html</code> and add the following line</p>
<div class="tab-panel" data-tab-group="653c244157b1f8a1ba0678b2b2ebcb18">
<div class="tab-panel" data-tab-group="4303a414c9ac32d283d1100da3f02433">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="layoutsshortcodesmyshortcodehtml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('653c244157b1f8a1ba0678b2b2ebcb18','layoutsshortcodesmyshortcodehtml')"
onclick="switchTab('4303a414c9ac32d283d1100da3f02433','layoutsshortcodesmyshortcodehtml')"
>
<span class="tab-nav-text">layouts/shortcodes/myshortcode.html</span>
</button>
@ -1038,13 +1048,13 @@ appearance, you will have to configure the <code>landingPageName</code> for the
<li><code>footer</code>: if called at the end of the HTML <code>body</code> element</li>
</ul>
<div class="tab-panel" data-tab-group="d2186e9b76172e4a98a8335a71049219">
<div class="tab-panel" data-tab-group="a08d80f6b912769005f350a59649cc76">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="layoutspartialsdependenciesmyshortcodehtml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('d2186e9b76172e4a98a8335a71049219','layoutspartialsdependenciesmyshortcodehtml')"
onclick="switchTab('a08d80f6b912769005f350a59649cc76','layoutspartialsdependenciesmyshortcodehtml')"
>
<span class="tab-nav-text">layouts/partials/dependencies/myshortcode.html</span>
</button>
@ -1070,7 +1080,9 @@ appearance, you will have to configure the <code>landingPageName</code> for the
<p>See the <code>math</code>, <code>mermaid</code> and <code>openapi</code> shortcodes for examples.</p>
<div class="box notices cstyle note">
<div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div>
<div class="box-label">
<i class="fa-fw fas fa-exclamation-circle"></i> Note
</div>
<div class="box-content">
<p>If you are really into customization of the theme and want to use the dependency loader for your own locations, you can do this by simply calling it from inside of your overriden partials</p>
@ -1184,12 +1196,12 @@ appearance, you will have to configure the <code>landingPageName</code> for the
<script>
var contentLangs=['en'];
</script>
<script src="/hugo-theme-relearn/js/auto-complete.js?1725050074" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.min.js?1725050074" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.stemmer.support.min.js?1725050074" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.multi.min.js?1725050074" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.en.min.js?1725050074" defer></script>
<script src="/hugo-theme-relearn/js/search.js?1725050074" defer></script>
<script src="/hugo-theme-relearn/js/auto-complete.js?1725191906" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.min.js?1725191906" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.stemmer.support.min.js?1725191906" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.multi.min.js?1725191906" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.en.min.js?1725191906" defer></script>
<script src="/hugo-theme-relearn/js/search.js?1725191906" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -1350,13 +1362,13 @@ appearance, you will have to configure the <code>landingPageName</code> for the
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="/hugo-theme-relearn/js/github-buttons.js?1725050074"></script>
<script async src="/hugo-theme-relearn/js/github-buttons.js?1725191906"></script>
</div>
</div>
</div>
</aside>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1725050074" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1725050074" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1725050074" defer></script>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1725191906" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1725191906" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1725191906" defer></script>
</body>
</html>

74
basics/customization/index.print.html
View file

@ -28,19 +28,19 @@
<link href="https://mcshelby.github.io/hugo-theme-relearn/pir/basics/customization/index.html" rel="alternate" hreflang="art-x-pir">
<link href="https://mcshelby.github.io/hugo-theme-relearn/basics/customization/index.html" rel="canonical" type="text/html" title="Customization :: Hugo Relearn Theme">
<link href="/hugo-theme-relearn/basics/customization/index.xml" rel="alternate" type="application/rss+xml" title="Customization :: Hugo Relearn Theme">
<link href="/hugo-theme-relearn/images/logo.svg?1725050074" rel="icon" type="image/svg+xml">
<link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1725050074" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1725050074" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1725050074" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1725050074" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1725050074" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1725050074" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1725050074" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1725050074" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1725050074" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1725050074" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1725050074" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1725050074" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1725050074" rel="stylesheet" media="print">
<link href="/hugo-theme-relearn/css/format-print.css?1725050074" rel="stylesheet">
<script src="/hugo-theme-relearn/js/variant.js?1725050074"></script>
<link href="/hugo-theme-relearn/images/logo.svg?1725191906" rel="icon" type="image/svg+xml">
<link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1725191906" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1725191906" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1725191906" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1725191906" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1725191906" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1725191906" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1725191906" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1725191906" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1725191906" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1725191906" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1725191906" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1725191906" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1725191906" rel="stylesheet" media="print">
<link href="/hugo-theme-relearn/css/format-print.css?1725191906" rel="stylesheet">
<script src="/hugo-theme-relearn/js/variant.js?1725191906"></script>
<script>
window.relearn = window.relearn || {};
window.relearn.relBasePath='..\/..';
@ -48,7 +48,7 @@
window.relearn.absBaseUri='https:\/\/mcshelby.github.io\/hugo-theme-relearn';
window.relearn.disableAnchorCopy=false;
window.relearn.disableAnchorScrolling=false;
window.index_js_url="/hugo-theme-relearn/index.search.js?1725050074";
window.index_js_url="/hugo-theme-relearn/index.search.js?1725191906";
// variant stuff
window.variants && variants.init( [ 'relearn-auto', 'relearn-light', 'relearn-dark', 'relearn-bright', 'zen-auto', 'zen-light', 'zen-dark', 'retro-auto', 'neon', 'learn', 'blue', 'green', 'red' ] );
// translations
@ -324,7 +324,9 @@
</div>
<div class="box notices cstyle warning">
<div class="box-label"><i class="fa-fw fas fa-exclamation-triangle"></i> Warning</div>
<div class="box-label">
<i class="fa-fw fas fa-exclamation-triangle"></i> Warning
</div>
<div class="box-content">
<p>Using a <code>baseURL</code> with a subdirectory and <code>relativeURLs=true</code> are mutually exclusive due to the fact, that <a href="https://github.com/gohugoio/hugo/issues/12130" rel="external" target="_self">Hugo does not apply the <code>baseURL</code> correctly</a>.</p>
@ -333,7 +335,9 @@
</div>
<div class="box notices cstyle note">
<div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div>
<div class="box-label">
<i class="fa-fw fas fa-exclamation-circle"></i> Note
</div>
<div class="box-content">
<p>Sublemental pages (like <code>sitemap.xml</code>, <code>rss.xml</code>) and generated social media links inside of your pages will always be generated with absolute URLs and will not work if you set <code>relativeURLs=true</code>.</p>
@ -341,7 +345,9 @@
</div>
<div class="box notices cstyle info">
<div class="box-label"><i class="fa-fw fas fa-info-circle"></i> Info</div>
<div class="box-label">
<i class="fa-fw fas fa-info-circle"></i> Info
</div>
<div class="box-content">
<p>If you are using <code>uglyURLs=false</code> (Hugo&rsquo;s default), the theme will append an additional <code>index.html</code> to all page links to make your site be servable from the file system. If you don&rsquo;t care about the file system and only serve your page via a web server you can generate the links without this:</p>
@ -533,11 +539,13 @@
</div>
</div>
<p>You can access this page by either clicking on the magnifier glass or by typing some search term and pressing <code>ENTER</code> inside of the menu&rsquo;s search box .</p>
<p><a href="#R-image-213a85648749e0fc57c2d646e318c141" class="lightbox-link"><img alt="Screenshot of the dedicated search page" class="bg-white border lazy lightbox noshadow figure-image" loading="lazy" src="/hugo-theme-relearn/basics/customization/search_page.png?&width=60pc" style=" height: auto; width: 60pc;"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-213a85648749e0fc57c2d646e318c141"><img alt="Screenshot of the dedicated search page" class="bg-white border lazy lightbox noshadow lightbox-image" loading="lazy" src="/hugo-theme-relearn/basics/customization/search_page.png?&width=60pc"></a></p>
<p><a href="#R-image-756b0495c09acd0b7743696f710c63b2" class="lightbox-link"><img alt="Screenshot of the dedicated search page" class="bg-white border lazy lightbox noshadow figure-image" loading="lazy" src="/hugo-theme-relearn/basics/customization/search_page.png?&width=60pc" style=" height: auto; width: 60pc;"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-756b0495c09acd0b7743696f710c63b2"><img alt="Screenshot of the dedicated search page" class="bg-white border lazy lightbox noshadow lightbox-image" loading="lazy" src="/hugo-theme-relearn/basics/customization/search_page.png?&width=60pc"></a></p>
<div class="box notices cstyle note">
<div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div>
<div class="box-label">
<i class="fa-fw fas fa-exclamation-circle"></i> Note
</div>
<div class="box-content">
<p>To have Hugo create the dedicated search page successfully, you must not generate the URL <code>http://example.com/mysite/search.html</code> from your own content. This can happen if you set <code>uglyURLs=true</code> in your <code>hugo.toml</code> and defining a Markdown file <code>content/search.md</code>.</p>
@ -634,7 +642,9 @@
<p>This will add a little printer icon in the top bar. It will switch the page to print preview when clicked. You can then send this page to the printer by using your browser&rsquo;s usual print functionality.</p>
<div class="box notices cstyle note">
<div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div>
<div class="box-label">
<i class="fa-fw fas fa-exclamation-circle"></i> Note
</div>
<div class="box-content">
<p>The resulting URL will not be <a href="https://gohugo.io/templates/output-formats/#configure-output-formats" rel="external" target="_self">configured ugly</a> in terms of <a href="https://gohugo.io/content-management/urls/#ugly-urls" rel="external" target="_self">Hugo&rsquo;s URL handling</a> even if you&rsquo;ve set <code>uglyURLs=true</code> in your <code>hugo.toml</code>. This is due to the fact that for one mime type only one suffix can be configured.</p>
@ -775,8 +785,8 @@ appearance, you will have to configure the <code>landingPageName</code> for the
</div>
</div>
<p>The home button is going to look like this:</p>
<p><a href="#R-image-9365ea5d1b4e71b0b4b5cbd1a8146141" class="lightbox-link"><img alt="Default Home Button" class="bg-white border lazy lightbox noshadow figure-image" loading="lazy" src="/hugo-theme-relearn/basics/customization/home_button_defaults.png?width=18.75rem" style=" height: auto; width: 18.75rem;"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-9365ea5d1b4e71b0b4b5cbd1a8146141"><img alt="Default Home Button" class="bg-white border lazy lightbox noshadow lightbox-image" loading="lazy" src="/hugo-theme-relearn/basics/customization/home_button_defaults.png?width=18.75rem"></a></p>
<p><a href="#R-image-8f3fe71efe922476e4cf04c7a85f893e" class="lightbox-link"><img alt="Default Home Button" class="bg-white border lazy lightbox noshadow figure-image" loading="lazy" src="/hugo-theme-relearn/basics/customization/home_button_defaults.png?width=18.75rem" style=" height: auto; width: 18.75rem;"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-8f3fe71efe922476e4cf04c7a85f893e"><img alt="Default Home Button" class="bg-white border lazy lightbox noshadow lightbox-image" loading="lazy" src="/hugo-theme-relearn/basics/customization/home_button_defaults.png?width=18.75rem"></a></p>
<h2 id="social-media-meta-tags">Social Media Meta Tags</h2>
<p>You can add social media meta tags for the <a href="https://gohugo.io/templates/internal/#open-graph" rel="external" target="_self">Open Graph</a> protocol and <a href="https://gohugo.io/templates/internal/#twitter-cards" rel="external" target="_self">Twitter Cards</a> to your site. These are configured as mentioned in the Hugo docs.</p>
<h2 id="change-the-menu-width">Change the Menu Width</h2>
@ -891,13 +901,13 @@ appearance, you will have to configure the <code>landingPageName</code> for the
<li>
<p>Write the shortcode file <code>layouts/shortcodes/myshortcode.html</code> and add the following line</p>
<div class="tab-panel" data-tab-group="653c244157b1f8a1ba0678b2b2ebcb18">
<div class="tab-panel" data-tab-group="4303a414c9ac32d283d1100da3f02433">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="layoutsshortcodesmyshortcodehtml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('653c244157b1f8a1ba0678b2b2ebcb18','layoutsshortcodesmyshortcodehtml')"
onclick="switchTab('4303a414c9ac32d283d1100da3f02433','layoutsshortcodesmyshortcodehtml')"
>
<span class="tab-nav-text">layouts/shortcodes/myshortcode.html</span>
</button>
@ -990,13 +1000,13 @@ appearance, you will have to configure the <code>landingPageName</code> for the
<li><code>footer</code>: if called at the end of the HTML <code>body</code> element</li>
</ul>
<div class="tab-panel" data-tab-group="d2186e9b76172e4a98a8335a71049219">
<div class="tab-panel" data-tab-group="a08d80f6b912769005f350a59649cc76">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="layoutspartialsdependenciesmyshortcodehtml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('d2186e9b76172e4a98a8335a71049219','layoutspartialsdependenciesmyshortcodehtml')"
onclick="switchTab('a08d80f6b912769005f350a59649cc76','layoutspartialsdependenciesmyshortcodehtml')"
>
<span class="tab-nav-text">layouts/partials/dependencies/myshortcode.html</span>
</button>
@ -1022,7 +1032,9 @@ appearance, you will have to configure the <code>landingPageName</code> for the
<p>See the <code>math</code>, <code>mermaid</code> and <code>openapi</code> shortcodes for examples.</p>
<div class="box notices cstyle note">
<div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div>
<div class="box-label">
<i class="fa-fw fas fa-exclamation-circle"></i> Note
</div>
<div class="box-content">
<p>If you are really into customization of the theme and want to use the dependency loader for your own locations, you can do this by simply calling it from inside of your overriden partials</p>
@ -1069,8 +1081,8 @@ appearance, you will have to configure the <code>landingPageName</code> for the
</div>
</main>
</div>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1725050074" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1725050074" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1725050074" defer></script>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1725191906" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1725191906" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1725191906" defer></script>
</body>
</html>