This is how to create multiple index pages in Hugo

I wanted to order Hackbook in reverse (i.e. oldest to newest) so that it’s easier for the reader to start at the correct page.

-

I ran into the following problem - the default list.html does them from newest to oldest.

-

So I found this forum post and I created a file in the _default directory as follows:

+

I ran into the following problem - the default list.html does them from newest to oldest.

+

So I found this forum post and I created a file in the _default directory as follows:

layouts
 |----**_default**
 |-------**hackbook**
@@ -59,13 +59,13 @@ Table Of Contents:

If you want to display the date on the left of the titles, you have to add datesinlist=true in your config.toml or datesinlist: true in your config.yaml

-

You probably don’t need enableGitInfo = true as that will crash your website, I have no idea what it does, you don’t need it.

+

If you want to display the date on the left of the titles, you have to add datesinlist=true in your config.toml or datesinlist: true in your config.yaml

+

You probably don’t need enableGitInfo = true as that will crash your website, I have no idea what it does, you don’t need it.

Using your custom _index.html

After creating your custom _index.html you’d use it as follows:

  1. Create an _index.md file in your desired directory
    2. -
  2. Add layout: "hackbook/order-by-oldest" to your preamble (if you named your folder and or file something else, you have to change it here)
    3. +
  3. Add layout: "hackbook/order-by-oldest" to your preamble (if you named your folder and or file something else, you have to change it here)
