This commit is contained in:
McShelby 2023-11-25 21:58:58 +00:00
parent 5c17a7d943
commit 24dd71fb62
258 changed files with 6586 additions and 6586 deletions
basics/customization

View file

@ -23,21 +23,21 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/customization/index.html" rel="alternate" hreflang="pir">
<link href="../../basics/customization/index.xml" rel="alternate" type="application/rss+xml" title="Customization :: Hugo Relearn Theme">
<link href="../../basics/customization/index.print.html" rel="alternate" type="text/html" title="Customization :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1700919695" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1700949530" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../css/fontawesome-all.min.css?1700919695" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700919695" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700919695" rel="stylesheet">
<link href="../../css/auto-complete.css?1700919695" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700919695" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700919695" rel="stylesheet">
<link href="../../css/fonts.css?1700919695" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700919695" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700919695" rel="stylesheet">
<link href="../../css/chroma-relearn-auto.css?1700919695" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/theme-relearn-auto.css?1700919695" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700919695" rel="stylesheet">
<link href="../../css/print.css?1700919695" rel="stylesheet" media="print">
<link href="../../css/ie.css?1700919695" rel="stylesheet">
<script src="../../js/url.js?1700919695"></script>
<script src="../../js/variant.js?1700919695"></script>
<link href="../../css/fontawesome-all.min.css?1700949530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700949530" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700949530" rel="stylesheet">
<link href="../../css/auto-complete.css?1700949530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700949530" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700949530" rel="stylesheet">
<link href="../../css/fonts.css?1700949530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700949530" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700949530" rel="stylesheet">
<link href="../../css/chroma-relearn-auto.css?1700949530" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/theme-relearn-auto.css?1700949530" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700949530" rel="stylesheet">
<link href="../../css/print.css?1700949530" rel="stylesheet" media="print">
<link href="../../css/ie.css?1700949530" rel="stylesheet">
<script src="../../js/url.js?1700949530"></script>
<script src="../../js/variant.js?1700949530"></script>
<script>
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -177,8 +177,8 @@
<p>You can add a dedicated search page for your page by adding the <code>SEARCHPAGE</code> outputformat to your home page by adding the following lines in your <code>config.toml</code> file. This will cause Hugo to generate a new file <code>http://example.com/mysite/search.html</code>.</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">&#34;HTML&#34;</span><span class="p">,</span> <span class="s2">&#34;RSS&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCH&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCHPAGE&#34;</span><span class="p">]</span></span></span></code></pre></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-44795fd11367b4e2d6f1d5ee56693d23" class="lightbox-link"><img src="../../basics/customization/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-44795fd11367b4e2d6f1d5ee56693d23"><img src="../../basics/customization/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-9679d8ea9646bdce024446d08331c02c" class="lightbox-link"><img src="../../basics/customization/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-9679d8ea9646bdce024446d08331c02c"><img src="../../basics/customization/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<div class="box notices cstyle note">
<div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div>
@ -219,8 +219,8 @@ appearance, you will have to configure the <code>landingPageName</code> for the
</span></span><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Arrr! Homme&#34;</span>
</span></span><span class="line"><span class="cl"><span class="p">...</span></span></span></code></pre></div><p>If this option is not configured for a specific language, they will get their default values:</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Home&#34;</span></span></span></code></pre></div><p>The home button is going to look like this:</p>
<p><a href="#R-image-1f30e487af6b842af6703a0dfe557cd6" class="lightbox-link"><img src="../../basics/customization/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-1f30e487af6b842af6703a0dfe557cd6"><img src="../../basics/customization/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-442c7cdd1a37f6b4440dbb9275ca2d96" class="lightbox-link"><img src="../../basics/customization/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-442c7cdd1a37f6b4440dbb9275ca2d96"><img src="../../basics/customization/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></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" target="_blank">Open Graph</a> protocol and <a href="https://gohugo.io/templates/internal/#twitter-cards" target="_blank">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>
@ -400,12 +400,12 @@ appearance, you will have to configure the <code>landingPageName</code> for the
<script>
var contentLangs=['en'];
</script>
<script src="../../js/auto-complete.js?1700919696" defer></script>
<script src="../../js/lunr/lunr.min.js?1700919696" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700919696" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1700919696" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1700919696" defer></script>
<script src="../../js/search.js?1700919696" defer></script>
<script src="../../js/auto-complete.js?1700949531" defer></script>
<script src="../../js/lunr/lunr.min.js?1700949531" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1700949531" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1700949531" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1700949531" defer></script>
<script src="../../js/search.js?1700949531" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -564,13 +564,13 @@ appearance, you will have to configure the <code>landingPageName</code> for the
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="../../js/github-buttons.js?1700919696"></script>
<script async src="../../js/github-buttons.js?1700949531"></script>
</div>
</div>
</div>
</aside>
<script src="../../js/clipboard.min.js?1700919696" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700919696" defer></script>
<script src="../../js/theme.js?1700919696" defer></script>
<script src="../../js/clipboard.min.js?1700949531" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700949531" defer></script>
<script src="../../js/theme.js?1700949531" defer></script>
</body>
</html>

