This commit is contained in:
McShelby 2022-05-29 21:00:53 +00:00
parent 3fc5d08df3
commit aa7da12549
317 changed files with 8879 additions and 7281 deletions
basics/customization

View file

@ -10,18 +10,18 @@
<title>Customization :: Hugo Relearn Theme</title>
<link rel="canonical" type="text/html" href="/hugo-theme-relearn/basics/customization/" title="Hugo Relearn Theme" />
<link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/basics/customization/index.xml" title="Hugo Relearn Theme" />
<link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1653811476" type="image/svg+xml">
<link href="/hugo-theme-relearn/css/nucleus.css?1653811476" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1653811476" rel="stylesheet">
<link href="/hugo-theme-relearn/css/featherlight.min.css?1653811476" rel="stylesheet">
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1653811476" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1653811476" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme.css?1653811476" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-light.css?1653811476" rel="stylesheet" id="variant-style">
<link href="/hugo-theme-relearn/css/ie.css?1653811476" rel="stylesheet">
<link href="/hugo-theme-relearn/css/variant.css?1653811476" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1653811476" rel="stylesheet">
<script src="/hugo-theme-relearn/js/variant.js?1653811476"></script>
<link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1653858048" type="image/svg+xml">
<link href="/hugo-theme-relearn/css/nucleus.css?1653858048" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1653858048" rel="stylesheet">
<link href="/hugo-theme-relearn/css/featherlight.min.css?1653858048" rel="stylesheet">
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1653858048" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1653858048" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme.css?1653858048" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-light.css?1653858048" rel="stylesheet" id="variant-style">
<link href="/hugo-theme-relearn/css/ie.css?1653858048" rel="stylesheet">
<link href="/hugo-theme-relearn/css/variant.css?1653858048" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1653858048" rel="stylesheet">
<script src="/hugo-theme-relearn/js/variant.js?1653858048"></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
@ -37,7 +37,7 @@
var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
</script>
<script src="/hugo-theme-relearn/js/jquery.min.js?1653811476"></script>
<script src="/hugo-theme-relearn/js/jquery.min.js?1653858048"></script>
</head>
<body class="mobile-support print" data-url="/hugo-theme-relearn/basics/customization/">
<div id="body" class="default-animation">
@ -124,8 +124,8 @@
<p>Create a new file in <code>layouts/partials/</code> named <code>logo.html</code>. Then write any HTML you want.
You could use an <code>img</code> HTML tag and reference an image created under the <em>static</em> folder, or you could paste a SVG definition!</p>
<div class="box notices note">
<div class="box-label"><i class="fas fa-exclamation-circle fa-fw"></i> Note</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-content">
<p>The size of the logo will adapt automatically</p>
</div>
@ -149,8 +149,8 @@ You could use an <code>img</code> HTML tag and reference an image created under
</span></span><span class="line"><span class="cl"> <span class="c"># Change default color scheme with a variant one.</span>
</span></span><span class="line"><span class="cl"> <span class="nx">themeVariant</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">&#34;relearn-light&#34;</span><span class="p">,</span> <span class="s2">&#34;relearn-dark&#34;</span> <span class="p">]</span>
</span></span></code></pre></div>
<div class="box notices tip">
<div class="box-label"><i class="fas fa-lightbulb fa-fw"></i> Tip</div>
<div class="box notices cstyle tip">
<div class="box-label"><i class="fa-fw fas fa-lightbulb"></i> Tip</div>
<div class="box-content">
<p>If you want to switch the syntax highlightning theme together with your color variant, generate a syntax highlighting stylesheet and configure your installation <a href="https://gohugo.io/content-management/syntax-highlighting/">according to Hugo&rsquo;s documentation</a>, and <code>@import</code> this stylesheet in your color variant stylesheet. For an example, take a look into <code>theme-relearn-light.css</code> and <code>config.toml</code> of the exampleSite.</p>
</div>
@ -232,9 +232,9 @@ You could use an <code>img</code> HTML tag and reference an image created under
<input data-search-input id="search-by" type="search" placeholder="Search...">
<span data-search-clear=""><i class="fas fa-times"></i></span>
</div>
<script src="/hugo-theme-relearn/js/lunr.min.js?1653811476"></script>
<script src="/hugo-theme-relearn/js/auto-complete.js?1653811476"></script>
<script src="/hugo-theme-relearn/js/search.js?1653811476"></script>
<script src="/hugo-theme-relearn/js/lunr.min.js?1653858048"></script>
<script src="/hugo-theme-relearn/js/auto-complete.js?1653858048"></script>
<script src="/hugo-theme-relearn/js/search.js?1653858048"></script>
</div>
<div id="content-wrapper" class="highlightable">
<ul class="topics collapsible-menu">
@ -346,13 +346,13 @@ You could use an <code>img</code> HTML tag and reference an image created under
<a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
<a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
<p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
<script async defer src="/hugo-theme-relearn/js/buttons.js?1653811476"></script>
<script async defer src="/hugo-theme-relearn/js/buttons.js?1653858048"></script>
</div>
</div>
</aside>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1653811476"></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1653811476"></script>
<script src="/hugo-theme-relearn/js/featherlight.min.js?1653811476"></script>
<script src="/hugo-theme-relearn/js/theme.js?1653811476"></script>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1653858048"></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1653858048"></script>
<script src="/hugo-theme-relearn/js/featherlight.min.js?1653858048"></script>
<script src="/hugo-theme-relearn/js/theme.js?1653858048"></script>
</body>
</html>