Picture of the layout in the preamble
diff --git a/new-site/public/categories/index.xml b/new-site/public/categories/index.xml index 422ef5be..ae86c757 100644 --- a/new-site/public/categories/index.xml +++ b/new-site/public/categories/index.xml @@ -3010,8 +3010,8 @@ List of Works Cited</p> https://vodoraslo.xyz/blog/multiple-index-pages-in-hugo/ <h2 id="this-is-how-to-create-multiple-index-pages-in-hugo">This is how to create multiple index pages in Hugo</h2> <p>I wanted to order <a href="https://vodoraslo.xyz/library/hackbook">Hackbook</a> in reverse (i.e. oldest to newest) so that it&rsquo;s easier for the reader to start at the correct page.</p> -<p>I ran into the following problem - the default <strong><code>list.html</code></strong> does them from newest to oldest.</p> -<p>So I found <a href="https://discourse.gohugo.io/t/two-home-pages/31312/9">this forum post</a> and I created a file in the <strong><code>_default</code></strong> directory as follows:</p> +<p>I ran into the following problem - the default <code>list.html</code> does them from newest to oldest.</p> +<p>So I found <a href="https://discourse.gohugo.io/t/two-home-pages/31312/9">this forum post</a> and I created a file in the <code>_default</code> directory as follows:</p> <pre tabindex="0"><code>layouts |----**_default** |-------**hackbook** @@ -3041,13 +3041,13 @@ List of Works Cited</p> {{- end }} &lt;/ul&gt; {{- end }} -</code></pre><p>If you want to display the date on the left of the titles, you have to add <strong><code>datesinlist=true</code></strong> in your config.toml or <strong><code>datesinlist: true</code></strong> in your config.yaml</p> -<p>You probably don&rsquo;t need <strong><code>enableGitInfo = true</code></strong> as that will crash your website, I have no idea what it does, you don&rsquo;t need it.</p> +</code></pre><p>If you want to display the date on the left of the titles, you have to add <code>datesinlist=true</code> in your config.toml or <code>datesinlist: true</code> in your config.yaml</p> +<p>You probably don&rsquo;t need <code>enableGitInfo = true</code> as that will crash your website, I have no idea what it does, you don&rsquo;t need it.</p> <h2 id="using-your-custom-_indexhtml">Using your custom _index.html</h2> <p>After creating your custom _index.html you&rsquo;d use it as follows:</p> <ol> <li>Create an _index.md file in your desired directory</li> -<li>Add <strong><code>layout: &quot;hackbook/order-by-oldest&quot;</code></strong> to your preamble (if you named your folder and or file something else, you have to change it here)</li> +<li>Add <code>layout: &quot;hackbook/order-by-oldest&quot;</code> to your preamble (if you named your folder and or file something else, you have to change it here)</li> </ol> <figure ><img src="https://vodoraslo.xyz/img/layout-custom-index.PNG" alt="Picture of the layout in the preamble"></figure> diff --git a/new-site/public/index.xml b/new-site/public/index.xml index 8a2b65e1..e8123d7e 100644 --- a/new-site/public/index.xml +++ b/new-site/public/index.xml @@ -3011,8 +3011,8 @@ List of Works Cited</p> https://vodoraslo.xyz/blog/multiple-index-pages-in-hugo/ <h2 id="this-is-how-to-create-multiple-index-pages-in-hugo">This is how to create multiple index pages in Hugo</h2> <p>I wanted to order <a href="https://vodoraslo.xyz/library/hackbook">Hackbook</a> in reverse (i.e. oldest to newest) so that it&rsquo;s easier for the reader to start at the correct page.</p> -<p>I ran into the following problem - the default <strong><code>list.html</code></strong> does them from newest to oldest.</p> -<p>So I found <a href="https://discourse.gohugo.io/t/two-home-pages/31312/9">this forum post</a> and I created a file in the <strong><code>_default</code></strong> directory as follows:</p> +<p>I ran into the following problem - the default <code>list.html</code> does them from newest to oldest.</p> +<p>So I found <a href="https://discourse.gohugo.io/t/two-home-pages/31312/9">this forum post</a> and I created a file in the <code>_default</code> directory as follows:</p> <pre tabindex="0"><code>layouts |----**_default** |-------**hackbook** @@ -3042,13 +3042,13 @@ List of Works Cited</p> {{- end }} &lt;/ul&gt; {{- end }} -</code></pre><p>If you want to display the date on the left of the titles, you have to add <strong><code>datesinlist=true</code></strong> in your config.toml or <strong><code>datesinlist: true</code></strong> in your config.yaml</p> -<p>You probably don&rsquo;t need <strong><code>enableGitInfo = true</code></strong> as that will crash your website, I have no idea what it does, you don&rsquo;t need it.</p> +</code></pre><p>If you want to display the date on the left of the titles, you have to add <code>datesinlist=true</code> in your config.toml or <code>datesinlist: true</code> in your config.yaml</p> +<p>You probably don&rsquo;t need <code>enableGitInfo = true</code> as that will crash your website, I have no idea what it does, you don&rsquo;t need it.</p> <h2 id="using-your-custom-_indexhtml">Using your custom _index.html</h2> <p>After creating your custom _index.html you&rsquo;d use it as follows:</p> <ol> <li>Create an _index.md file in your desired directory</li> -<li>Add <strong><code>layout: &quot;hackbook/order-by-oldest&quot;</code></strong> to your preamble (if you named your folder and or file something else, you have to change it here)</li> +<li>Add <code>layout: &quot;hackbook/order-by-oldest&quot;</code> to your preamble (if you named your folder and or file something else, you have to change it here)</li> </ol> <figure ><img src="https://vodoraslo.xyz/img/layout-custom-index.PNG" alt="Picture of the layout in the preamble"></figure> diff --git a/new-site/public/library/hackbook/index.xml b/new-site/public/library/hackbook/index.xml index 611639b1..ec409ccc 100644 --- a/new-site/public/library/hackbook/index.xml +++ b/new-site/public/library/hackbook/index.xml @@ -3011,8 +3011,8 @@ List of Works Cited</p> https://vodoraslo.xyz/blog/multiple-index-pages-in-hugo/ <h2 id="this-is-how-to-create-multiple-index-pages-in-hugo">This is how to create multiple index pages in Hugo</h2> <p>I wanted to order <a href="https://vodoraslo.xyz/library/hackbook">Hackbook</a> in reverse (i.e. oldest to newest) so that it&rsquo;s easier for the reader to start at the correct page.</p> -<p>I ran into the following problem - the default <strong><code>list.html</code></strong> does them from newest to oldest.</p> -<p>So I found <a href="https://discourse.gohugo.io/t/two-home-pages/31312/9">this forum post</a> and I created a file in the <strong><code>_default</code></strong> directory as follows:</p> +<p>I ran into the following problem - the default <code>list.html</code> does them from newest to oldest.</p> +<p>So I found <a href="https://discourse.gohugo.io/t/two-home-pages/31312/9">this forum post</a> and I created a file in the <code>_default</code> directory as follows:</p> <pre tabindex="0"><code>layouts |----**_default** |-------**hackbook** @@ -3042,13 +3042,13 @@ List of Works Cited</p> {{- end }} &lt;/ul&gt; {{- end }} -</code></pre><p>If you want to display the date on the left of the titles, you have to add <strong><code>datesinlist=true</code></strong> in your config.toml or <strong><code>datesinlist: true</code></strong> in your config.yaml</p> -<p>You probably don&rsquo;t need <strong><code>enableGitInfo = true</code></strong> as that will crash your website, I have no idea what it does, you don&rsquo;t need it.</p> +</code></pre><p>If you want to display the date on the left of the titles, you have to add <code>datesinlist=true</code> in your config.toml or <code>datesinlist: true</code> in your config.yaml</p> +<p>You probably don&rsquo;t need <code>enableGitInfo = true</code> as that will crash your website, I have no idea what it does, you don&rsquo;t need it.</p> <h2 id="using-your-custom-_indexhtml">Using your custom _index.html</h2> <p>After creating your custom _index.html you&rsquo;d use it as follows:</p> <ol> <li>Create an _index.md file in your desired directory</li> -<li>Add <strong><code>layout: &quot;hackbook/order-by-oldest&quot;</code></strong> to your preamble (if you named your folder and or file something else, you have to change it here)</li> +<li>Add <code>layout: &quot;hackbook/order-by-oldest&quot;</code> to your preamble (if you named your folder and or file something else, you have to change it here)</li> </ol> <figure ><img src="https://vodoraslo.xyz/img/layout-custom-index.PNG" alt="Picture of the layout in the preamble"></figure> diff --git a/new-site/public/library/index.xml b/new-site/public/library/index.xml index f6a18084..9727a97e 100644 --- a/new-site/public/library/index.xml +++ b/new-site/public/library/index.xml @@ -3011,8 +3011,8 @@ List of Works Cited</p> https://vodoraslo.xyz/blog/multiple-index-pages-in-hugo/ <h2 id="this-is-how-to-create-multiple-index-pages-in-hugo">This is how to create multiple index pages in Hugo</h2> <p>I wanted to order <a href="https://vodoraslo.xyz/library/hackbook">Hackbook</a> in reverse (i.e. oldest to newest) so that it&rsquo;s easier for the reader to start at the correct page.</p> -<p>I ran into the following problem - the default <strong><code>list.html</code></strong> does them from newest to oldest.</p> -<p>So I found <a href="https://discourse.gohugo.io/t/two-home-pages/31312/9">this forum post</a> and I created a file in the <strong><code>_default</code></strong> directory as follows:</p> +<p>I ran into the following problem - the default <code>list.html</code> does them from newest to oldest.</p> +<p>So I found <a href="https://discourse.gohugo.io/t/two-home-pages/31312/9">this forum post</a> and I created a file in the <code>_default</code> directory as follows:</p> <pre tabindex="0"><code>layouts |----**_default** |-------**hackbook** @@ -3042,13 +3042,13 @@ List of Works Cited</p> {{- end }} &lt;/ul&gt; {{- end }} -</code></pre><p>If you want to display the date on the left of the titles, you have to add <strong><code>datesinlist=true</code></strong> in your config.toml or <strong><code>datesinlist: true</code></strong> in your config.yaml</p> -<p>You probably don&rsquo;t need <strong><code>enableGitInfo = true</code></strong> as that will crash your website, I have no idea what it does, you don&rsquo;t need it.</p> +</code></pre><p>If you want to display the date on the left of the titles, you have to add <code>datesinlist=true</code> in your config.toml or <code>datesinlist: true</code> in your config.yaml</p> +<p>You probably don&rsquo;t need <code>enableGitInfo = true</code> as that will crash your website, I have no idea what it does, you don&rsquo;t need it.</p> <h2 id="using-your-custom-_indexhtml">Using your custom _index.html</h2> <p>After creating your custom _index.html you&rsquo;d use it as follows:</p> <ol> <li>Create an _index.md file in your desired directory</li> -<li>Add <strong><code>layout: &quot;hackbook/order-by-oldest&quot;</code></strong> to your preamble (if you named your folder and or file something else, you have to change it here)</li> +<li>Add <code>layout: &quot;hackbook/order-by-oldest&quot;</code> to your preamble (if you named your folder and or file something else, you have to change it here)</li> </ol> <figure ><img src="https://vodoraslo.xyz/img/layout-custom-index.PNG" alt="Picture of the layout in the preamble"></figure> diff --git a/new-site/public/library/ted-kaczynski/index.xml b/new-site/public/library/ted-kaczynski/index.xml index a2541a53..48f28b30 100644 --- a/new-site/public/library/ted-kaczynski/index.xml +++ b/new-site/public/library/ted-kaczynski/index.xml @@ -3011,8 +3011,8 @@ List of Works Cited</p> https://vodoraslo.xyz/blog/multiple-index-pages-in-hugo/ <h2 id="this-is-how-to-create-multiple-index-pages-in-hugo">This is how to create multiple index pages in Hugo</h2> <p>I wanted to order <a href="https://vodoraslo.xyz/library/hackbook">Hackbook</a> in reverse (i.e. oldest to newest) so that it&rsquo;s easier for the reader to start at the correct page.</p> -<p>I ran into the following problem - the default <strong><code>list.html</code></strong> does them from newest to oldest.</p> -<p>So I found <a href="https://discourse.gohugo.io/t/two-home-pages/31312/9">this forum post</a> and I created a file in the <strong><code>_default</code></strong> directory as follows:</p> +<p>I ran into the following problem - the default <code>list.html</code> does them from newest to oldest.</p> +<p>So I found <a href="https://discourse.gohugo.io/t/two-home-pages/31312/9">this forum post</a> and I created a file in the <code>_default</code> directory as follows:</p> <pre tabindex="0"><code>layouts |----**_default** |-------**hackbook** @@ -3042,13 +3042,13 @@ List of Works Cited</p> {{- end }} &lt;/ul&gt; {{- end }} -</code></pre><p>If you want to display the date on the left of the titles, you have to add <strong><code>datesinlist=true</code></strong> in your config.toml or <strong><code>datesinlist: true</code></strong> in your config.yaml</p> -<p>You probably don&rsquo;t need <strong><code>enableGitInfo = true</code></strong> as that will crash your website, I have no idea what it does, you don&rsquo;t need it.</p> +</code></pre><p>If you want to display the date on the left of the titles, you have to add <code>datesinlist=true</code> in your config.toml or <code>datesinlist: true</code> in your config.yaml</p> +<p>You probably don&rsquo;t need <code>enableGitInfo = true</code> as that will crash your website, I have no idea what it does, you don&rsquo;t need it.</p> <h2 id="using-your-custom-_indexhtml">Using your custom _index.html</h2> <p>After creating your custom _index.html you&rsquo;d use it as follows:</p> <ol> <li>Create an _index.md file in your desired directory</li> -<li>Add <strong><code>layout: &quot;hackbook/order-by-oldest&quot;</code></strong> to your preamble (if you named your folder and or file something else, you have to change it here)</li> +<li>Add <code>layout: &quot;hackbook/order-by-oldest&quot;</code> to your preamble (if you named your folder and or file something else, you have to change it here)</li> </ol> <figure ><img src="https://vodoraslo.xyz/img/layout-custom-index.PNG" alt="Picture of the layout in the preamble"></figure> diff --git a/new-site/public/style.css b/new-site/public/style.css index 57f332dc..6b1ec462 100644 --- a/new-site/public/style.css +++ b/new-site/public/style.css @@ -11,6 +11,8 @@ --h6: rgb(244, 156, 93); --strong: #FD6A02; --hover-link: yellow; + --code-background: #282c34; + --code-fg: #ebf1f5; } @media (prefers-color-scheme: light) { @@ -27,6 +29,8 @@ --h6: rgb(244, 156, 93); --strong: #FD6A02; --hover-link: rgb(217, 144, 8); + --code-background: #282c34; + --code-fg: #ebf1f5; } } @@ -246,3 +250,8 @@ ul li{ .rssSvg{ padding-top: 0.5em; } +p code, li code { + background: var(--code-background); + color: var(--code-fg); + padding: 0.1rem 0.2rem; + } \ No newline at end of file diff --git a/new-site/public/tags/blog/index.xml b/new-site/public/tags/blog/index.xml index e4c99618..bc31c6cc 100644 --- a/new-site/public/tags/blog/index.xml +++ b/new-site/public/tags/blog/index.xml @@ -3011,8 +3011,8 @@ List of Works Cited</p> https://vodoraslo.xyz/blog/multiple-index-pages-in-hugo/ <h2 id="this-is-how-to-create-multiple-index-pages-in-hugo">This is how to create multiple index pages in Hugo</h2> <p>I wanted to order <a href="https://vodoraslo.xyz/library/hackbook">Hackbook</a> in reverse (i.e. oldest to newest) so that it&rsquo;s easier for the reader to start at the correct page.</p> -<p>I ran into the following problem - the default <strong><code>list.html</code></strong> does them from newest to oldest.</p> -<p>So I found <a href="https://discourse.gohugo.io/t/two-home-pages/31312/9">this forum post</a> and I created a file in the <strong><code>_default</code></strong> directory as follows:</p> +<p>I ran into the following problem - the default <code>list.html</code> does them from newest to oldest.</p> +<p>So I found <a href="https://discourse.gohugo.io/t/two-home-pages/31312/9">this forum post</a> and I created a file in the <code>_default</code> directory as follows:</p> <pre tabindex="0"><code>layouts |----**_default** |-------**hackbook** @@ -3042,13 +3042,13 @@ List of Works Cited</p> {{- end }} &lt;/ul&gt; {{- end }} -</code></pre><p>If you want to display the date on the left of the titles, you have to add <strong><code>datesinlist=true</code></strong> in your config.toml or <strong><code>datesinlist: true</code></strong> in your config.yaml</p> -<p>You probably don&rsquo;t need <strong><code>enableGitInfo = true</code></strong> as that will crash your website, I have no idea what it does, you don&rsquo;t need it.</p> +</code></pre><p>If you want to display the date on the left of the titles, you have to add <code>datesinlist=true</code> in your config.toml or <code>datesinlist: true</code> in your config.yaml</p> +<p>You probably don&rsquo;t need <code>enableGitInfo = true</code> as that will crash your website, I have no idea what it does, you don&rsquo;t need it.</p> <h2 id="using-your-custom-_indexhtml">Using your custom _index.html</h2> <p>After creating your custom _index.html you&rsquo;d use it as follows:</p> <ol> <li>Create an _index.md file in your desired directory</li> -<li>Add <strong><code>layout: &quot;hackbook/order-by-oldest&quot;</code></strong> to your preamble (if you named your folder and or file something else, you have to change it here)</li> +<li>Add <code>layout: &quot;hackbook/order-by-oldest&quot;</code> to your preamble (if you named your folder and or file something else, you have to change it here)</li> </ol> <figure ><img src="https://vodoraslo.xyz/img/layout-custom-index.PNG" alt="Picture of the layout in the preamble"></figure> diff --git a/new-site/public/tags/hackbook/index.xml b/new-site/public/tags/hackbook/index.xml index 2b6e6358..adc1454a 100644 --- a/new-site/public/tags/hackbook/index.xml +++ b/new-site/public/tags/hackbook/index.xml @@ -3011,8 +3011,8 @@ List of Works Cited</p> https://vodoraslo.xyz/blog/multiple-index-pages-in-hugo/ <h2 id="this-is-how-to-create-multiple-index-pages-in-hugo">This is how to create multiple index pages in Hugo</h2> <p>I wanted to order <a href="https://vodoraslo.xyz/library/hackbook">Hackbook</a> in reverse (i.e. oldest to newest) so that it&rsquo;s easier for the reader to start at the correct page.</p> -<p>I ran into the following problem - the default <strong><code>list.html</code></strong> does them from newest to oldest.</p> -<p>So I found <a href="https://discourse.gohugo.io/t/two-home-pages/31312/9">this forum post</a> and I created a file in the <strong><code>_default</code></strong> directory as follows:</p> +<p>I ran into the following problem - the default <code>list.html</code> does them from newest to oldest.</p> +<p>So I found <a href="https://discourse.gohugo.io/t/two-home-pages/31312/9">this forum post</a> and I created a file in the <code>_default</code> directory as follows:</p> <pre tabindex="0"><code>layouts |----**_default** |-------**hackbook** @@ -3042,13 +3042,13 @@ List of Works Cited</p> {{- end }} &lt;/ul&gt; {{- end }} -</code></pre><p>If you want to display the date on the left of the titles, you have to add <strong><code>datesinlist=true</code></strong> in your config.toml or <strong><code>datesinlist: true</code></strong> in your config.yaml</p> -<p>You probably don&rsquo;t need <strong><code>enableGitInfo = true</code></strong> as that will crash your website, I have no idea what it does, you don&rsquo;t need it.</p> +</code></pre><p>If you want to display the date on the left of the titles, you have to add <code>datesinlist=true</code> in your config.toml or <code>datesinlist: true</code> in your config.yaml</p> +<p>You probably don&rsquo;t need <code>enableGitInfo = true</code> as that will crash your website, I have no idea what it does, you don&rsquo;t need it.</p> <h2 id="using-your-custom-_indexhtml">Using your custom _index.html</h2> <p>After creating your custom _index.html you&rsquo;d use it as follows:</p> <ol> <li>Create an _index.md file in your desired directory</li> -<li>Add <strong><code>layout: &quot;hackbook/order-by-oldest&quot;</code></strong> to your preamble (if you named your folder and or file something else, you have to change it here)</li> +<li>Add <code>layout: &quot;hackbook/order-by-oldest&quot;</code> to your preamble (if you named your folder and or file something else, you have to change it here)</li> </ol> <figure ><img src="https://vodoraslo.xyz/img/layout-custom-index.PNG" alt="Picture of the layout in the preamble"></figure> diff --git a/new-site/public/tags/index.xml b/new-site/public/tags/index.xml index 8bb80ba8..feba5102 100644 --- a/new-site/public/tags/index.xml +++ b/new-site/public/tags/index.xml @@ -3011,8 +3011,8 @@ List of Works Cited</p> https://vodoraslo.xyz/blog/multiple-index-pages-in-hugo/ <h2 id="this-is-how-to-create-multiple-index-pages-in-hugo">This is how to create multiple index pages in Hugo</h2> <p>I wanted to order <a href="https://vodoraslo.xyz/library/hackbook">Hackbook</a> in reverse (i.e. oldest to newest) so that it&rsquo;s easier for the reader to start at the correct page.</p> -<p>I ran into the following problem - the default <strong><code>list.html</code></strong> does them from newest to oldest.</p> -<p>So I found <a href="https://discourse.gohugo.io/t/two-home-pages/31312/9">this forum post</a> and I created a file in the <strong><code>_default</code></strong> directory as follows:</p> +<p>I ran into the following problem - the default <code>list.html</code> does them from newest to oldest.</p> +<p>So I found <a href="https://discourse.gohugo.io/t/two-home-pages/31312/9">this forum post</a> and I created a file in the <code>_default</code> directory as follows:</p> <pre tabindex="0"><code>layouts |----**_default** |-------**hackbook** @@ -3042,13 +3042,13 @@ List of Works Cited</p> {{- end }} &lt;/ul&gt; {{- end }} -</code></pre><p>If you want to display the date on the left of the titles, you have to add <strong><code>datesinlist=true</code></strong> in your config.toml or <strong><code>datesinlist: true</code></strong> in your config.yaml</p> -<p>You probably don&rsquo;t need <strong><code>enableGitInfo = true</code></strong> as that will crash your website, I have no idea what it does, you don&rsquo;t need it.</p> +</code></pre><p>If you want to display the date on the left of the titles, you have to add <code>datesinlist=true</code> in your config.toml or <code>datesinlist: true</code> in your config.yaml</p> +<p>You probably don&rsquo;t need <code>enableGitInfo = true</code> as that will crash your website, I have no idea what it does, you don&rsquo;t need it.</p> <h2 id="using-your-custom-_indexhtml">Using your custom _index.html</h2> <p>After creating your custom _index.html you&rsquo;d use it as follows:</p> <ol> <li>Create an _index.md file in your desired directory</li> -<li>Add <strong><code>layout: &quot;hackbook/order-by-oldest&quot;</code></strong> to your preamble (if you named your folder and or file something else, you have to change it here)</li> +<li>Add <code>layout: &quot;hackbook/order-by-oldest&quot;</code> to your preamble (if you named your folder and or file something else, you have to change it here)</li> </ol> <figure ><img src="https://vodoraslo.xyz/img/layout-custom-index.PNG" alt="Picture of the layout in the preamble"></figure> diff --git a/new-site/public/tags/library/index.xml b/new-site/public/tags/library/index.xml index 21c4e2da..32690eb0 100644 --- a/new-site/public/tags/library/index.xml +++ b/new-site/public/tags/library/index.xml @@ -3011,8 +3011,8 @@ List of Works Cited</p> https://vodoraslo.xyz/blog/multiple-index-pages-in-hugo/ <h2 id="this-is-how-to-create-multiple-index-pages-in-hugo">This is how to create multiple index pages in Hugo</h2> <p>I wanted to order <a href="https://vodoraslo.xyz/library/hackbook">Hackbook</a> in reverse (i.e. oldest to newest) so that it&rsquo;s easier for the reader to start at the correct page.</p> -<p>I ran into the following problem - the default <strong><code>list.html</code></strong> does them from newest to oldest.</p> -<p>So I found <a href="https://discourse.gohugo.io/t/two-home-pages/31312/9">this forum post</a> and I created a file in the <strong><code>_default</code></strong> directory as follows:</p> +<p>I ran into the following problem - the default <code>list.html</code> does them from newest to oldest.</p> +<p>So I found <a href="https://discourse.gohugo.io/t/two-home-pages/31312/9">this forum post</a> and I created a file in the <code>_default</code> directory as follows:</p> <pre tabindex="0"><code>layouts |----**_default** |-------**hackbook** @@ -3042,13 +3042,13 @@ List of Works Cited</p> {{- end }} &lt;/ul&gt; {{- end }} -</code></pre><p>If you want to display the date on the left of the titles, you have to add <strong><code>datesinlist=true</code></strong> in your config.toml or <strong><code>datesinlist: true</code></strong> in your config.yaml</p> -<p>You probably don&rsquo;t need <strong><code>enableGitInfo = true</code></strong> as that will crash your website, I have no idea what it does, you don&rsquo;t need it.</p> +</code></pre><p>If you want to display the date on the left of the titles, you have to add <code>datesinlist=true</code> in your config.toml or <code>datesinlist: true</code> in your config.yaml</p> +<p>You probably don&rsquo;t need <code>enableGitInfo = true</code> as that will crash your website, I have no idea what it does, you don&rsquo;t need it.</p> <h2 id="using-your-custom-_indexhtml">Using your custom _index.html</h2> <p>After creating your custom _index.html you&rsquo;d use it as follows:</p> <ol> <li>Create an _index.md file in your desired directory</li> -<li>Add <strong><code>layout: &quot;hackbook/order-by-oldest&quot;</code></strong> to your preamble (if you named your folder and or file something else, you have to change it here)</li> +<li>Add <code>layout: &quot;hackbook/order-by-oldest&quot;</code> to your preamble (if you named your folder and or file something else, you have to change it here)</li> </ol> <figure ><img src="https://vodoraslo.xyz/img/layout-custom-index.PNG" alt="Picture of the layout in the preamble"></figure> diff --git a/new-site/public/tags/ted-kaczynski/index.xml b/new-site/public/tags/ted-kaczynski/index.xml index 11d3285d..1e2843a9 100644 --- a/new-site/public/tags/ted-kaczynski/index.xml +++ b/new-site/public/tags/ted-kaczynski/index.xml @@ -3011,8 +3011,8 @@ List of Works Cited</p> https://vodoraslo.xyz/blog/multiple-index-pages-in-hugo/ <h2 id="this-is-how-to-create-multiple-index-pages-in-hugo">This is how to create multiple index pages in Hugo</h2> <p>I wanted to order <a href="https://vodoraslo.xyz/library/hackbook">Hackbook</a> in reverse (i.e. oldest to newest) so that it&rsquo;s easier for the reader to start at the correct page.</p> -<p>I ran into the following problem - the default <strong><code>list.html</code></strong> does them from newest to oldest.</p> -<p>So I found <a href="https://discourse.gohugo.io/t/two-home-pages/31312/9">this forum post</a> and I created a file in the <strong><code>_default</code></strong> directory as follows:</p> +<p>I ran into the following problem - the default <code>list.html</code> does them from newest to oldest.</p> +<p>So I found <a href="https://discourse.gohugo.io/t/two-home-pages/31312/9">this forum post</a> and I created a file in the <code>_default</code> directory as follows:</p> <pre tabindex="0"><code>layouts |----**_default** |-------**hackbook** @@ -3042,13 +3042,13 @@ List of Works Cited</p> {{- end }} &lt;/ul&gt; {{- end }} -</code></pre><p>If you want to display the date on the left of the titles, you have to add <strong><code>datesinlist=true</code></strong> in your config.toml or <strong><code>datesinlist: true</code></strong> in your config.yaml</p> -<p>You probably don&rsquo;t need <strong><code>enableGitInfo = true</code></strong> as that will crash your website, I have no idea what it does, you don&rsquo;t need it.</p> +</code></pre><p>If you want to display the date on the left of the titles, you have to add <code>datesinlist=true</code> in your config.toml or <code>datesinlist: true</code> in your config.yaml</p> +<p>You probably don&rsquo;t need <code>enableGitInfo = true</code> as that will crash your website, I have no idea what it does, you don&rsquo;t need it.</p> <h2 id="using-your-custom-_indexhtml">Using your custom _index.html</h2> <p>After creating your custom _index.html you&rsquo;d use it as follows:</p> <ol> <li>Create an _index.md file in your desired directory</li> -<li>Add <strong><code>layout: &quot;hackbook/order-by-oldest&quot;</code></strong> to your preamble (if you named your folder and or file something else, you have to change it here)</li> +<li>Add <code>layout: &quot;hackbook/order-by-oldest&quot;</code> to your preamble (if you named your folder and or file something else, you have to change it here)</li> </ol> <figure ><img src="https://vodoraslo.xyz/img/layout-custom-index.PNG" alt="Picture of the layout in the preamble"></figure> diff --git a/new-site/public/tags/updates/index.xml b/new-site/public/tags/updates/index.xml index 013d358e..bc9fae48 100644 --- a/new-site/public/tags/updates/index.xml +++ b/new-site/public/tags/updates/index.xml @@ -3011,8 +3011,8 @@ List of Works Cited</p> https://vodoraslo.xyz/blog/multiple-index-pages-in-hugo/ <h2 id="this-is-how-to-create-multiple-index-pages-in-hugo">This is how to create multiple index pages in Hugo</h2> <p>I wanted to order <a href="https://vodoraslo.xyz/library/hackbook">Hackbook</a> in reverse (i.e. oldest to newest) so that it&rsquo;s easier for the reader to start at the correct page.</p> -<p>I ran into the following problem - the default <strong><code>list.html</code></strong> does them from newest to oldest.</p> -<p>So I found <a href="https://discourse.gohugo.io/t/two-home-pages/31312/9">this forum post</a> and I created a file in the <strong><code>_default</code></strong> directory as follows:</p> +<p>I ran into the following problem - the default <code>list.html</code> does them from newest to oldest.</p> +<p>So I found <a href="https://discourse.gohugo.io/t/two-home-pages/31312/9">this forum post</a> and I created a file in the <code>_default</code> directory as follows:</p> <pre tabindex="0"><code>layouts |----**_default** |-------**hackbook** @@ -3042,13 +3042,13 @@ List of Works Cited</p> {{- end }} &lt;/ul&gt; {{- end }} -</code></pre><p>If you want to display the date on the left of the titles, you have to add <strong><code>datesinlist=true</code></strong> in your config.toml or <strong><code>datesinlist: true</code></strong> in your config.yaml</p> -<p>You probably don&rsquo;t need <strong><code>enableGitInfo = true</code></strong> as that will crash your website, I have no idea what it does, you don&rsquo;t need it.</p> +</code></pre><p>If you want to display the date on the left of the titles, you have to add <code>datesinlist=true</code> in your config.toml or <code>datesinlist: true</code> in your config.yaml</p> +<p>You probably don&rsquo;t need <code>enableGitInfo = true</code> as that will crash your website, I have no idea what it does, you don&rsquo;t need it.</p> <h2 id="using-your-custom-_indexhtml">Using your custom _index.html</h2> <p>After creating your custom _index.html you&rsquo;d use it as follows:</p> <ol> <li>Create an _index.md file in your desired directory</li> -<li>Add <strong><code>layout: &quot;hackbook/order-by-oldest&quot;</code></strong> to your preamble (if you named your folder and or file something else, you have to change it here)</li> +<li>Add <code>layout: &quot;hackbook/order-by-oldest&quot;</code> to your preamble (if you named your folder and or file something else, you have to change it here)</li> </ol> <figure ><img src="https://vodoraslo.xyz/img/layout-custom-index.PNG" alt="Picture of the layout in the preamble"></figure> diff --git a/new-site/public/updates/index.xml b/new-site/public/updates/index.xml index b151cb8b..8518100a 100644 --- a/new-site/public/updates/index.xml +++ b/new-site/public/updates/index.xml @@ -3011,8 +3011,8 @@ List of Works Cited</p> https://vodoraslo.xyz/blog/multiple-index-pages-in-hugo/ <h2 id="this-is-how-to-create-multiple-index-pages-in-hugo">This is how to create multiple index pages in Hugo</h2> <p>I wanted to order <a href="https://vodoraslo.xyz/library/hackbook">Hackbook</a> in reverse (i.e. oldest to newest) so that it&rsquo;s easier for the reader to start at the correct page.</p> -<p>I ran into the following problem - the default <strong><code>list.html</code></strong> does them from newest to oldest.</p> -<p>So I found <a href="https://discourse.gohugo.io/t/two-home-pages/31312/9">this forum post</a> and I created a file in the <strong><code>_default</code></strong> directory as follows:</p> +<p>I ran into the following problem - the default <code>list.html</code> does them from newest to oldest.</p> +<p>So I found <a href="https://discourse.gohugo.io/t/two-home-pages/31312/9">this forum post</a> and I created a file in the <code>_default</code> directory as follows:</p> <pre tabindex="0"><code>layouts |----**_default** |-------**hackbook** @@ -3042,13 +3042,13 @@ List of Works Cited</p> {{- end }} &lt;/ul&gt; {{- end }} -</code></pre><p>If you want to display the date on the left of the titles, you have to add <strong><code>datesinlist=true</code></strong> in your config.toml or <strong><code>datesinlist: true</code></strong> in your config.yaml</p> -<p>You probably don&rsquo;t need <strong><code>enableGitInfo = true</code></strong> as that will crash your website, I have no idea what it does, you don&rsquo;t need it.</p> +</code></pre><p>If you want to display the date on the left of the titles, you have to add <code>datesinlist=true</code> in your config.toml or <code>datesinlist: true</code> in your config.yaml</p> +<p>You probably don&rsquo;t need <code>enableGitInfo = true</code> as that will crash your website, I have no idea what it does, you don&rsquo;t need it.</p> <h2 id="using-your-custom-_indexhtml">Using your custom _index.html</h2> <p>After creating your custom _index.html you&rsquo;d use it as follows:</p> <ol> <li>Create an _index.md file in your desired directory</li> -<li>Add <strong><code>layout: &quot;hackbook/order-by-oldest&quot;</code></strong> to your preamble (if you named your folder and or file something else, you have to change it here)</li> +<li>Add <code>layout: &quot;hackbook/order-by-oldest&quot;</code> to your preamble (if you named your folder and or file something else, you have to change it here)</li> </ol> <figure ><img src="https://vodoraslo.xyz/img/layout-custom-index.PNG" alt="Picture of the layout in the preamble"></figure> diff --git a/new-site/static/style.css b/new-site/static/style.css index 57f332dc..6b1ec462 100644 --- a/new-site/static/style.css +++ b/new-site/static/style.css @@ -11,6 +11,8 @@ --h6: rgb(244, 156, 93); --strong: #FD6A02; --hover-link: yellow; + --code-background: #282c34; + --code-fg: #ebf1f5; } @media (prefers-color-scheme: light) { @@ -27,6 +29,8 @@ --h6: rgb(244, 156, 93); --strong: #FD6A02; --hover-link: rgb(217, 144, 8); + --code-background: #282c34; + --code-fg: #ebf1f5; } } @@ -246,3 +250,8 @@ ul li{ .rssSvg{ padding-top: 0.5em; } +p code, li code { + background: var(--code-background); + color: var(--code-fg); + padding: 0.1rem 0.2rem; + } \ No newline at end of file