zacharybillman-hugo/public/categories/selfhosting/index.html

212 lines
11 KiB
HTML
Raw Permalink Normal View History

2024-10-13 08:43:23 -04:00
<!DOCTYPE html>
<html lang="en" dir="auto">
<head><meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="robots" content="index, follow">
<title>Selfhosting | Zachary Billman</title>
<meta name="keywords" content="">
<meta name="description" content="Zach Billman&#39;s blog, where I talk about birds, science, and what ever else catches my fancy.">
<meta name="author" content="Zachary Billman">
<link rel="canonical" href="https://www.zacharybillman.com/categories/selfhosting/">
<link crossorigin="anonymous" href="/assets/css/stylesheet.2501c2c03e4bf83dbcd5f4c6f8fda43d8c7d579cf54417793281f3c19df525fb.css" integrity="sha256-JQHCwD5L&#43;D281fTG&#43;P2kPYx9V5z1RBd5MoHzwZ31Jfs=" rel="preload stylesheet" as="style">
<link rel="icon" href="https://www.zacharybillman.com/favicon.ico">
<link rel="icon" type="image/png" sizes="16x16" href="https://www.zacharybillman.com/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="https://www.zacharybillman.com/favicon-32x32.png">
<link rel="apple-touch-icon" href="https://www.zacharybillman.com/apple-touch-icon.png">
<link rel="mask-icon" href="https://www.zacharybillman.com/safari-pinned-tab.svg">
<meta name="theme-color" content="#2e2e33">
<meta name="msapplication-TileColor" content="#2e2e33">
<link rel="alternate" type="application/rss+xml" href="https://www.zacharybillman.com/categories/selfhosting/index.xml">
<link rel="alternate" hreflang="en" href="https://www.zacharybillman.com/categories/selfhosting/">
<noscript>
<style>
#theme-toggle,
.top-link {
display: none;
}
</style>
</noscript><script async defer data-website-id="cfe9001f-a59d-4e57-9df0-10551852558b" src="https://umami.zacharybillman.com/umami.js"></script>
<meta property="og:title" content="Selfhosting" />
<meta property="og:description" content="Zach Billman&#39;s blog, where I talk about birds, science, and what ever else catches my fancy." />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://www.zacharybillman.com/categories/selfhosting/" /><meta property="og:site_name" content="Zachary Billman" />
<meta name="twitter:card" content="summary"/>
<meta name="twitter:title" content="Selfhosting"/>
<meta name="twitter:description" content="Zach Billman&#39;s blog, where I talk about birds, science, and what ever else catches my fancy."/>
</head>
<body class="list" id="top">
<script>
if (localStorage.getItem("pref-theme") === "dark") {
document.body.classList.add('dark');
}
</script>
<header class="header">
<nav class="nav">
<div class="logo">
<a href="https://www.zacharybillman.com/" accesskey="h" title="Zachary Billman (Alt + H)">
<img src="https://www.zacharybillman.com/homepage/flask.svg" alt="" aria-label="logo"
height="35">Zachary Billman</a>
<div class="logo-switches">
<button id="theme-toggle" accesskey="t" title="(Alt + T)">
<svg id="moon" xmlns="http://www.w3.org/2000/svg" width="24" height="18" viewBox="0 0 24 24"
fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round">
<path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path>
</svg>
<svg id="sun" xmlns="http://www.w3.org/2000/svg" width="24" height="18" viewBox="0 0 24 24"
fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round">
<circle cx="12" cy="12" r="5"></circle>
<line x1="12" y1="1" x2="12" y2="3"></line>
<line x1="12" y1="21" x2="12" y2="23"></line>
<line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line>
<line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line>
<line x1="1" y1="12" x2="3" y2="12"></line>
<line x1="21" y1="12" x2="23" y2="12"></line>
<line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line>
<line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line>
</svg>
</button>
</div>
</div>
<ul id="menu">
<li>
<a href="https://www.zacharybillman.com/categories/" title="categories">
<span>categories</span>
</a>
</li>
<li>
<a href="https://www.zacharybillman.com/tags/" title="tags">
<span>tags</span>
</a>
</li>
<li>
<a href="https://www.zacharybillman.com/posts/" title="posts">
<span>posts</span>
</a>
</li>
<li>
<a href="https://www.zacharybillman.com/search/" title="search (Alt &#43; /)" accesskey=/>
<span>search</span>
</a>
</li>
</ul>
</nav>
</header>
<main class="main">
<header class="page-header"><div class="breadcrumbs"><a href="https://www.zacharybillman.com/">Home</a>&nbsp;»&nbsp;<a href="https://www.zacharybillman.com/categories/">Categories</a></div>
<h1>
Selfhosting
</h1>
</header>
<article class="post-entry tag-entry">
<header class="entry-header">
<h2 class="entry-hint-parent">My selfhosting journey.
</h2>
</header>
<div class="entry-content">
<p>My interest in self-hosting began in my with my interests in internet privacy. Plastered all over the internet are stories about how much Google, Facebook and Amazon know about you. I deleted my Facebook account years ago, and Im too paranoid to go back to the site because theres a real possibility that Facebook has cached my account, ready to spin it back up in case I try to login again. The ads served to me were too accurate for my liking. This is despite almost never clicking on them! I have become convinced of the idea that, if you are not paying for the product, you are the product. From this assumption, it follows that anywhere I trust with my data that I am not paying for (like Google Drive, Google Photos, Dropbox, Facebook, Twitter) is using my data to earn money. We know that Google uses the labels you add to Photos to train its AI, and Facebook uses (at least) Instagram photos to train its AI. For some, the value proposition of allowing a company to use your data for a useful service in return is an acceptable one. I find this to be a reasonable stance, but I took my growing interest in internet privacy as a chance to learn about how I can take control of my data.
...</p>
</div>
<footer class="entry-footer"><span title='2022-07-02 00:00:00 +0000 UTC'>Saturday, July 2, 2022</span>&nbsp;·&nbsp;5 min&nbsp;·&nbsp;Zachary Billman</footer>
<a class="entry-link" aria-label="post link to My selfhosting journey." href="https://www.zacharybillman.com/posts/my-selfhosting-journey/"></a>
</article>
<article class="post-entry tag-entry">
<header class="entry-header">
<h2 class="entry-hint-parent">What I&#39;m currently selfhosting.
</h2>
</header>
<div class="entry-content">
<p>N.B.: I hope to add screenshots for each of these eventually. For now, I hope links to each services website will suffice.
Seafile
This is a great tool for managing files. I moved to this from Nextcloud because I am of the philosophy that I would prefer services that do one thing excellently instead of many things well. Nextcloud is an incredible Office365 replacement, but I found myself using a fraction of what it was capable of providing. Enter Seafile. It is cloud file syncing with a robust encryption implementation, just what the doctor ordered.
...</p>
</div>
<footer class="entry-footer"><span title='2022-07-02 00:00:00 +0000 UTC'>Saturday, July 2, 2022</span>&nbsp;·&nbsp;6 min&nbsp;·&nbsp;Zachary Billman</footer>
<a class="entry-link" aria-label="post link to What I&#39;m currently selfhosting." href="https://www.zacharybillman.com/posts/zpb-current-selfhosted/"></a>
</article>
</main>
<footer class="footer">
<span>&copy; 2024 <a href="https://www.zacharybillman.com/">Zachary Billman</a></span> ·
<span>
Powered by
<a href="https://gohugo.io/" rel="noopener noreferrer" target="_blank">Hugo</a> &
<a href="https://github.com/adityatelange/hugo-PaperMod/" rel="noopener" target="_blank">PaperMod</a>
</span>
</footer>
<a href="#top" aria-label="go to top" title="Go to Top (Alt + G)" class="top-link" id="top-link" accesskey="g">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 6" fill="currentColor">
<path d="M12 6H0l6-6z" />
</svg>
</a>
<script>
let menu = document.getElementById('menu')
if (menu) {
menu.scrollLeft = localStorage.getItem("menu-scroll-position");
menu.onscroll = function () {
localStorage.setItem("menu-scroll-position", menu.scrollLeft);
}
}
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener("click", function (e) {
e.preventDefault();
var id = this.getAttribute("href").substr(1);
if (!window.matchMedia('(prefers-reduced-motion: reduce)').matches) {
document.querySelector(`[id='${decodeURIComponent(id)}']`).scrollIntoView({
behavior: "smooth"
});
} else {
document.querySelector(`[id='${decodeURIComponent(id)}']`).scrollIntoView();
}
if (id === "top") {
history.replaceState(null, null, " ");
} else {
history.pushState(null, null, `#${id}`);
}
});
});
</script>
<script>
var mybutton = document.getElementById("top-link");
window.onscroll = function () {
if (document.body.scrollTop > 800 || document.documentElement.scrollTop > 800) {
mybutton.style.visibility = "visible";
mybutton.style.opacity = "1";
} else {
mybutton.style.visibility = "hidden";
mybutton.style.opacity = "0";
}
};
</script>
<script>
document.getElementById("theme-toggle").addEventListener("click", () => {
if (document.body.className.includes("dark")) {
document.body.classList.remove('dark');
localStorage.setItem("pref-theme", 'light');
} else {
document.body.classList.add('dark');
localStorage.setItem("pref-theme", 'dark');
}
})
</script>
</body>
</html>