View file

@ -23,22 +23,22 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/customization/index.html" rel="alternate" hreflang="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="../../basics/customization/index.xml" rel="alternate" type="application/rss+xml" title="Customization :: Hugo Relearn Theme">
<link href="../../images/logo.svg?1700919695" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1700949530" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../css/fontawesome-all.min.css?1700919696" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700919696" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700919696" rel="stylesheet">
<link href="../../css/auto-complete.css?1700919696" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700919696" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700919696" rel="stylesheet">
<link href="../../css/fonts.css?1700919696" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700919696" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700919696" rel="stylesheet">
<link href="../../css/chroma-relearn-auto.css?1700919696" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/theme-relearn-auto.css?1700919696" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700919696" rel="stylesheet">
<link href="../../css/print.css?1700919696" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1700919696" rel="stylesheet">
<link href="../../css/ie.css?1700919696" rel="stylesheet">
<script src="../../js/url.js?1700919696"></script>
<script src="../../js/variant.js?1700919696"></script>
<link href="../../css/fontawesome-all.min.css?1700949531" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1700949531" rel="stylesheet"></noscript>
<link href="../../css/nucleus.css?1700949531" rel="stylesheet">
<link href="../../css/auto-complete.css?1700949531" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1700949531" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1700949531" rel="stylesheet">
<link href="../../css/fonts.css?1700949531" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1700949531" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1700949531" rel="stylesheet">
<link href="../../css/chroma-relearn-auto.css?1700949531" rel="stylesheet" id="R-variant-chroma-style">
<link href="../../css/theme-relearn-auto.css?1700949531" rel="stylesheet" id="R-variant-style">
<link href="../../css/variant.css?1700949531" rel="stylesheet">
<link href="../../css/print.css?1700949531" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1700949531" rel="stylesheet">
<link href="../../css/ie.css?1700949531" rel="stylesheet">
<script src="../../js/url.js?1700949531"></script>
<script src="../../js/variant.js?1700949531"></script>
<script>
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -119,8 +119,8 @@
<p>You can add a dedicated search page for your page by adding the <code>SEARCHPAGE</code> outputformat to your home page by adding the following lines in your <code>config.toml</code> file. This will cause Hugo to generate a new file <code>http://example.com/mysite/search.html</code>.</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
</span></span><span class="line"><span class="cl"> <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">&#34;HTML&#34;</span><span class="p">,</span> <span class="s2">&#34;RSS&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCH&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCHPAGE&#34;</span><span class="p">]</span></span></span></code></pre></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-44795fd11367b4e2d6f1d5ee56693d23" class="lightbox-link"><img src="../../basics/customization/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-44795fd11367b4e2d6f1d5ee56693d23"><img src="../../basics/customization/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-9679d8ea9646bdce024446d08331c02c" class="lightbox-link"><img src="../../basics/customization/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-9679d8ea9646bdce024446d08331c02c"><img src="../../basics/customization/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<div class="box notices cstyle note">
<div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div>
@ -161,8 +161,8 @@ appearance, you will have to configure the <code>landingPageName</code> for the
</span></span><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Arrr! Homme&#34;</span>
</span></span><span class="line"><span class="cl"><span class="p">...</span></span></span></code></pre></div><p>If this option is not configured for a specific language, they will get their default values:</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Home&#34;</span></span></span></code></pre></div><p>The home button is going to look like this:</p>
<p><a href="#R-image-1f30e487af6b842af6703a0dfe557cd6" class="lightbox-link"><img src="../../basics/customization/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-1f30e487af6b842af6703a0dfe557cd6"><img src="../../basics/customization/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-442c7cdd1a37f6b4440dbb9275ca2d96" class="lightbox-link"><img src="../../basics/customization/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-442c7cdd1a37f6b4440dbb9275ca2d96"><img src="../../basics/customization/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></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" target="_blank">Open Graph</a> protocol and <a href="https://gohugo.io/templates/internal/#twitter-cards" target="_blank">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>
@ -261,8 +261,8 @@ appearance, you will have to configure the <code>landingPageName</code> for the
</div>
</main>
</div>
<script src="../../js/clipboard.min.js?1700919696" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700919696" defer></script>
<script src="../../js/theme.js?1700919696" defer></script>
<script src="../../js/clipboard.min.js?1700949531" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1700949531" defer></script>
<script src="../../js/theme.js?1700949531" defer></script>
</body>
</html>