1436 lines
47 KiB
HTML
1436 lines
47 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en" dir="ltr" class="scroll-smooth" data-default-appearance="light"
|
||
data-auto-appearance="true"><head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script>
|
||
<meta charset="utf-8" />
|
||
|
||
<meta http-equiv="content-language" content="en" />
|
||
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
|
||
|
||
<title>Self-host Projects · SWangNice</title>
|
||
<meta name="title" content="Self-host Projects · SWangNice" />
|
||
|
||
<meta name="description" content="My awesome website (English)" />
|
||
|
||
|
||
|
||
<link rel="canonical" href="http://localhost:1313/projects/self_host/" />
|
||
|
||
<link rel="alternate" type="application/rss+xml" href="/projects/self_host/index.xml" title="SWangNice" />
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<link type="text/css" rel="stylesheet" href="/css/main.bundle.min.3d98b0e3c7886b2be13facfb539c8f79843dd3cff84d1c41763deb363c668c308c7c7ac9ecb3923f8602e257866ff553de4228ff50492074acc6d07b3d232fb1.css"
|
||
integrity="sha512-PZiw48eIayvhP6z7U5yPeYQ908/4TRxBdj3rNjxmjDCMfHrJ7LOSP4YC4leGb/VT3kIo/1BJIHSsxtB7PSMvsQ==" />
|
||
|
||
|
||
<script type="text/javascript" src="/js/appearance.min.516a16745bea5a9bd011138d254cc0fd3973cd55ce6e15f3dec763e7c7c2c7448f8fe7b54cca811cb821b0c7e12cd161caace1dd794ac3d34d40937cbcc9ee12.js"
|
||
integrity="sha512-UWoWdFvqWpvQERONJUzA/TlzzVXObhXz3sdj58fCx0SPj+e1TMqBHLghsMfhLNFhyqzh3XlKw9NNQJN8vMnuEg=="></script>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<script defer type="text/javascript" id="script-bundle" src="/js/main.bundle.min.f8f2cec11308434554dfdbe3a0963bc19265192ebb9e2d644f3f9250731c879dfb09b44d2d58fcd06e8a1c9051b57f594719b37d21689d366ffd2db050df40a0.js"
|
||
integrity="sha512-+PLOwRMIQ0VU39vjoJY7wZJlGS67ni1kTz+SUHMch537CbRNLVj80G6KHJBRtX9ZRxmzfSFonTZv/S2wUN9AoA==" data-copy="Copy" data-copied="Copied"></script>
|
||
|
||
|
||
|
||
<script src="/lib/zoom/zoom.min.f592a181a15d2a5b042daa7f746c3721acf9063f8b6acd175d989129865a37d400ae0e85b640f9ad42cd98d1f8ad30931718cf8811abdcc5fcb264400d1a2b0c.js" integrity="sha512-9ZKhgaFdKlsELap/dGw3Iaz5Bj+Las0XXZiRKYZaN9QArg6FtkD5rULNmNH4rTCTFxjPiBGr3MX8smRADRorDA=="></script>
|
||
|
||
|
||
|
||
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
|
||
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
|
||
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
|
||
<link rel="manifest" href="/site.webmanifest" />
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<meta property="og:url" content="http://localhost:1313/projects/self_host/">
|
||
<meta property="og:site_name" content="SWangNice">
|
||
<meta property="og:title" content="Self-host Projects">
|
||
<meta property="og:description" content="I’ve recently been exploring the world of self-hosted solutions, and it’s nothing short of amazing. There are some great collections out there that showcase powerful, privacy-respecting tools you can run on your own hardware:
|
||
A collection on GitHub selfh.st ❓ Why Self-Host? # I enjoy automating tasks and making my life smarter with scripts and small tools. Having control over the services I use, running them on my own hardware, and customizing everything to suit my needs—it’s both empowering and educational.">
|
||
<meta property="og:locale" content="en">
|
||
<meta property="og:type" content="website">
|
||
<meta property="og:image" content="http://localhost:1313/projects/self_host/feature.png">
|
||
|
||
|
||
<meta name="twitter:card" content="summary_large_image">
|
||
<meta name="twitter:image" content="http://localhost:1313/projects/self_host/feature.png">
|
||
<meta name="twitter:title" content="Self-host Projects">
|
||
<meta name="twitter:description" content="I’ve recently been exploring the world of self-hosted solutions, and it’s nothing short of amazing. There are some great collections out there that showcase powerful, privacy-respecting tools you can run on your own hardware:
|
||
A collection on GitHub selfh.st ❓ Why Self-Host? # I enjoy automating tasks and making my life smarter with scripts and small tools. Having control over the services I use, running them on my own hardware, and customizing everything to suit my needs—it’s both empowering and educational.">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<meta name="author" content="SWang" />
|
||
|
||
|
||
|
||
|
||
<link href="https://swangnice.com" rel="me" />
|
||
|
||
|
||
|
||
|
||
<link href="https://github.com/swangnice" rel="me" />
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<script src="/lib/jquery/jquery.slim.min.b0dca576e87d7eaa5850ae4e61759c065786cdb6489d68fcc82240539eebd5da522bdb4fda085ffd245808c8fe2acb2516408eb774ef26b5f6015fc6737c0ea8.js" integrity="sha512-sNylduh9fqpYUK5OYXWcBleGzbZInWj8yCJAU57r1dpSK9tP2ghf/SRYCMj+KsslFkCOt3TvJrX2AV/Gc3wOqA=="></script>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<meta name="theme-color"/>
|
||
|
||
|
||
</head>
|
||
<body
|
||
class="flex flex-col h-screen px-6 m-auto text-lg leading-7 max-w-7xl bg-neutral text-neutral-900 dark:bg-neutral-800 dark:text-neutral sm:px-14 md:px-24 lg:px-32 scrollbar-thin scrollbar-track-neutral-200 scrollbar-thumb-neutral-400 dark:scrollbar-track-neutral-800 dark:scrollbar-thumb-neutral-600">
|
||
<div id="the-top" class="absolute flex self-center">
|
||
<a class="px-3 py-1 text-sm -translate-y-8 rounded-b-lg bg-primary-200 focus:translate-y-0 dark:bg-neutral-600"
|
||
href="#main-content"><span
|
||
class="font-bold text-primary-600 ltr:pr-2 rtl:pl-2 dark:text-primary-400">↓</span>Skip to main content</a>
|
||
</div>
|
||
|
||
|
||
<div style="padding-left:0;padding-right:0;padding-top:2px;padding-bottom:3px"
|
||
class="main-menu flex items-center justify-between px-4 py-6 sm:px-6 md:justify-start gap-x-3">
|
||
|
||
<div class="flex flex-1 items-center justify-between">
|
||
<nav class="flex space-x-3">
|
||
|
||
|
||
<a href="/" class="text-base font-medium text-gray-500 hover:text-gray-900">SWangNice</a>
|
||
|
||
|
||
</nav>
|
||
<nav class="hidden md:flex items-center gap-x-5 md:ml-12 h-12">
|
||
|
||
|
||
|
||
|
||
<a href="/en/" class="flex items-center text-gray-500 hover:text-primary-600 dark:hover:text-primary-400">
|
||
|
||
<p class="text-base font-medium" title="">
|
||
Home
|
||
</p>
|
||
</a>
|
||
|
||
|
||
|
||
|
||
|
||
<div>
|
||
<div class="cursor-pointer flex items-center nested-menu">
|
||
|
||
<a href="/notes/" class="text-base font-medium text-gray-500 hover:text-primary-600 dark:hover:text-primary-400" title="Notes">
|
||
Notes
|
||
</a>
|
||
<span>
|
||
|
||
|
||
<span class="relative block icon">
|
||
<svg
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
viewBox="0 0 20 20"
|
||
fill="currentColor"
|
||
aria-hidden="true"
|
||
>
|
||
<path
|
||
fill-rule="evenodd"
|
||
d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z"
|
||
clip-rule="evenodd"
|
||
/>
|
||
</svg>
|
||
|
||
</span>
|
||
|
||
|
||
</span>
|
||
</div>
|
||
<div class="absolute menuhide">
|
||
<div class="pt-2 p-5 mt-2 rounded-xl backdrop-blur shadow-2xl">
|
||
<div class="flex flex-col space-y-3">
|
||
|
||
<a href="/notes/coding/" class="flex items-center text-gray-500 hover:text-primary-600 dark:hover:text-primary-400">
|
||
|
||
<p class="text-sm font-sm" title="">
|
||
Coding
|
||
</p>
|
||
</a>
|
||
|
||
<a href="/notes/pdf/" class="flex items-center text-gray-500 hover:text-primary-600 dark:hover:text-primary-400">
|
||
|
||
<p class="text-sm font-sm" title="">
|
||
PDF Collection
|
||
</p>
|
||
</a>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
<div>
|
||
<div class="cursor-pointer flex items-center nested-menu">
|
||
|
||
<a href="/projects/" class="text-base font-medium text-gray-500 hover:text-primary-600 dark:hover:text-primary-400" title="Projects">
|
||
Projects
|
||
</a>
|
||
<span>
|
||
|
||
|
||
<span class="relative block icon">
|
||
<svg
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
viewBox="0 0 20 20"
|
||
fill="currentColor"
|
||
aria-hidden="true"
|
||
>
|
||
<path
|
||
fill-rule="evenodd"
|
||
d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z"
|
||
clip-rule="evenodd"
|
||
/>
|
||
</svg>
|
||
|
||
</span>
|
||
|
||
|
||
</span>
|
||
</div>
|
||
<div class="absolute menuhide">
|
||
<div class="pt-2 p-5 mt-2 rounded-xl backdrop-blur shadow-2xl">
|
||
<div class="flex flex-col space-y-3">
|
||
|
||
<a href="/projects/embedded/" class="flex items-center text-gray-500 hover:text-primary-600 dark:hover:text-primary-400">
|
||
|
||
<p class="text-sm font-sm" title="">
|
||
Fancy Things on Boards
|
||
</p>
|
||
</a>
|
||
|
||
<a href="/projects/self_host/" class="flex items-center text-gray-500 hover:text-primary-600 dark:hover:text-primary-400">
|
||
|
||
<p class="text-sm font-sm" title="">
|
||
Self-host
|
||
</p>
|
||
</a>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
<div>
|
||
<div class="cursor-pointer flex items-center nested-menu">
|
||
|
||
<a class="text-base font-medium text-gray-500 hover:text-primary-600 dark:hover:text-primary-400" title="">
|
||
RestHere
|
||
</a>
|
||
<span>
|
||
|
||
|
||
<span class="relative block icon">
|
||
<svg
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
viewBox="0 0 20 20"
|
||
fill="currentColor"
|
||
aria-hidden="true"
|
||
>
|
||
<path
|
||
fill-rule="evenodd"
|
||
d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z"
|
||
clip-rule="evenodd"
|
||
/>
|
||
</svg>
|
||
|
||
</span>
|
||
|
||
|
||
</span>
|
||
</div>
|
||
<div class="absolute menuhide">
|
||
<div class="pt-2 p-5 mt-2 rounded-xl backdrop-blur shadow-2xl">
|
||
<div class="flex flex-col space-y-3">
|
||
|
||
<a href="/life/pet/" class="flex items-center text-gray-500 hover:text-primary-600 dark:hover:text-primary-400">
|
||
|
||
<p class="text-sm font-sm" title="">
|
||
My Pet
|
||
</p>
|
||
</a>
|
||
|
||
<a href="/life/travel/" class="flex items-center text-gray-500 hover:text-primary-600 dark:hover:text-primary-400">
|
||
|
||
<p class="text-sm font-sm" title="">
|
||
My Travel
|
||
</p>
|
||
</a>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
<a href="https://swangnice.com" target="_blank" class="flex items-center text-gray-500 hover:text-primary-600 dark:hover:text-primary-400">
|
||
|
||
<span >
|
||
|
||
|
||
<span class="relative block icon">
|
||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path fill="currentColor" d="M172.5 131.1C228.1 75.51 320.5 75.51 376.1 131.1C426.1 181.1 433.5 260.8 392.4 318.3L391.3 319.9C381 334.2 361 337.6 346.7 327.3C332.3 317 328.9 297 339.2 282.7L340.3 281.1C363.2 249 359.6 205.1 331.7 177.2C300.3 145.8 249.2 145.8 217.7 177.2L105.5 289.5C73.99 320.1 73.99 372 105.5 403.5C133.3 431.4 177.3 435 209.3 412.1L210.9 410.1C225.3 400.7 245.3 404 255.5 418.4C265.8 432.8 262.5 452.8 248.1 463.1L246.5 464.2C188.1 505.3 110.2 498.7 60.21 448.8C3.741 392.3 3.741 300.7 60.21 244.3L172.5 131.1zM467.5 380C411 436.5 319.5 436.5 263 380C213 330 206.5 251.2 247.6 193.7L248.7 192.1C258.1 177.8 278.1 174.4 293.3 184.7C307.7 194.1 311.1 214.1 300.8 229.3L299.7 230.9C276.8 262.1 280.4 306.9 308.3 334.8C339.7 366.2 390.8 366.2 422.3 334.8L534.5 222.5C566 191 566 139.1 534.5 108.5C506.7 80.63 462.7 76.99 430.7 99.9L429.1 101C414.7 111.3 394.7 107.1 384.5 93.58C374.2 79.2 377.5 59.21 391.9 48.94L393.5 47.82C451 6.731 529.8 13.25 579.8 63.24C636.3 119.7 636.3 211.3 579.8 267.7L467.5 380z"/></svg>
|
||
|
||
</span>
|
||
|
||
|
||
</span>
|
||
|
||
<p class="text-base font-medium" title="">
|
||
|
||
</p>
|
||
</a>
|
||
|
||
|
||
|
||
|
||
|
||
<a href="https://github.com/swangnice" target="_blank" class="flex items-center text-gray-500 hover:text-primary-600 dark:hover:text-primary-400">
|
||
|
||
<span >
|
||
|
||
|
||
<span class="relative block icon">
|
||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"/></svg>
|
||
|
||
</span>
|
||
|
||
|
||
</span>
|
||
|
||
<p class="text-base font-medium" title="">
|
||
|
||
</p>
|
||
</a>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<div>
|
||
<div class="cursor-pointer flex items-center nested-menu">
|
||
<span class="ltr:mr-1 rtl:ml-1">
|
||
|
||
|
||
<span class="relative block icon">
|
||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512">
|
||
<path fill="currentColor" d="M0 128C0 92.7 28.7 64 64 64H256h48 16H576c35.3 0 64 28.7 64 64V384c0 35.3-28.7 64-64 64H320 304 256 64c-35.3 0-64-28.7-64-64V128zm320 0V384H576V128H320zM178.3 175.9c-3.2-7.2-10.4-11.9-18.3-11.9s-15.1 4.7-18.3 11.9l-64 144c-4.5 10.1 .1 21.9 10.2 26.4s21.9-.1 26.4-10.2l8.9-20.1h73.6l8.9 20.1c4.5 10.1 16.3 14.6 26.4 10.2s14.6-16.3 10.2-26.4l-64-144zM160 233.2L179 276H141l19-42.8zM448 164c11 0 20 9 20 20v4h44 16c11 0 20 9 20 20s-9 20-20 20h-2l-1.6 4.5c-8.9 24.4-22.4 46.6-39.6 65.4c.9 .6 1.8 1.1 2.7 1.6l18.9 11.3c9.5 5.7 12.5 18 6.9 27.4s-18 12.5-27.4 6.9l-18.9-11.3c-4.5-2.7-8.8-5.5-13.1-8.5c-10.6 7.5-21.9 14-34 19.4l-3.6 1.6c-10.1 4.5-21.9-.1-26.4-10.2s.1-21.9 10.2-26.4l3.6-1.6c6.4-2.9 12.6-6.1 18.5-9.8l-12.2-12.2c-7.8-7.8-7.8-20.5 0-28.3s20.5-7.8 28.3 0l14.6 14.6 .5 .5c12.4-13.1 22.5-28.3 29.8-45H448 376c-11 0-20-9-20-20s9-20 20-20h52v-4c0-11 9-20 20-20z"/></svg>
|
||
</span>
|
||
|
||
|
||
</span>
|
||
<div class="text-sm font-medium text-gray-500 hover:text-primary-600 dark:hover:text-primary-400" title="Self-host Projects">EN</div>
|
||
</div>
|
||
<div class="absolute menuhide">
|
||
<div class="pt-2 p-5 mt-2 rounded-xl backdrop-blur shadow-2xl">
|
||
<div class="flex flex-col space-y-3">
|
||
|
||
<a href="/projects/self_host/" class="flex items-center">
|
||
<p class="text-sm font-sm text-gray-500 hover:text-primary-600 dark:hover:text-primary-400" title="Self-host Projects">
|
||
EN
|
||
</p>
|
||
</a>
|
||
|
||
<a href="/zh-cn/projects/self_host/" class="flex items-center">
|
||
<p class="text-sm font-sm text-gray-500 hover:text-primary-600 dark:hover:text-primary-400" title="Self-host Projects">
|
||
中文
|
||
</p>
|
||
</a>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
<button id="search-button" aria-label="Search" class="text-base hover:text-primary-600 dark:hover:text-primary-400"
|
||
title="">
|
||
|
||
|
||
<span class="relative block icon">
|
||
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
|
||
|
||
</span>
|
||
|
||
|
||
</button>
|
||
|
||
|
||
|
||
|
||
|
||
<div
|
||
class=" flex items-center">
|
||
<button id="appearance-switcher" aria-label="Dark mode switcher" type="button" class="text-base hover:text-primary-600 dark:hover:text-primary-400">
|
||
<div class="flex items-center justify-center dark:hidden">
|
||
|
||
|
||
<span class="relative block icon">
|
||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M32 256c0-123.8 100.3-224 223.8-224c11.36 0 29.7 1.668 40.9 3.746c9.616 1.777 11.75 14.63 3.279 19.44C245 86.5 211.2 144.6 211.2 207.8c0 109.7 99.71 193 208.3 172.3c9.561-1.805 16.28 9.324 10.11 16.95C387.9 448.6 324.8 480 255.8 480C132.1 480 32 379.6 32 256z"/></svg>
|
||
|
||
</span>
|
||
|
||
|
||
</div>
|
||
<div class="items-center justify-center hidden dark:flex">
|
||
|
||
|
||
<span class="relative block icon">
|
||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M256 159.1c-53.02 0-95.1 42.98-95.1 95.1S202.1 351.1 256 351.1s95.1-42.98 95.1-95.1S309 159.1 256 159.1zM509.3 347L446.1 255.1l63.15-91.01c6.332-9.125 1.104-21.74-9.826-23.72l-109-19.7l-19.7-109c-1.975-10.93-14.59-16.16-23.72-9.824L256 65.89L164.1 2.736c-9.125-6.332-21.74-1.107-23.72 9.824L121.6 121.6L12.56 141.3C1.633 143.2-3.596 155.9 2.736 164.1L65.89 256l-63.15 91.01c-6.332 9.125-1.105 21.74 9.824 23.72l109 19.7l19.7 109c1.975 10.93 14.59 16.16 23.72 9.824L256 446.1l91.01 63.15c9.127 6.334 21.75 1.107 23.72-9.822l19.7-109l109-19.7C510.4 368.8 515.6 356.1 509.3 347zM256 383.1c-70.69 0-127.1-57.31-127.1-127.1c0-70.69 57.31-127.1 127.1-127.1s127.1 57.3 127.1 127.1C383.1 326.7 326.7 383.1 256 383.1z"/></svg>
|
||
|
||
</span>
|
||
|
||
|
||
</div>
|
||
</button>
|
||
</div>
|
||
|
||
|
||
</nav>
|
||
<div class="flex md:hidden items-center gap-x-5 md:ml-12 h-12">
|
||
|
||
<span></span>
|
||
|
||
|
||
<div>
|
||
<div class="cursor-pointer flex items-center nested-menu">
|
||
<span class="ltr:mr-1 rtl:ml-1">
|
||
|
||
|
||
<span class="relative block icon">
|
||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512">
|
||
<path fill="currentColor" d="M0 128C0 92.7 28.7 64 64 64H256h48 16H576c35.3 0 64 28.7 64 64V384c0 35.3-28.7 64-64 64H320 304 256 64c-35.3 0-64-28.7-64-64V128zm320 0V384H576V128H320zM178.3 175.9c-3.2-7.2-10.4-11.9-18.3-11.9s-15.1 4.7-18.3 11.9l-64 144c-4.5 10.1 .1 21.9 10.2 26.4s21.9-.1 26.4-10.2l8.9-20.1h73.6l8.9 20.1c4.5 10.1 16.3 14.6 26.4 10.2s14.6-16.3 10.2-26.4l-64-144zM160 233.2L179 276H141l19-42.8zM448 164c11 0 20 9 20 20v4h44 16c11 0 20 9 20 20s-9 20-20 20h-2l-1.6 4.5c-8.9 24.4-22.4 46.6-39.6 65.4c.9 .6 1.8 1.1 2.7 1.6l18.9 11.3c9.5 5.7 12.5 18 6.9 27.4s-18 12.5-27.4 6.9l-18.9-11.3c-4.5-2.7-8.8-5.5-13.1-8.5c-10.6 7.5-21.9 14-34 19.4l-3.6 1.6c-10.1 4.5-21.9-.1-26.4-10.2s.1-21.9 10.2-26.4l3.6-1.6c6.4-2.9 12.6-6.1 18.5-9.8l-12.2-12.2c-7.8-7.8-7.8-20.5 0-28.3s20.5-7.8 28.3 0l14.6 14.6 .5 .5c12.4-13.1 22.5-28.3 29.8-45H448 376c-11 0-20-9-20-20s9-20 20-20h52v-4c0-11 9-20 20-20z"/></svg>
|
||
</span>
|
||
|
||
|
||
</span>
|
||
<div class="text-sm font-medium text-gray-500 hover:text-primary-600 dark:hover:text-primary-400" title="Self-host Projects">EN</div>
|
||
</div>
|
||
<div class="absolute menuhide">
|
||
<div class="pt-2 p-5 mt-2 rounded-xl backdrop-blur shadow-2xl">
|
||
<div class="flex flex-col space-y-3">
|
||
|
||
<a href="/projects/self_host/" class="flex items-center">
|
||
<p class="text-sm font-sm text-gray-500 hover:text-primary-600 dark:hover:text-primary-400" title="Self-host Projects">
|
||
EN
|
||
</p>
|
||
</a>
|
||
|
||
<a href="/zh-cn/projects/self_host/" class="flex items-center">
|
||
<p class="text-sm font-sm text-gray-500 hover:text-primary-600 dark:hover:text-primary-400" title="Self-host Projects">
|
||
中文
|
||
</p>
|
||
</a>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
<button id="search-button-mobile" aria-label="Search" class="text-base hover:text-primary-600 dark:hover:text-primary-400"
|
||
title="">
|
||
|
||
|
||
<span class="relative block icon">
|
||
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
|
||
|
||
</span>
|
||
|
||
|
||
</button>
|
||
|
||
|
||
|
||
|
||
<button id="appearance-switcher-mobile" aria-label="Dark mode switcher" type="button" class="text-base hover:text-primary-600 dark:hover:text-primary-400 ltr:mr-1 rtl:ml-1">
|
||
<div class="flex items-center justify-center dark:hidden">
|
||
|
||
|
||
<span class="relative block icon">
|
||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M32 256c0-123.8 100.3-224 223.8-224c11.36 0 29.7 1.668 40.9 3.746c9.616 1.777 11.75 14.63 3.279 19.44C245 86.5 211.2 144.6 211.2 207.8c0 109.7 99.71 193 208.3 172.3c9.561-1.805 16.28 9.324 10.11 16.95C387.9 448.6 324.8 480 255.8 480C132.1 480 32 379.6 32 256z"/></svg>
|
||
|
||
</span>
|
||
|
||
|
||
</div>
|
||
<div class="items-center justify-center hidden dark:flex">
|
||
|
||
|
||
<span class="relative block icon">
|
||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M256 159.1c-53.02 0-95.1 42.98-95.1 95.1S202.1 351.1 256 351.1s95.1-42.98 95.1-95.1S309 159.1 256 159.1zM509.3 347L446.1 255.1l63.15-91.01c6.332-9.125 1.104-21.74-9.826-23.72l-109-19.7l-19.7-109c-1.975-10.93-14.59-16.16-23.72-9.824L256 65.89L164.1 2.736c-9.125-6.332-21.74-1.107-23.72 9.824L121.6 121.6L12.56 141.3C1.633 143.2-3.596 155.9 2.736 164.1L65.89 256l-63.15 91.01c-6.332 9.125-1.105 21.74 9.824 23.72l109 19.7l19.7 109c1.975 10.93 14.59 16.16 23.72 9.824L256 446.1l91.01 63.15c9.127 6.334 21.75 1.107 23.72-9.822l19.7-109l109-19.7C510.4 368.8 515.6 356.1 509.3 347zM256 383.1c-70.69 0-127.1-57.31-127.1-127.1c0-70.69 57.31-127.1 127.1-127.1s127.1 57.3 127.1 127.1C383.1 326.7 326.7 383.1 256 383.1z"/></svg>
|
||
|
||
</span>
|
||
|
||
|
||
</div>
|
||
</button>
|
||
|
||
|
||
</div>
|
||
</div>
|
||
<div class="-my-2 md:hidden">
|
||
|
||
<label id="menu-button" class="block">
|
||
|
||
<div class="cursor-pointer hover:text-primary-600 dark:hover:text-primary-400">
|
||
|
||
|
||
<span class="relative block icon">
|
||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96zM0 256C0 238.3 14.33 224 32 224H416C433.7 224 448 238.3 448 256C448 273.7 433.7 288 416 288H32C14.33 288 0 273.7 0 256zM416 448H32C14.33 448 0 433.7 0 416C0 398.3 14.33 384 32 384H416C433.7 384 448 398.3 448 416C448 433.7 433.7 448 416 448z"/></svg>
|
||
|
||
</span>
|
||
|
||
|
||
</div>
|
||
<div id="menu-wrapper" style="padding-top:5px;"
|
||
class="fixed inset-0 z-30 invisible w-screen h-screen m-0 overflow-auto transition-opacity opacity-0 cursor-default bg-neutral-100/50 backdrop-blur-sm dark:bg-neutral-900/50">
|
||
<ul
|
||
class="flex space-y-2 mt-3 flex-col items-end w-full px-6 py-6 mx-auto overflow-visible list-none ltr:text-right rtl:text-left max-w-7xl">
|
||
|
||
<li id="menu-close-button">
|
||
<span
|
||
class="cursor-pointer inline-block align-text-bottom hover:text-primary-600 dark:hover:text-primary-400">
|
||
|
||
<span class="relative block icon">
|
||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z"/></svg>
|
||
|
||
</span>
|
||
|
||
</span>
|
||
</li>
|
||
|
||
|
||
|
||
|
||
<li class="mt-1">
|
||
<a href="/en/" class="flex items-center text-gray-500 hover:text-primary-600 dark:hover:text-primary-400">
|
||
|
||
<p class="text-bg font-bg" title="">
|
||
Home
|
||
</p>
|
||
</a>
|
||
</li>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li class="mt-1">
|
||
<a href="/notes/" class="flex items-center text-gray-500 hover:text-primary-600 dark:hover:text-primary-400">
|
||
|
||
<p class="text-bg font-bg" title="Notes">
|
||
Notes
|
||
</p>
|
||
<span>
|
||
|
||
|
||
<span class="relative block icon">
|
||
<svg
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
viewBox="0 0 20 20"
|
||
fill="currentColor"
|
||
aria-hidden="true"
|
||
>
|
||
<path
|
||
fill-rule="evenodd"
|
||
d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z"
|
||
clip-rule="evenodd"
|
||
/>
|
||
</svg>
|
||
|
||
</span>
|
||
|
||
|
||
</span>
|
||
</a>
|
||
</li>
|
||
|
||
<li class="mt-1">
|
||
<a href="/notes/coding/" class="flex items-center text-gray-500 hover:text-primary-600 dark:hover:text-primary-400">
|
||
|
||
<p class="text-sm font-small" title="">
|
||
Coding
|
||
</p>
|
||
</a>
|
||
</li>
|
||
|
||
<li class="mt-1">
|
||
<a href="/notes/pdf/" class="flex items-center text-gray-500 hover:text-primary-600 dark:hover:text-primary-400">
|
||
|
||
<p class="text-sm font-small" title="">
|
||
PDF Collection
|
||
</p>
|
||
</a>
|
||
</li>
|
||
|
||
<li class="mb-2"></li>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li class="mt-1">
|
||
<a href="/projects/" class="flex items-center text-gray-500 hover:text-primary-600 dark:hover:text-primary-400">
|
||
|
||
<p class="text-bg font-bg" title="Projects">
|
||
Projects
|
||
</p>
|
||
<span>
|
||
|
||
|
||
<span class="relative block icon">
|
||
<svg
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
viewBox="0 0 20 20"
|
||
fill="currentColor"
|
||
aria-hidden="true"
|
||
>
|
||
<path
|
||
fill-rule="evenodd"
|
||
d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z"
|
||
clip-rule="evenodd"
|
||
/>
|
||
</svg>
|
||
|
||
</span>
|
||
|
||
|
||
</span>
|
||
</a>
|
||
</li>
|
||
|
||
<li class="mt-1">
|
||
<a href="/projects/embedded/" class="flex items-center text-gray-500 hover:text-primary-600 dark:hover:text-primary-400">
|
||
|
||
<p class="text-sm font-small" title="">
|
||
Fancy Things on Boards
|
||
</p>
|
||
</a>
|
||
</li>
|
||
|
||
<li class="mt-1">
|
||
<a href="/projects/self_host/" class="flex items-center text-gray-500 hover:text-primary-600 dark:hover:text-primary-400">
|
||
|
||
<p class="text-sm font-small" title="">
|
||
Self-host
|
||
</p>
|
||
</a>
|
||
</li>
|
||
|
||
<li class="mb-2"></li>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li class="mt-1">
|
||
<a href="" class="flex items-center text-gray-500 hover:text-primary-600 dark:hover:text-primary-400">
|
||
|
||
<p class="text-bg font-bg" title="">
|
||
RestHere
|
||
</p>
|
||
<span>
|
||
|
||
|
||
<span class="relative block icon">
|
||
<svg
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
viewBox="0 0 20 20"
|
||
fill="currentColor"
|
||
aria-hidden="true"
|
||
>
|
||
<path
|
||
fill-rule="evenodd"
|
||
d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z"
|
||
clip-rule="evenodd"
|
||
/>
|
||
</svg>
|
||
|
||
</span>
|
||
|
||
|
||
</span>
|
||
</a>
|
||
</li>
|
||
|
||
<li class="mt-1">
|
||
<a href="/life/pet/" class="flex items-center text-gray-500 hover:text-primary-600 dark:hover:text-primary-400">
|
||
|
||
<p class="text-sm font-small" title="">
|
||
My Pet
|
||
</p>
|
||
</a>
|
||
</li>
|
||
|
||
<li class="mt-1">
|
||
<a href="/life/travel/" class="flex items-center text-gray-500 hover:text-primary-600 dark:hover:text-primary-400">
|
||
|
||
<p class="text-sm font-small" title="">
|
||
My Travel
|
||
</p>
|
||
</a>
|
||
</li>
|
||
|
||
<li class="mb-2"></li>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li class="mt-1">
|
||
<a href="https://swangnice.com" target="_blank" class="flex items-center text-gray-500 hover:text-primary-600 dark:hover:text-primary-400">
|
||
|
||
<div >
|
||
|
||
|
||
<span class="relative block icon">
|
||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path fill="currentColor" d="M172.5 131.1C228.1 75.51 320.5 75.51 376.1 131.1C426.1 181.1 433.5 260.8 392.4 318.3L391.3 319.9C381 334.2 361 337.6 346.7 327.3C332.3 317 328.9 297 339.2 282.7L340.3 281.1C363.2 249 359.6 205.1 331.7 177.2C300.3 145.8 249.2 145.8 217.7 177.2L105.5 289.5C73.99 320.1 73.99 372 105.5 403.5C133.3 431.4 177.3 435 209.3 412.1L210.9 410.1C225.3 400.7 245.3 404 255.5 418.4C265.8 432.8 262.5 452.8 248.1 463.1L246.5 464.2C188.1 505.3 110.2 498.7 60.21 448.8C3.741 392.3 3.741 300.7 60.21 244.3L172.5 131.1zM467.5 380C411 436.5 319.5 436.5 263 380C213 330 206.5 251.2 247.6 193.7L248.7 192.1C258.1 177.8 278.1 174.4 293.3 184.7C307.7 194.1 311.1 214.1 300.8 229.3L299.7 230.9C276.8 262.1 280.4 306.9 308.3 334.8C339.7 366.2 390.8 366.2 422.3 334.8L534.5 222.5C566 191 566 139.1 534.5 108.5C506.7 80.63 462.7 76.99 430.7 99.9L429.1 101C414.7 111.3 394.7 107.1 384.5 93.58C374.2 79.2 377.5 59.21 391.9 48.94L393.5 47.82C451 6.731 529.8 13.25 579.8 63.24C636.3 119.7 636.3 211.3 579.8 267.7L467.5 380z"/></svg>
|
||
|
||
</span>
|
||
|
||
|
||
</div>
|
||
|
||
<p class="text-bg font-bg" title="">
|
||
|
||
</p>
|
||
</a>
|
||
</li>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li class="mt-1">
|
||
<a href="https://github.com/swangnice" target="_blank" class="flex items-center text-gray-500 hover:text-primary-600 dark:hover:text-primary-400">
|
||
|
||
<div >
|
||
|
||
|
||
<span class="relative block icon">
|
||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"/></svg>
|
||
|
||
</span>
|
||
|
||
|
||
</div>
|
||
|
||
<p class="text-bg font-bg" title="">
|
||
|
||
</p>
|
||
</a>
|
||
</li>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</ul>
|
||
|
||
|
||
|
||
</div>
|
||
</label>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<div class="relative flex flex-col grow">
|
||
<main id="main-content" class="grow">
|
||
|
||
|
||
|
||
<header>
|
||
|
||
<h1 class="mt-5 text-4xl font-extrabold text-neutral-900 dark:text-neutral">Self-host Projects</h1>
|
||
<div class="mt-1 mb-2 text-base text-neutral-500 dark:text-neutral-400 print:hidden">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<div class="flex flex-row flex-wrap items-center">
|
||
|
||
|
||
</div>
|
||
|
||
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<script>
|
||
var oid = "views_projects\/self_host\/_index.md"
|
||
var oid_likes = "likes_projects\/self_host\/_index.md"
|
||
</script>
|
||
|
||
|
||
<script type="text/javascript" src="/js/page.min.0860cf4e04fa2d72cc33ddba263083464d48f67de06114529043cb4623319efed4f484fd7f1730df5abea0e2da6f3538855634081d02f2d6e920b956f063e823.js" integrity="sha512-CGDPTgT6LXLMM926JjCDRk1I9n3gYRRSkEPLRiMxnv7U9IT9fxcw31q+oOLabzU4hVY0CB0C8tbpILlW8GPoIw=="></script>
|
||
|
||
</header>
|
||
<section class="mt-12 prose flex max-w-full flex-col dark:prose-invert lg:flex-row">
|
||
|
||
<div class="order-first px-0 lg:order-last lg:max-w-xs ltr:lg:pl-8 rtl:lg:pr-8">
|
||
<div class="toc ltr:pl-5 rtl:pr-5 lg:sticky lg:top-10">
|
||
<details open id="TOCView"
|
||
class="toc-right mt-0 overflow-y-scroll overscroll-contain scrollbar-thin scrollbar-track-neutral-200 scrollbar-thumb-neutral-400 dark:scrollbar-track-neutral-800 dark:scrollbar-thumb-neutral-600 rounded-lg ltr:-ml-5 ltr:pl-5 rtl:-mr-5 rtl:pr-5 hidden lg:block">
|
||
<summary
|
||
class="block py-1 text-lg font-semibold cursor-pointer bg-neutral-100 text-neutral-800 ltr:-ml-5 ltr:pl-5 rtl:-mr-5 rtl:pr-5 dark:bg-neutral-700 dark:text-neutral-100 lg:hidden">
|
||
Table of Contents
|
||
</summary>
|
||
<div
|
||
class="min-w-[220px] py-2 border-dotted ltr:-ml-5 ltr:border-l ltr:pl-5 rtl:-mr-5 rtl:border-r rtl:pr-5 dark:border-neutral-600">
|
||
<nav id="TableOfContents">
|
||
<ul>
|
||
<li>
|
||
<ul>
|
||
<li><a href="#-why-self-host">❓ Why Self-Host?</a></li>
|
||
<li><a href="#list">List</a></li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</nav>
|
||
</div>
|
||
</details>
|
||
<details class="toc-inside mt-0 overflow-hidden rounded-lg ltr:-ml-5 ltr:pl-5 rtl:-mr-5 rtl:pr-5 lg:hidden">
|
||
<summary
|
||
class="py-1 text-lg font-semibold cursor-pointer bg-neutral-100 text-neutral-800 ltr:-ml-5 ltr:pl-5 rtl:-mr-5 rtl:pr-5 dark:bg-neutral-700 dark:text-neutral-100 lg:hidden">
|
||
Table of Contents
|
||
</summary>
|
||
<div
|
||
class="py-2 border-dotted border-neutral-300 ltr:-ml-5 ltr:border-l ltr:pl-5 rtl:-mr-5 rtl:border-r rtl:pr-5 dark:border-neutral-600">
|
||
<nav id="TableOfContents">
|
||
<ul>
|
||
<li>
|
||
<ul>
|
||
<li><a href="#-why-self-host">❓ Why Self-Host?</a></li>
|
||
<li><a href="#list">List</a></li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</nav>
|
||
</div>
|
||
</details>
|
||
|
||
<script>
|
||
|
||
var margin = 200;
|
||
var marginError = 50;
|
||
|
||
(function () {
|
||
var $window = $(window);
|
||
var $toc = $('#TOCView');
|
||
var tocHeight = $toc.height();
|
||
|
||
function onResize() {
|
||
var windowAndMarginHeight = $window.height() - margin;
|
||
if(tocHeight >= windowAndMarginHeight) {
|
||
$toc.css("overflow-y", "scroll")
|
||
$toc.css("max-height", (windowAndMarginHeight + marginError) + "px")
|
||
} else {
|
||
$toc.css("overflow-y", "hidden")
|
||
$toc.css("max-height", "9999999px")
|
||
}
|
||
}
|
||
|
||
$window.on('resize', onResize);
|
||
$(document).ready(onResize);
|
||
})();
|
||
|
||
|
||
|
||
</script>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<div class="min-w-0 min-h-0 max-w-prose">
|
||
<p>I’ve recently been exploring the world of self-hosted solutions, and it’s nothing short of amazing. There are some great collections out there that showcase powerful, privacy-respecting tools you can run on your own hardware:</p>
|
||
<ul>
|
||
<li><a href="https://github.com/awesome-selfhosted/awesome-selfhosted" target="_blank">A collection on GitHub</a></li>
|
||
<li><a href="https://selfh.st/" target="_blank">selfh.st</a></li>
|
||
</ul>
|
||
|
||
|
||
<h2 class="relative group">❓ Why Self-Host?
|
||
<div id="-why-self-host" class="anchor"></div>
|
||
|
||
<span
|
||
class="absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100">
|
||
<a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700"
|
||
style="text-decoration-line: none !important;" href="#-why-self-host" aria-label="Anchor">#</a>
|
||
</span>
|
||
|
||
</h2>
|
||
<p>I enjoy automating tasks and making my life smarter with scripts and small tools. Having control over the services I use, running them on my own hardware, and customizing everything to suit my needs—it’s both empowering and educational.</p>
|
||
<!-- ## 🧠 My Home Lab Vision
|
||
|
||
I’m currently running some of my own projects on lightweight setups, but I have a bigger plan in mind: a dedicated, used physical server. That will take more time and energy to set up properly, so I’ve decided to gamify the process. -->
|
||
<!-- 🎯 Goal: Once I’ve built 10 great and interesting projects, with at least 3 generating income, I’ll reward myself by setting up a real home lab server.
|
||
|
||
Projects:
|
||
🟩⬜⬜⬜⬜⬜⬜⬜⬜⬜ (1/10)
|
||
Income Goals:
|
||
⬜⬜⬜ (0/3) -->
|
||
<p>I’ll use this space to document the projects I build and share what I learn along the way.</p>
|
||
|
||
|
||
<h2 class="relative group">List
|
||
<div id="list" class="anchor"></div>
|
||
|
||
<span
|
||
class="absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100">
|
||
<a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700"
|
||
style="text-decoration-line: none !important;" href="#list" aria-label="Anchor">#</a>
|
||
</span>
|
||
|
||
</h2>
|
||
|
||
</div>
|
||
|
||
|
||
|
||
|
||
</section>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<section class="w-full grid gap-4 sm:grid-cols-2 md:grid-cols-3">
|
||
|
||
|
||
|
||
|
||
|
||
<a href="/projects/self_host/mac_mini_m4/" class="min-w-full">
|
||
|
||
<div class="min-h-full border border-neutral-200 dark:border-neutral-700 border-2 rounded overflow-hidden shadow-2xl relative">
|
||
|
||
<div class="w-full thumbnail_card nozoom" style="background-image:url(/projects/self_host/mac_mini_m4/feature_hu_82680b0f84597f45.png);"></div>
|
||
|
||
|
||
|
||
<div class="px-6 py-4">
|
||
|
||
|
||
<div class="font-bold text-xl text-neutral-800 decoration-primary-500 hover:underline hover:underline-offset-2 dark:text-neutral"
|
||
href="/projects/self_host/mac_mini_m4/">My First Server in Room: Mac Mini + SSD Enclosure</div>
|
||
|
||
|
||
<div class="text-sm text-neutral-500 dark:text-neutral-400">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<div class="flex flex-row flex-wrap items-center">
|
||
|
||
|
||
<span>19 words</span><span class="px-2 text-primary-500">·</span><span title="Reading time">1 min</span>
|
||
|
||
|
||
|
||
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
<div class="flex flex-row flex-wrap items-center">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<span style="margin-top:0.5rem" class="mr-2" onclick="window.open("/tags/public/",'_self');return false;">
|
||
<span class="flex" style="cursor: pointer;">
|
||
<span class="rounded-md border border-primary-400 px-1 py-[1px] text-xs font-normal text-primary-700 dark:border-primary-600 dark:text-primary-400">
|
||
Public
|
||
</span>
|
||
</span>
|
||
</span>
|
||
|
||
<span style="margin-top:0.5rem" class="mr-2" onclick="window.open("/tags/ongoing/",'_self');return false;">
|
||
<span class="flex" style="cursor: pointer;">
|
||
<span class="rounded-md border border-primary-400 px-1 py-[1px] text-xs font-normal text-primary-700 dark:border-primary-600 dark:text-primary-400">
|
||
Ongoing
|
||
</span>
|
||
</span>
|
||
</span>
|
||
|
||
<span style="margin-top:0.5rem" class="mr-2" onclick="window.open("/tags/original/",'_self');return false;">
|
||
<span class="flex" style="cursor: pointer;">
|
||
<span class="rounded-md border border-primary-400 px-1 py-[1px] text-xs font-normal text-primary-700 dark:border-primary-600 dark:text-primary-400">
|
||
Original
|
||
</span>
|
||
</span>
|
||
</span>
|
||
|
||
<span style="margin-top:0.5rem" class="mr-2" onclick="window.open("/tags/ai/",'_self');return false;">
|
||
<span class="flex" style="cursor: pointer;">
|
||
<span class="rounded-md border border-primary-400 px-1 py-[1px] text-xs font-normal text-primary-700 dark:border-primary-600 dark:text-primary-400">
|
||
AI
|
||
</span>
|
||
</span>
|
||
</span>
|
||
|
||
|
||
|
||
|
||
</div>
|
||
|
||
|
||
|
||
|
||
</div>
|
||
|
||
|
||
</div>
|
||
<div class="px-6 pt-4 pb-2">
|
||
|
||
</div>
|
||
</div>
|
||
</a>
|
||
|
||
|
||
|
||
|
||
<a href="/projects/self_host/stock_bot/" class="min-w-full">
|
||
|
||
<div class="min-h-full border border-neutral-200 dark:border-neutral-700 border-2 rounded overflow-hidden shadow-2xl relative">
|
||
|
||
<div class="w-full thumbnail_card nozoom" style="background-image:url(/projects/self_host/stock_bot/feature_hu_a34f2b6ec6aba749.png);"></div>
|
||
|
||
|
||
|
||
<div class="px-6 py-4">
|
||
|
||
|
||
<div class="font-bold text-xl text-neutral-800 decoration-primary-500 hover:underline hover:underline-offset-2 dark:text-neutral"
|
||
href="/projects/self_host/stock_bot/">StockBot</div>
|
||
|
||
|
||
<div class="text-sm text-neutral-500 dark:text-neutral-400">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<div class="flex flex-row flex-wrap items-center">
|
||
|
||
|
||
<span>142 words</span><span class="px-2 text-primary-500">·</span><span title="Reading time">1 min</span>
|
||
|
||
|
||
|
||
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
<div class="flex flex-row flex-wrap items-center">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<span style="margin-top:0.5rem" class="mr-2" onclick="window.open("/tags/private/",'_self');return false;">
|
||
<span class="flex" style="cursor: pointer;">
|
||
<span class="rounded-md border border-primary-400 px-1 py-[1px] text-xs font-normal text-primary-700 dark:border-primary-600 dark:text-primary-400">
|
||
Private
|
||
</span>
|
||
</span>
|
||
</span>
|
||
|
||
<span style="margin-top:0.5rem" class="mr-2" onclick="window.open("/tags/ongoing/",'_self');return false;">
|
||
<span class="flex" style="cursor: pointer;">
|
||
<span class="rounded-md border border-primary-400 px-1 py-[1px] text-xs font-normal text-primary-700 dark:border-primary-600 dark:text-primary-400">
|
||
Ongoing
|
||
</span>
|
||
</span>
|
||
</span>
|
||
|
||
<span style="margin-top:0.5rem" class="mr-2" onclick="window.open("/tags/original/",'_self');return false;">
|
||
<span class="flex" style="cursor: pointer;">
|
||
<span class="rounded-md border border-primary-400 px-1 py-[1px] text-xs font-normal text-primary-700 dark:border-primary-600 dark:text-primary-400">
|
||
Original
|
||
</span>
|
||
</span>
|
||
</span>
|
||
|
||
<span style="margin-top:0.5rem" class="mr-2" onclick="window.open("/tags/ai/",'_self');return false;">
|
||
<span class="flex" style="cursor: pointer;">
|
||
<span class="rounded-md border border-primary-400 px-1 py-[1px] text-xs font-normal text-primary-700 dark:border-primary-600 dark:text-primary-400">
|
||
AI
|
||
</span>
|
||
</span>
|
||
</span>
|
||
|
||
|
||
|
||
|
||
</div>
|
||
|
||
|
||
|
||
|
||
</div>
|
||
|
||
|
||
</div>
|
||
<div class="px-6 pt-4 pb-2">
|
||
|
||
</div>
|
||
</div>
|
||
</a>
|
||
|
||
|
||
|
||
</section>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<div id="top-scroller" class="pointer-events-none absolute top-[110vh] bottom-0 w-12 ltr:right-0 rtl:left-0">
|
||
<a href="#the-top"
|
||
class="pointer-events-auto sticky top-[calc(100vh-5.5rem)] flex h-12 w-12 mb-16 items-center justify-center rounded-full bg-neutral/50 text-xl text-neutral-700 hover:text-primary-600 dark:bg-neutral-800/50 dark:text-neutral dark:hover:text-primary-400"
|
||
aria-label="Scroll to top" title="Scroll to top">
|
||
↑
|
||
</a>
|
||
</div>
|
||
</main><footer id="site-footer" class="py-10 print:hidden">
|
||
|
||
|
||
|
||
<nav class="flex flex-row pb-4 text-base font-medium text-neutral-500 dark:text-neutral-400">
|
||
<ul class="flex flex-col list-none sm:flex-row">
|
||
|
||
<li class="flex mb-1 ltr:text-right rtl:text-left sm:mb-0 ltr:sm:mr-7 ltr:sm:last:mr-0 rtl:sm:ml-7 rtl:sm:last:ml-0">
|
||
<a class="decoration-primary-500 hover:underline hover:decoration-2 hover:underline-offset-2 flex items-center" href="/tags/"
|
||
title="Tags">
|
||
|
||
Tags
|
||
</a>
|
||
</li>
|
||
|
||
</ul>
|
||
</nav>
|
||
|
||
|
||
<div class="flex items-center justify-between">
|
||
|
||
|
||
|
||
<p class="text-sm text-neutral-500 dark:text-neutral-400">
|
||
©
|
||
2025
|
||
SWang
|
||
</p>
|
||
|
||
|
||
|
||
<p class="text-sm text-neutral-500 dark:text-neutral-400">
|
||
<a href="https://beian.miit.gov.cn/" target="_blank" rel="noopener noreferrer">
|
||
苏ICP备2024145451号
|
||
</a>
|
||
</p>
|
||
|
||
|
||
|
||
|
||
<p class="text-xs text-neutral-500 dark:text-neutral-400">
|
||
|
||
|
||
Powered by <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500"
|
||
href="https://gohugo.io/" target="_blank" rel="noopener noreferrer">Hugo</a> & <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500"
|
||
href="https://blowfish.page/" target="_blank" rel="noopener noreferrer">Blowfish</a>
|
||
</p>
|
||
|
||
|
||
</div>
|
||
<script>
|
||
|
||
mediumZoom(document.querySelectorAll("img:not(.nozoom)"), {
|
||
margin: 24,
|
||
background: 'rgba(0,0,0,0.5)',
|
||
scrollOffset: 0,
|
||
})
|
||
|
||
</script>
|
||
|
||
|
||
<script type="text/javascript" src="/js/process.min.ee03488f19c93c2efb199e2e3014ea5f3cb2ce7d45154adb3399a158cac27ca52831db249ede5bb602700ef87eb02434139de0858af1818ab0fb4182472204a4.js" integrity="sha512-7gNIjxnJPC77GZ4uMBTqXzyyzn1FFUrbM5mhWMrCfKUoMdsknt5btgJwDvh+sCQ0E53ghYrxgYqw+0GCRyIEpA=="></script>
|
||
|
||
|
||
</footer>
|
||
<div
|
||
id="search-wrapper"
|
||
class="invisible fixed inset-0 flex h-screen w-screen cursor-default flex-col bg-neutral-500/50 p-4 backdrop-blur-sm dark:bg-neutral-900/50 sm:p-6 md:p-[10vh] lg:p-[12vh]"
|
||
data-url="http://localhost:1313/"
|
||
style="z-index:500"
|
||
>
|
||
<div
|
||
id="search-modal"
|
||
class="flex flex-col w-full max-w-3xl min-h-0 mx-auto border rounded-md shadow-lg top-20 border-neutral-200 bg-neutral dark:border-neutral-700 dark:bg-neutral-800"
|
||
>
|
||
<header class="relative z-10 flex items-center justify-between flex-none px-2">
|
||
<form class="flex items-center flex-auto min-w-0">
|
||
<div class="flex items-center justify-center w-8 h-8 text-neutral-400">
|
||
|
||
|
||
<span class="relative block icon">
|
||
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
|
||
|
||
</span>
|
||
|
||
|
||
</div>
|
||
<input
|
||
type="search"
|
||
id="search-query"
|
||
class="flex flex-auto h-12 mx-1 bg-transparent appearance-none focus:outline-dotted focus:outline-2 focus:outline-transparent"
|
||
placeholder="Search"
|
||
tabindex="0"
|
||
/>
|
||
</form>
|
||
<button
|
||
id="close-search-button"
|
||
class="flex items-center justify-center w-8 h-8 text-neutral-700 hover:text-primary-600 dark:text-neutral dark:hover:text-primary-400"
|
||
title="Close (Esc)"
|
||
>
|
||
|
||
|
||
<span class="relative block icon">
|
||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z"/></svg>
|
||
|
||
</span>
|
||
|
||
|
||
</button>
|
||
</header>
|
||
<section class="flex-auto px-2 overflow-auto">
|
||
<ul id="search-results">
|
||
|
||
</ul>
|
||
</section>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</body>
|
||
|
||
</html>
|