457 lines
10 KiB
HTML
457 lines
10 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en" dir="ltr">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta name="description" content="">
|
|
<meta name="theme-color" content="#FFFFFF">
|
|
<meta name="color-scheme" content="light dark"><meta property="og:title" content="Blog" />
|
|
<meta property="og:description" content="" />
|
|
<meta property="og:type" content="website" />
|
|
<meta property="og:url" content="https://fediguide.froth.zone/posts/" />
|
|
|
|
<title>Blog | The bubs guide to fediverse</title>
|
|
<link rel="manifest" href="/manifest.json">
|
|
<link rel="icon" href="/favicon.png" type="image/x-icon">
|
|
<link rel="stylesheet" href="/book.min.97cfda4f5e3c9fa49a2bf8d401f4ddc0eec576c99cdcf6afbec19173200c37db.css" integrity="sha256-l8/aT148n6SaK/jUAfTdwO7Fdsmc3PavvsGRcyAMN9s=" crossorigin="anonymous">
|
|
<script defer src="/flexsearch.min.js"></script>
|
|
<script defer src="/en.search.min.52a7d189b726bb83ba7cf33bd455781e0d49d78440b0b57748c658e280dac15b.js" integrity="sha256-UqfRibcmu4O6fPM71FV4Hg1J14RAsLV3SMZY4oDawVs=" crossorigin="anonymous"></script>
|
|
|
|
<script defer src="/sw.min.6f6f90fcb8eb1c49ec389838e6b801d0de19430b8e516902f8d75c3c8bd98739.js" integrity="sha256-b2+Q/LjrHEnsOJg45rgB0N4ZQwuOUWkC+NdcPIvZhzk=" crossorigin="anonymous"></script>
|
|
<link rel="alternate" type="application/rss+xml" href="https://fediguide.froth.zone/posts/index.xml" title="The bubs guide to fediverse" />
|
|
<!--
|
|
Made with Book Theme
|
|
https://github.com/alex-shpak/hugo-book
|
|
-->
|
|
|
|
</head>
|
|
<body dir="ltr">
|
|
<input type="checkbox" class="hidden toggle" id="menu-control" />
|
|
<input type="checkbox" class="hidden toggle" id="toc-control" />
|
|
<main class="container flex">
|
|
<aside class="book-menu">
|
|
<div class="book-menu-content">
|
|
|
|
<nav>
|
|
<h2 class="book-brand">
|
|
<a class="flex align-center" href="/"><span>The bubs guide to fediverse</span>
|
|
</a>
|
|
</h2>
|
|
|
|
|
|
<div class="book-search">
|
|
<input type="text" id="book-search-input" placeholder="Search" aria-label="Search" maxlength="64" data-hotkeys="s/" />
|
|
<div class="book-search-spinner hidden"></div>
|
|
<ul id="book-search-results"></ul>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<ul>
|
|
|
|
<li>
|
|
<a href="/posts/" >
|
|
Blog
|
|
</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="https://git.froth.zone/waifu/fedi-admin-guide" target="_blank" rel="noopener">
|
|
Repository
|
|
</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="https://test.something/" target="_blank" rel="noopener">
|
|
Other places
|
|
</a>
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</nav>
|
|
|
|
|
|
|
|
|
|
<script>(function(){var e=document.querySelector("aside .book-menu-content");addEventListener("beforeunload",function(){localStorage.setItem("menu.scrollTop",e.scrollTop)}),e.scrollTop=localStorage.getItem("menu.scrollTop")})()</script>
|
|
|
|
|
|
|
|
</div>
|
|
</aside>
|
|
|
|
<div class="book-page">
|
|
<header class="book-header">
|
|
|
|
<div class="flex align-center justify-between">
|
|
<label for="menu-control">
|
|
<img src="/svg/menu.svg" class="book-icon" alt="Menu" />
|
|
</label>
|
|
|
|
<strong>Blog</strong>
|
|
|
|
<label for="toc-control">
|
|
|
|
<img src="/svg/toc.svg" class="book-icon" alt="Table of Contents" />
|
|
|
|
</label>
|
|
</div>
|
|
|
|
|
|
|
|
<aside class="hidden clearfix">
|
|
|
|
<nav>
|
|
<ul>
|
|
|
|
|
|
<li class="book-section-flat">
|
|
<strong>Categories</strong>
|
|
<ul>
|
|
|
|
<li class="flex justify-between">
|
|
<a href="/categories/Development/">Development</a>
|
|
<span>2</span>
|
|
</li>
|
|
|
|
<li class="flex justify-between">
|
|
<a href="/categories/golang/">golang</a>
|
|
<span>2</span>
|
|
</li>
|
|
|
|
</ul>
|
|
</li>
|
|
|
|
|
|
|
|
<li class="book-section-flat">
|
|
<strong>Tags</strong>
|
|
<ul>
|
|
|
|
<li class="flex justify-between">
|
|
<a href="/tags/development/">development</a>
|
|
<span>2</span>
|
|
</li>
|
|
|
|
<li class="flex justify-between">
|
|
<a href="/tags/go/">go</a>
|
|
<span>2</span>
|
|
</li>
|
|
|
|
<li class="flex justify-between">
|
|
<a href="/tags/golang/">golang</a>
|
|
<span>2</span>
|
|
</li>
|
|
|
|
<li class="flex justify-between">
|
|
<a href="/tags/hugo/">hugo</a>
|
|
<span>1</span>
|
|
</li>
|
|
|
|
<li class="flex justify-between">
|
|
<a href="/tags/templates/">templates</a>
|
|
<span>1</span>
|
|
</li>
|
|
|
|
<li class="flex justify-between">
|
|
<a href="/tags/themes/">themes</a>
|
|
<span>1</span>
|
|
</li>
|
|
|
|
</ul>
|
|
</li>
|
|
|
|
|
|
</ul>
|
|
</nav>
|
|
|
|
|
|
</aside>
|
|
|
|
|
|
</header>
|
|
|
|
|
|
|
|
|
|
<article class="markdown book-post">
|
|
<h2>
|
|
<a href="/posts/creating-a-new-theme/">Creating a New Theme</a>
|
|
</h2>
|
|
|
|
<h5>September 28, 2014</h5>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<p>Introduction # This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I’ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won’t cover using CSS to style your theme.
|
|
We’ll start with creating a new site with a very basic template.
|
|
<a href="/posts/creating-a-new-theme/">...</a>
|
|
|
|
</p>
|
|
</article>
|
|
|
|
<article class="markdown book-post">
|
|
<h2>
|
|
<a href="/posts/migrate-from-jekyll/">Migrate to Hugo from Jekyll</a>
|
|
</h2>
|
|
|
|
<h5>March 10, 2014</h5>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<p>Move static content to static # Jekyll has a rule that any directory not starting with _ will be copied as-is to the _site output. Hugo keeps all static content under static. You should therefore move it all there. With Jekyll, something that looked like
|
|
▾ <root>/ ▾ images/ logo.png should become
|
|
▾ <root>/ ▾ static/ ▾ images/ logo.png Additionally, you’ll want any files that should reside at the root (such as CNAME) to be moved to static.
|
|
<a href="/posts/migrate-from-jekyll/">...</a>
|
|
|
|
</p>
|
|
</article>
|
|
|
|
<article class="markdown book-post">
|
|
<h2>
|
|
<a href="/posts/goisforlovers/">(Hu)go Template Primer</a>
|
|
</h2>
|
|
|
|
<h5>April 2, 2014</h5>
|
|
|
|
|
|
|
|
|
|
<div>
|
|
|
|
<a href="/categories/Development/">Development</a>,
|
|
<a href="/categories/golang/">golang</a>
|
|
</div>
|
|
|
|
|
|
|
|
<div>
|
|
|
|
<a href="/tags/go/">go</a>,
|
|
<a href="/tags/golang/">golang</a>,
|
|
<a href="/tags/templates/">templates</a>,
|
|
<a href="/tags/themes/">themes</a>,
|
|
<a href="/tags/development/">development</a>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<p>Hugo uses the excellent Go html/template library for its template engine. It is an extremely lightweight engine that provides a very small amount of logic. In our experience that it is just the right amount of logic to be able to create a good static website. If you have used other template systems from different languages or frameworks you will find a lot of similarities in Go templates.
|
|
This document is a brief primer on using Go templates.
|
|
<a href="/posts/goisforlovers/">...</a>
|
|
|
|
</p>
|
|
</article>
|
|
|
|
<article class="markdown book-post">
|
|
<h2>
|
|
<a href="/posts/hugoisforlovers/">Getting Started with Hugo</a>
|
|
</h2>
|
|
|
|
<h5>April 2, 2014</h5>
|
|
|
|
|
|
|
|
|
|
<div>
|
|
|
|
<a href="/categories/Development/">Development</a>,
|
|
<a href="/categories/golang/">golang</a>
|
|
</div>
|
|
|
|
|
|
|
|
<div>
|
|
|
|
<a href="/tags/go/">go</a>,
|
|
<a href="/tags/golang/">golang</a>,
|
|
<a href="/tags/hugo/">hugo</a>,
|
|
<a href="/tags/development/">development</a>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<p>Step 1. Install Hugo # Go to Hugo releases and download the appropriate version for your OS and architecture.
|
|
Save it somewhere specific as we will be using it in the next step.
|
|
More complete instructions are available at Install Hugo
|
|
Step 2. Build the Docs # Hugo has its own example site which happens to also be the documentation site you are reading right now.
|
|
Follow the following steps:
|
|
<a href="/posts/hugoisforlovers/">...</a>
|
|
|
|
</p>
|
|
</article>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<footer class="book-footer">
|
|
|
|
<div class="flex flex-wrap justify-between">
|
|
|
|
|
|
|
|
|
|
<div>
|
|
<a class="flex align-center" href="https://github.com/alex-shpak/hugo-book/edit/main/exampleSite/content/posts/_index.md" target="_blank" rel="noopener">
|
|
<img src="/svg/edit.svg" class="book-icon" alt="Edit" />
|
|
<span>Edit this page</span>
|
|
</a>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<script>(function(){function e(n){const e=window.getSelection(),t=document.createRange();t.selectNodeContents(n),e.removeAllRanges(),e.addRange(t)}document.querySelectorAll("pre code").forEach(t=>{t.addEventListener("click",function(){e(t.parentElement),navigator.clipboard&&navigator.clipboard.writeText(t.parentElement.textContent)})})})()</script>
|
|
|
|
|
|
|
|
|
|
</footer>
|
|
|
|
|
|
|
|
|
|
|
|
<label for="menu-control" class="hidden book-menu-overlay"></label>
|
|
</div>
|
|
|
|
|
|
<aside class="book-toc">
|
|
<div class="book-toc-content">
|
|
|
|
<nav>
|
|
<ul>
|
|
|
|
|
|
<li class="book-section-flat">
|
|
<strong>Categories</strong>
|
|
<ul>
|
|
|
|
<li class="flex justify-between">
|
|
<a href="/categories/Development/">Development</a>
|
|
<span>2</span>
|
|
</li>
|
|
|
|
<li class="flex justify-between">
|
|
<a href="/categories/golang/">golang</a>
|
|
<span>2</span>
|
|
</li>
|
|
|
|
</ul>
|
|
</li>
|
|
|
|
|
|
|
|
<li class="book-section-flat">
|
|
<strong>Tags</strong>
|
|
<ul>
|
|
|
|
<li class="flex justify-between">
|
|
<a href="/tags/development/">development</a>
|
|
<span>2</span>
|
|
</li>
|
|
|
|
<li class="flex justify-between">
|
|
<a href="/tags/go/">go</a>
|
|
<span>2</span>
|
|
</li>
|
|
|
|
<li class="flex justify-between">
|
|
<a href="/tags/golang/">golang</a>
|
|
<span>2</span>
|
|
</li>
|
|
|
|
<li class="flex justify-between">
|
|
<a href="/tags/hugo/">hugo</a>
|
|
<span>1</span>
|
|
</li>
|
|
|
|
<li class="flex justify-between">
|
|
<a href="/tags/templates/">templates</a>
|
|
<span>1</span>
|
|
</li>
|
|
|
|
<li class="flex justify-between">
|
|
<a href="/tags/themes/">themes</a>
|
|
<span>1</span>
|
|
</li>
|
|
|
|
</ul>
|
|
</li>
|
|
|
|
|
|
</ul>
|
|
</nav>
|
|
|
|
|
|
</div>
|
|
</aside>
|
|
|
|
</main>
|
|
|
|
|
|
</body>
|
|
</html>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|