View file

@ -10,18 +10,18 @@
<title>Customization :: Hugo Relearn Theme</title>
<link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/basics/customization/index.xml" title="Hugo Relearn Theme" />
<link rel="alternate" type="text/html" href="/hugo-theme-relearn/basics/customization/_print/" title="Hugo Relearn Theme" />
<link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1653811476" type="image/svg+xml">
<link href="/hugo-theme-relearn/css/nucleus.css?1653811476" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1653811476" rel="stylesheet">
<link href="/hugo-theme-relearn/css/featherlight.min.css?1653811476" rel="stylesheet">
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1653811476" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1653811476" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme.css?1653811476" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-light.css?1653811476" rel="stylesheet" id="variant-style">
<link href="/hugo-theme-relearn/css/ie.css?1653811476" rel="stylesheet">
<link href="/hugo-theme-relearn/css/variant.css?1653811476" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1653811476" rel="stylesheet" media="print">
<script src="/hugo-theme-relearn/js/variant.js?1653811476"></script>
<link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1653858047" type="image/svg+xml">
<link href="/hugo-theme-relearn/css/nucleus.css?1653858047" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1653858047" rel="stylesheet">
<link href="/hugo-theme-relearn/css/featherlight.min.css?1653858047" rel="stylesheet">
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1653858047" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1653858047" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme.css?1653858047" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-light.css?1653858047" rel="stylesheet" id="variant-style">
<link href="/hugo-theme-relearn/css/ie.css?1653858047" rel="stylesheet">
<link href="/hugo-theme-relearn/css/variant.css?1653858047" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1653858047" rel="stylesheet" media="print">
<script src="/hugo-theme-relearn/js/variant.js?1653858047"></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
@ -37,7 +37,7 @@
var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
</script>
<script src="/hugo-theme-relearn/js/jquery.min.js?1653811476"></script>
<script src="/hugo-theme-relearn/js/jquery.min.js?1653858047"></script>
</head>
<body class="mobile-support" data-url="/hugo-theme-relearn/basics/customization/">
<div id="body" class="default-animation">
@ -123,8 +123,8 @@
<p>Create a new file in <code>layouts/partials/</code> named <code>logo.html</code>. Then write any HTML you want.
You could use an <code>img</code> HTML tag and reference an image created under the <em>static</em> folder, or you could paste a SVG definition!</p>
<div class="box notices note">
<div class="box-label"><i class="fas fa-exclamation-circle fa-fw"></i> Note</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-content">
<p>The size of the logo will adapt automatically</p>
</div>
@ -148,8 +148,8 @@ You could use an <code>img</code> HTML tag and reference an image created under
</span></span><span class="line"><span class="cl"> <span class="c"># Change default color scheme with a variant one.</span>
</span></span><span class="line"><span class="cl"> <span class="nx">themeVariant</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">&#34;relearn-light&#34;</span><span class="p">,</span> <span class="s2">&#34;relearn-dark&#34;</span> <span class="p">]</span>
</span></span></code></pre></div>
<div class="box notices tip">
<div class="box-label"><i class="fas fa-lightbulb fa-fw"></i> Tip</div>
<div class="box notices cstyle tip">
<div class="box-label"><i class="fa-fw fas fa-lightbulb"></i> Tip</div>
<div class="box-content">
<p>If you want to switch the syntax highlightning theme together with your color variant, generate a syntax highlighting stylesheet and configure your installation <a href="https://gohugo.io/content-management/syntax-highlighting/">according to Hugo&rsquo;s documentation</a>, and <code>@import</code> this stylesheet in your color variant stylesheet. For an example, take a look into <code>theme-relearn-light.css</code> and <code>config.toml</code> of the exampleSite.</p>
</div>
@ -231,9 +231,9 @@ You could use an <code>img</code> HTML tag and reference an image created under
<input data-search-input id="search-by" type="search" placeholder="Search...">
<span data-search-clear=""><i class="fas fa-times"></i></span>
</div>
<script src="/hugo-theme-relearn/js/lunr.min.js?1653811476"></script>
<script src="/hugo-theme-relearn/js/auto-complete.js?1653811476"></script>
<script src="/hugo-theme-relearn/js/search.js?1653811476"></script>
<script src="/hugo-theme-relearn/js/lunr.min.js?1653858047"></script>
<script src="/hugo-theme-relearn/js/auto-complete.js?1653858047"></script>
<script src="/hugo-theme-relearn/js/search.js?1653858047"></script>
</div>
<div id="content-wrapper" class="highlightable">
<ul class="topics collapsible-menu">
@ -345,13 +345,13 @@ You could use an <code>img</code> HTML tag and reference an image created under
<a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
<a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
<p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
<script async defer src="/hugo-theme-relearn/js/buttons.js?1653811476"></script>
<script async defer src="/hugo-theme-relearn/js/buttons.js?1653858047"></script>
</div>
</div>
</aside>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1653811476"></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1653811476"></script>
<script src="/hugo-theme-relearn/js/featherlight.min.js?1653811476"></script>
<script src="/hugo-theme-relearn/js/theme.js?1653811476"></script>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1653858047"></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1653858047"></script>
<script src="/hugo-theme-relearn/js/featherlight.min.js?1653858047"></script>
<script src="/hugo-theme-relearn/js/theme.js?1653858047"></script>
</body>
</html>