1
0
mirror of https://github.com/funkypenguin/geek-cookbook/ synced 2025-12-13 01:36:23 +00:00
Files
geek-cookbook/site/index.html
2017-07-30 13:19:02 +12:00

634 lines
19 KiB
HTML

<!DOCTYPE html>
<html lang="en" class="no-js">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="description" content="A short description of my project">
<link rel="canonical" href="https://geeks-cookbook.funkypenguin.co.nz/">
<meta name="author" content="David Young">
<link rel="shortcut icon" href="./assets/images/favicon.png">
<meta name="generator" content="mkdocs-0.16.3, mkdocs-material-1.7.4">
<title>Funky Penguin's Geek's Cookbook</title>
<script src="./assets/javascripts/modernizr-1df76c4e58.js"></script>
<link rel="stylesheet" href="./assets/stylesheets/application-769c285a91.css">
<link rel="stylesheet" href="./assets/stylesheets/application-02c2a4388f.palette.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,400i,700|Roboto+Mono">
<style>body,input{font-family:"Roboto","Helvetica Neue",Helvetica,Arial,sans-serif}code,kbd,pre{font-family:"Roboto Mono","Courier New",Courier,monospace}</style>
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
</head>
<body data-md-color-primary="indigo" data-md-color-accent="indigo">
<svg class="md-svg">
<defs>
</defs>
</svg>
<input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="drawer">
<input class="md-toggle" data-md-toggle="search" type="checkbox" id="search">
<label class="md-overlay" data-md-component="overlay" for="drawer"></label>
<header class="md-header" data-md-component="header">
<nav class="md-header-nav md-grid">
<div class="md-flex">
<div class="md-flex__cell md-flex__cell--shrink">
<a href="https://geeks-cookbook.funkypenguin.co.nz" title="Funky Penguin's Geek's Cookbook" class="md-logo md-header-nav__button">
<img src="./images/site-logo.png" width="24" height="24">
</a>
</div>
<div class="md-flex__cell md-flex__cell--shrink">
<label class="md-icon md-icon--menu md-header-nav__button" for="drawer"></label>
</div>
<div class="md-flex__cell md-flex__cell--stretch">
<span class="md-flex__ellipsis md-header-nav__title">
Home
</span>
</div>
<div class="md-flex__cell md-flex__cell--shrink">
<label class="md-icon md-icon--search md-header-nav__button" for="search"></label>
<div class="md-search" data-md-component="search">
<label class="md-search__overlay" for="search"></label>
<div class="md-search__inner">
<form class="md-search__form" name="search">
<input type="text" class="md-search__input" name="query" required placeholder="Search" accesskey="s" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="query">
<label class="md-icon md-search__icon" for="search"></label>
<button type="reset" class="md-icon md-search__icon" data-md-component="reset">close</button>
</form>
<div class="md-search__output">
<div class="md-search__scrollwrap" data-md-scrollfix>
<div class="md-search-result" data-md-component="result" data-md-lang-search="">
<div class="md-search-result__meta" data-md-lang-result-none="No matching documents" data-md-lang-result-one="1 matching document" data-md-lang-result-other="# matching documents">
Type to start searching
</div>
<ol class="md-search-result__list"></ol>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</nav>
</header>
<div class="md-container">
<main class="md-main">
<div class="md-main__inner md-grid" data-md-component="container">
<div class="md-sidebar md-sidebar--primary" data-md-component="navigation">
<div class="md-sidebar__scrollwrap">
<div class="md-sidebar__inner">
<nav class="md-nav md-nav--primary" data-md-level="0">
<label class="md-nav__title md-nav__title--site" for="drawer">
<i class="md-logo md-nav__button">
<img src="./images/site-logo.png">
</i>
Funky Penguin's Geek's Cookbook
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item md-nav__item--active">
<input class="md-toggle md-nav__toggle" data-md-toggle="toc" type="checkbox" id="toc">
<label class="md-nav__link md-nav__link--active" for="toc">
Home
</label>
<a href="." title="Home" class="md-nav__link md-nav__link--active">
Home
</a>
<nav class="md-nav md-nav--secondary">
<label class="md-nav__title" for="toc">Table of contents</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="#who-is-this-for" title="Who is this for?" class="md-nav__link">
Who is this for?
</a>
</li>
<li class="md-nav__item">
<a href="#why-should-i-read-this" title="Why should I read this?" class="md-nav__link">
Why should I read this?
</a>
</li>
<li class="md-nav__item">
<a href="#what-do-you-want-from-me" title="What do you want from me?" class="md-nav__link">
What do you want from me?
</a>
</li>
<li class="md-nav__item">
<a href="#how-can-i-support-you" title="How can I support you?" class="md-nav__link">
How can I support you?
</a>
<nav class="md-nav">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#buy-my-book" title="Buy my book 📖" class="md-nav__link">
Buy my book 📖
</a>
</li>
<li class="md-nav__item">
<a href="#patreonize-me" title="Patreonize me 💰" class="md-nav__link">
Patreonize me 💰
</a>
</li>
<li class="md-nav__item">
<a href="#hire-me" title="Hire me 🏢" class="md-nav__link">
Hire me 🏢
</a>
</li>
</ul>
</nav>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-toggle md-nav__toggle" data-md-toggle="nav-2" type="checkbox" id="nav-2">
<label class="md-nav__link" for="nav-2">
Introduction
</label>
<nav class="md-nav" data-md-component="collapsible" data-md-level="1">
<label class="md-nav__title" for="nav-2">
Introduction
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="README/" title="README" class="md-nav__link">
README
</a>
</li>
<li class="md-nav__item">
<a href="whoami/" title="whoami" class="md-nav__link">
whoami
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-toggle md-nav__toggle" data-md-toggle="nav-3" type="checkbox" id="nav-3">
<label class="md-nav__link" for="nav-3">
Essential
</label>
<nav class="md-nav" data-md-component="collapsible" data-md-level="1">
<label class="md-nav__title" for="nav-3">
Essential
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="ha-docker-swarm/design/" title="Design" class="md-nav__link">
Design
</a>
</li>
<li class="md-nav__item">
<a href="ha-docker-swarm/vms/" title="VMs" class="md-nav__link">
VMs
</a>
</li>
<li class="md-nav__item">
<a href="ha-docker-swarm/shared-storage-ceph/" title="Shared Storage (Ceph)" class="md-nav__link">
Shared Storage (Ceph)
</a>
</li>
<li class="md-nav__item">
<a href="ha-docker-swarm/shared-storage-gluster/" title="Shared Storage (GlusterFS)" class="md-nav__link">
Shared Storage (GlusterFS)
</a>
</li>
<li class="md-nav__item">
<a href="ha-docker-swarm/keepalived/" title="Keepalived" class="md-nav__link">
Keepalived
</a>
</li>
<li class="md-nav__item">
<a href="ha-docker-swarm/docker-swarm-mode/" title="Docker Swarm Mode" class="md-nav__link">
Docker Swarm Mode
</a>
</li>
<li class="md-nav__item">
<a href="ha-docker-swarm/traefik/" title="Traefik" class="md-nav__link">
Traefik
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-toggle md-nav__toggle" data-md-toggle="nav-4" type="checkbox" id="nav-4">
<label class="md-nav__link" for="nav-4">
Recommended
</label>
<nav class="md-nav" data-md-component="collapsible" data-md-level="1">
<label class="md-nav__title" for="nav-4">
Recommended
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="recipies/mail/" title="Mail Server" class="md-nav__link">
Mail Server
</a>
</li>
</ul>
</nav>
</li>
</ul>
</nav>
</div>
</div>
</div>
<div class="md-sidebar md-sidebar--secondary" data-md-component="toc">
<div class="md-sidebar__scrollwrap">
<div class="md-sidebar__inner">
<nav class="md-nav md-nav--secondary">
<label class="md-nav__title" for="toc">Table of contents</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="#who-is-this-for" title="Who is this for?" class="md-nav__link">
Who is this for?
</a>
</li>
<li class="md-nav__item">
<a href="#why-should-i-read-this" title="Why should I read this?" class="md-nav__link">
Why should I read this?
</a>
</li>
<li class="md-nav__item">
<a href="#what-do-you-want-from-me" title="What do you want from me?" class="md-nav__link">
What do you want from me?
</a>
</li>
<li class="md-nav__item">
<a href="#how-can-i-support-you" title="How can I support you?" class="md-nav__link">
How can I support you?
</a>
<nav class="md-nav">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#buy-my-book" title="Buy my book 📖" class="md-nav__link">
Buy my book 📖
</a>
</li>
<li class="md-nav__item">
<a href="#patreonize-me" title="Patreonize me 💰" class="md-nav__link">
Patreonize me 💰
</a>
</li>
<li class="md-nav__item">
<a href="#hire-me" title="Hire me 🏢" class="md-nav__link">
Hire me 🏢
</a>
</li>
</ul>
</nav>
</li>
</ul>
</nav>
</div>
</div>
</div>
<div class="md-content">
<article class="md-content__inner md-typeset">
<h1 id="index">Index<a class="headerlink" href="#index" title="Permanent link">&para;</a></h1>
<p>The "<strong>Geek's Cookbook</strong>" is a collection of guides for establishing your own highly-available "private cloud" <sup id="fnref:1"><a class="footnote-ref" href="#fn:1" rel="footnote">1</a></sup>. This cloud enables you to run self-hosted services such as <a href="./gitlab">GitLab</a>, <a href="./plex">Plex</a>, <a href="./nextcloud">NextCloud</a>, etc.</p>
<h2 id="who-is-this-for">Who is this for?<a class="headerlink" href="#who-is-this-for" title="Permanent link">&para;</a></h2>
<p>You already have a familiarity with concepts such as <a href="https://libvirt.org/">virtual</a> <a href="https://www.virtualbox.org/">machines</a>, <a href="https://www.docker.com/">Docker</a> containers, <a href="https://letsencrypt.org/">LetsEncrypt SSL certificates</a>, databases, and command-line interfaces.</p>
<p>You've probably played with self-hosting some mainstream apps yourself, like <a href="https://www.plex.tv/">Plex</a>, <a href="https://owncloud.org/">OwnCloud</a>, <a href="https://wordpress.org/">Wordpress</a> or even <a href="https://sandstorm.io/">SandStorm</a>.</p>
<h2 id="why-should-i-read-this">Why should I read this?<a class="headerlink" href="#why-should-i-read-this" title="Permanent link">&para;</a></h2>
<p>So if you're familiar enough with the tools, and you've done self-hosting before, why would you read this book?</p>
<ol>
<li>You want to upskill. You want to do container orchestration, LetsEncrypt certificates, git collaboration.</li>
<li>You want to play. You want a safe sandbox to test new tools, keeping the ones you want and tossing the ones you don't.</li>
<li>You want reliability. Once you go from <strong>playing</strong> with a tool to actually <strong>using</strong> it, you want it to be available when you need it. Having to "<em>quickly ssh into the host and restart the webserver</em>" doesn't cut it when your wife wants to know why her phone won't sync!</li>
</ol>
<h2 id="what-do-you-want-from-me">What do you want from me?<a class="headerlink" href="#what-do-you-want-from-me" title="Permanent link">&para;</a></h2>
<p>I want your money.</p>
<p>No, seriously (<em>but yes, I do want your money - see below</em>), If the above applies to you, then you're like me. I want everything I wrote above, so I ended up learning all this as I went along. I enjoy it, and I'm good at it. So I created this website, partly to make sure I documented my own setup properly.</p>
<h2 id="how-can-i-support-you">How can I support you?<a class="headerlink" href="#how-can-i-support-you" title="Permanent link">&para;</a></h2>
<h3 id="buy-my-book">Buy my book 📖<a class="headerlink" href="#buy-my-book" title="Permanent link">&para;</a></h3>
<p>I'm also writing it as a formal book, on Leanpub (<a href="https://leanpub.com/geeks-cookbook">https://leanpub.com/geeks-cookbook</a>). Buy it for $0.99 (which is really just a token gesture of support) - you can get it for free (in PDF, mobi, or epub format), or pay me what you think it's worth!</p>
<h3 id="patreonize-me"><a href="https://www.patreon.com/funkypenguin">Patreonize me 💰</a><a class="headerlink" href="#patreonize-me" title="Permanent link">&para;</a></h3>
<p><a href="https://www.patreon.com/bePatron?u=6982506" data-patreon-widget-type="become-patron-button">Become a Patron!</a><script async src="https://c6.patreon.com/becomePatronButton.bundle.js"></script>
- <a href="https://www.patreon.com/funkypenguin">My Patreon page</a>!</p>
<h3 id="hire-me">Hire me 🏢<a class="headerlink" href="#hire-me" title="Permanent link">&para;</a></h3>
<p>Need some system design work done? I do freelance consulting - <a href="https://www.funkypenguin.co.nz/contact/">contact</a> me for details.</p>
<div class="footnote">
<hr />
<ol>
<li id="fn:1">
<p>Sorry for the buzzword, I couldn't think of a better description!&#160;<a class="footnote-backref" href="#fnref:1" rev="footnote" title="Jump back to footnote 1 in the text">&#8617;</a></p>
</li>
</ol>
</div>
</article>
</div>
</div>
</main>
<footer class="md-footer">
<div class="md-footer-nav">
<nav class="md-footer-nav__inner md-grid">
<a href="README/" title="README" class="md-flex md-footer-nav__link md-footer-nav__link--next" rel="next">
<div class="md-flex__cell md-flex__cell--stretch md-footer-nav__title">
<span class="md-flex__ellipsis">
<span class="md-footer-nav__direction">
Next
</span>
README
</span>
</div>
<div class="md-flex__cell md-flex__cell--shrink">
<i class="md-icon md-icon--arrow-forward md-footer-nav__button"></i>
</div>
</a>
</nav>
</div>
<div class="md-footer-meta md-typeset">
<div class="md-footer-meta__inner md-grid">
<div class="md-footer-copyright">
<div class="md-footer-copyright__highlight">
Copyright &copy; 2016 - 2017 David Young
</div>
powered by
<a href="http://www.mkdocs.org" title="MkDocs">MkDocs</a>
and
<a href="http://squidfunk.github.io/mkdocs-material/" title="Material for MkDocs">
Material for MkDocs</a>
</div>
<div class="md-footer-social">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<a href="https://github.com/funkypenguin" class="md-footer-social__link fa fa-github"></a>
<a href="https://twitter.com/funkypenguin" class="md-footer-social__link fa fa-twitter"></a>
</div>
</div>
</div>
</footer>
</div>
<script src="./assets/javascripts/application-c35428f87f.js"></script>
<script>app.initialize({url:{base:"."}})</script>
<script src="./extras/javascript/piwik.js"></script>
<script>!function(e,t,a,n,o,c,i){e.GoogleAnalyticsObject=o,e[o]=e[o]||function(){(e[o].q=e[o].q||[]).push(arguments)},e[o].l=1*new Date,c=t.createElement(a),i=t.getElementsByTagName(a)[0],c.async=1,c.src=n,i.parentNode.insertBefore(c,i)}(window,document,"script","https://www.google-analytics.com/analytics.js","ga"),ga("create","UA-139253-18","auto"),ga("set","anonymizeIp",!0),ga("send","pageview");var links=document.getElementsByTagName("a");Array.prototype.map.call(links,function(e){e.host!=document.location.host&&e.addEventListener("click",function(){var t=e.getAttribute("data-md-action")||"follow";ga("send","event","outbound",t,e.href)})});var query=document.forms.search.query;query.addEventListener("blur",function(){if(this.value){var e=document.location.pathname;ga("send","pageview",e+"?q="+this.value)}})</script>
</body>
</html>