Initial commit

This commit is contained in:
Vezpi 2025-04-30 22:55:08 +02:00
commit db47aa3642
43 changed files with 25899 additions and 0 deletions

6
.gitmodules vendored Normal file
View File

@ -0,0 +1,6 @@
[submodule "themes/hugo-coder"]
path = themes/hugo-coder
url = https://github.com/luizdepra/hugo-coder.git
[submodule "themes/PaperMod"]
path = themes/PaperMod
url = https://github.com/adityatelange/hugo-PaperMod.git

0
.hugo_build.lock Normal file
View File

5
archetypes/default.md Normal file
View File

@ -0,0 +1,5 @@
+++
title = '{{ replace .File.ContentBaseName "-" " " | title }}'
date = {{ .Date }}
draft = true
+++

BIN
bin/current/hugo Executable file

Binary file not shown.

View File

@ -0,0 +1,114 @@
---
title: "Welcome to My Homelab Blog"
date: 2025-04-25
draft: false
tags: ["homelab", "infrastructure", "docker"]
---
# 🏡 Welcome to My Homelab
This is a placeholder post to test the features of my new blog powered by **Hugo** and the `PaperMod` theme.
---
## 🧱 Markdown Elements
### Headers
```markdown
# H1
## H2
### H3
```
### Lists
#### Unordered
- Docker
- Proxmox
- Kubernetes
#### Ordered
1. Build homelab
2. Break homelab 😅
3. Fix it and learn
---
### ✅ Checkboxes
- [x] Installed Hugo
- [x] Added PaperMod theme
- [x] Created this test post
- [ ] Sync with Obsidian vault
---
### 🔗 Links
Check out [PaperMod on GitHub](https://github.com/adityatelange/hugo-PaperMod)
---
### 💬 Blockquote
> “Simplicity is the ultimate sophistication.” — Leonardo da Vinci
---
### 💡 Inline Code
Use `docker compose up -d` to start your stack.
---
### 🧑‍💻 Code Blocks
```bash
# A bash snippet
sudo apt update
sudo apt install hugo
```
```yaml
# A YAML snippet
version: '3'
services:
blog:
image: nginx:alpine
ports:
- "80:80"
```
```go
// A Go snippet (because Hugo is written in Go)
func main() {
fmt.Println("Hello, Hugo!")
}
```
---
### 📸 Image
![Example Image](https://via.placeholder.com/800x400.png?text=My+Blog)
---
### 📁 Directory Tree
```plaintext
myblog/
├── config.toml
├── content/
│ └── posts/
│ └── hello-world.md
└── themes/
└── PaperMod/
```
---
Thanks for stopping by! 🎉

7
hugo.yaml Normal file
View File

@ -0,0 +1,7 @@
baseURL: "https://blog.vezpi.me/"
languageCode: "en-us"
title: "Vezpi Blog"
theme: "PaperMod"
frontmatter:
format: "yaml"

187
public/404.html Normal file
View File

@ -0,0 +1,187 @@
<!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>404 Page not found | Vezpi Blog</title>
<meta name="keywords" content="">
<meta name="description" content="">
<meta name="author" content="">
<link rel="canonical" href="https://blog.vezpi.me/404.html">
<link crossorigin="anonymous" href="/assets/css/stylesheet.f49d66caae9ea0fd43f21f29e71a8d3e284517ed770f2aa86fa012953ad3c9ef.css" integrity="sha256-9J1myq6eoP1D8h8p5xqNPihFF&#43;13Dyqob6ASlTrTye8=" rel="preload stylesheet" as="style">
<link rel="icon" href="https://blog.vezpi.me/favicon.ico">
<link rel="icon" type="image/png" sizes="16x16" href="https://blog.vezpi.me/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="https://blog.vezpi.me/favicon-32x32.png">
<link rel="apple-touch-icon" href="https://blog.vezpi.me/apple-touch-icon.png">
<link rel="mask-icon" href="https://blog.vezpi.me/safari-pinned-tab.svg">
<meta name="theme-color" content="#2e2e33">
<meta name="msapplication-TileColor" content="#2e2e33">
<link rel="alternate" hreflang="en" href="https://blog.vezpi.me/404.html">
<noscript>
<style>
#theme-toggle,
.top-link {
display: none;
}
</style>
<style>
@media (prefers-color-scheme: dark) {
:root {
--theme: rgb(29, 30, 32);
--entry: rgb(46, 46, 51);
--primary: rgb(218, 218, 219);
--secondary: rgb(155, 156, 157);
--tertiary: rgb(65, 66, 68);
--content: rgb(196, 196, 197);
--code-block-bg: rgb(46, 46, 51);
--code-bg: rgb(55, 56, 62);
--border: rgb(51, 51, 51);
}
.list {
background: var(--theme);
}
.list:not(.dark)::-webkit-scrollbar-track {
background: 0 0;
}
.list:not(.dark)::-webkit-scrollbar-thumb {
border-color: var(--theme);
}
}
</style>
</noscript><meta property="og:url" content="https://blog.vezpi.me/404.html">
<meta property="og:site_name" content="Vezpi Blog">
<meta property="og:title" content="404 Page not found">
<meta property="og:locale" content="en-us">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="404 Page not found">
<meta name="twitter:description" content="">
</head>
<body class="list" id="top">
<script>
if (localStorage.getItem("pref-theme") === "dark") {
document.body.classList.add('dark');
} else if (localStorage.getItem("pref-theme") === "light") {
document.body.classList.remove('dark')
} else if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
document.body.classList.add('dark');
}
</script>
<header class="header">
<nav class="nav">
<div class="logo">
<a href="https://blog.vezpi.me/" accesskey="h" title="Vezpi Blog (Alt + H)">Vezpi Blog</a>
<div class="logo-switches">
<button id="theme-toggle" accesskey="t" title="(Alt + T)" aria-label="Toggle theme">
<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">
</ul>
</nav>
</header>
<main class="main">
<div class="not-found">404</div>
</main>
<footer class="footer">
<span>&copy; 2025 <a href="https://blog.vezpi.me/">Vezpi Blog</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>

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,193 @@
<!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>Categories | Vezpi Blog</title>
<meta name="keywords" content="">
<meta name="description" content="">
<meta name="author" content="">
<link rel="canonical" href="https://blog.vezpi.me/categories/">
<link crossorigin="anonymous" href="/assets/css/stylesheet.f49d66caae9ea0fd43f21f29e71a8d3e284517ed770f2aa86fa012953ad3c9ef.css" integrity="sha256-9J1myq6eoP1D8h8p5xqNPihFF&#43;13Dyqob6ASlTrTye8=" rel="preload stylesheet" as="style">
<link rel="icon" href="https://blog.vezpi.me/favicon.ico">
<link rel="icon" type="image/png" sizes="16x16" href="https://blog.vezpi.me/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="https://blog.vezpi.me/favicon-32x32.png">
<link rel="apple-touch-icon" href="https://blog.vezpi.me/apple-touch-icon.png">
<link rel="mask-icon" href="https://blog.vezpi.me/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://blog.vezpi.me/categories/index.xml">
<link rel="alternate" hreflang="en" href="https://blog.vezpi.me/categories/">
<noscript>
<style>
#theme-toggle,
.top-link {
display: none;
}
</style>
<style>
@media (prefers-color-scheme: dark) {
:root {
--theme: rgb(29, 30, 32);
--entry: rgb(46, 46, 51);
--primary: rgb(218, 218, 219);
--secondary: rgb(155, 156, 157);
--tertiary: rgb(65, 66, 68);
--content: rgb(196, 196, 197);
--code-block-bg: rgb(46, 46, 51);
--code-bg: rgb(55, 56, 62);
--border: rgb(51, 51, 51);
}
.list {
background: var(--theme);
}
.list:not(.dark)::-webkit-scrollbar-track {
background: 0 0;
}
.list:not(.dark)::-webkit-scrollbar-thumb {
border-color: var(--theme);
}
}
</style>
</noscript><meta property="og:url" content="https://blog.vezpi.me/categories/">
<meta property="og:site_name" content="Vezpi Blog">
<meta property="og:title" content="Categories">
<meta property="og:locale" content="en-us">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Categories">
<meta name="twitter:description" content="">
</head>
<body class="list" id="top">
<script>
if (localStorage.getItem("pref-theme") === "dark") {
document.body.classList.add('dark');
} else if (localStorage.getItem("pref-theme") === "light") {
document.body.classList.remove('dark')
} else if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
document.body.classList.add('dark');
}
</script>
<header class="header">
<nav class="nav">
<div class="logo">
<a href="https://blog.vezpi.me/" accesskey="h" title="Vezpi Blog (Alt + H)">Vezpi Blog</a>
<div class="logo-switches">
<button id="theme-toggle" accesskey="t" title="(Alt + T)" aria-label="Toggle theme">
<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">
</ul>
</nav>
</header>
<main class="main">
<header class="page-header">
<h1>Categories</h1>
</header>
<ul class="terms-tags">
</ul>
</main>
<footer class="footer">
<span>&copy; 2025 <a href="https://blog.vezpi.me/">Vezpi Blog</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>

View File

@ -0,0 +1,11 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/">
<channel>
<title>Categories on Vezpi Blog</title>
<link>https://blog.vezpi.me/categories/</link>
<description>Recent content in Categories on Vezpi Blog</description>
<generator>Hugo -- 0.146.7</generator>
<language>en-us</language>
<atom:link href="https://blog.vezpi.me/categories/index.xml" rel="self" type="application/rss+xml" />
</channel>
</rss>

11498
public/css/coder.css Normal file

File diff suppressed because it is too large Load Diff

93
public/css/coder.css.map Normal file

File diff suppressed because one or more lines are too long

165
public/fonts/LICENSE.txt Normal file
View File

@ -0,0 +1,165 @@
Fonticons, Inc. (https://fontawesome.com)
--------------------------------------------------------------------------------
Font Awesome Free License
Font Awesome Free is free, open source, and GPL friendly. You can use it for
commercial projects, open source projects, or really almost whatever you want.
Full Font Awesome Free license: https://fontawesome.com/license/free.
--------------------------------------------------------------------------------
# Icons: CC BY 4.0 License (https://creativecommons.org/licenses/by/4.0/)
The Font Awesome Free download is licensed under a Creative Commons
Attribution 4.0 International License and applies to all icons packaged
as SVG and JS file types.
--------------------------------------------------------------------------------
# Fonts: SIL OFL 1.1 License
In the Font Awesome Free download, the SIL OFL license applies to all icons
packaged as web and desktop font files.
Copyright (c) 2024 Fonticons, Inc. (https://fontawesome.com)
with Reserved Font Name: "Font Awesome".
This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is copied below, and is also available with a FAQ at:
http://scripts.sil.org/OFL
SIL OPEN FONT LICENSE
Version 1.1 - 26 February 2007
PREAMBLE
The goals of the Open Font License (OFL) are to stimulate worldwide
development of collaborative font projects, to support the font creation
efforts of academic and linguistic communities, and to provide a free and
open framework in which fonts may be shared and improved in partnership
with others.
The OFL allows the licensed fonts to be used, studied, modified and
redistributed freely as long as they are not sold by themselves. The
fonts, including any derivative works, can be bundled, embedded,
redistributed and/or sold with any software provided that any reserved
names are not used by derivative works. The fonts and derivatives,
however, cannot be released under any other type of license. The
requirement for fonts to remain under this license does not apply
to any document created using the fonts or their derivatives.
DEFINITIONS
"Font Software" refers to the set of files released by the Copyright
Holder(s) under this license and clearly marked as such. This may
include source files, build scripts and documentation.
"Reserved Font Name" refers to any names specified as such after the
copyright statement(s).
"Original Version" refers to the collection of Font Software components as
distributed by the Copyright Holder(s).
"Modified Version" refers to any derivative made by adding to, deleting,
or substituting — in part or in whole — any of the components of the
Original Version, by changing formats or by porting the Font Software to a
new environment.
"Author" refers to any designer, engineer, programmer, technical
writer or other person who contributed to the Font Software.
PERMISSION & CONDITIONS
Permission is hereby granted, free of charge, to any person obtaining
a copy of the Font Software, to use, study, copy, merge, embed, modify,
redistribute, and sell modified and unmodified copies of the Font
Software, subject to the following conditions:
1) Neither the Font Software nor any of its individual components,
in Original or Modified Versions, may be sold by itself.
2) Original or Modified Versions of the Font Software may be bundled,
redistributed and/or sold with any software, provided that each copy
contains the above copyright notice and this license. These can be
included either as stand-alone text files, human-readable headers or
in the appropriate machine-readable metadata fields within text or
binary files as long as those fields can be easily viewed by the user.
3) No Modified Version of the Font Software may use the Reserved Font
Name(s) unless explicit written permission is granted by the corresponding
Copyright Holder. This restriction only applies to the primary font name as
presented to the users.
4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
Software shall not be used to promote, endorse or advertise any
Modified Version, except to acknowledge the contribution(s) of the
Copyright Holder(s) and the Author(s) or with their explicit written
permission.
5) The Font Software, modified or unmodified, in part or in whole,
must be distributed entirely under this license, and must not be
distributed under any other license. The requirement for fonts to
remain under this license does not apply to any document created
using the Font Software.
TERMINATION
This license becomes null and void if any of the above conditions are
not met.
DISCLAIMER
THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
OTHER DEALINGS IN THE FONT SOFTWARE.
--------------------------------------------------------------------------------
# Code: MIT License (https://opensource.org/licenses/MIT)
In the Font Awesome Free download, the MIT license applies to all non-font and
non-icon files.
Copyright 2024 Fonticons, Inc.
Permission is hereby granted, free of charge, to any person obtaining a copy of
this software and associated documentation files (the "Software"), to deal in the
Software without restriction, including without limitation the rights to use, copy,
modify, merge, publish, distribute, sublicense, and/or sell copies of the Software,
and to permit persons to whom the Software is furnished to do so, subject to the
following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,
INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A
PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
--------------------------------------------------------------------------------
# Attribution
Attribution is required by MIT, SIL OFL, and CC BY licenses. Downloaded Font
Awesome Free files already contain embedded comments with sufficient
attribution, so you shouldn't need to do anything additional when using these
files normally.
We've kept attribution comments terse, so we ask that you do not actively work
to remove them from files, especially code. They're a great way for folks to
learn about Font Awesome.
--------------------------------------------------------------------------------
# Brand Icons
All brand icons are trademarks of their respective owners. The use of these
trademarks does not indicate endorsement of the trademark holder by Font
Awesome, nor vice versa. **Please do not use brand logos for any purpose except
to represent the company, product, or service to which they refer.**

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

215
public/index.html Normal file
View File

@ -0,0 +1,215 @@
<!DOCTYPE html>
<html lang="en" dir="auto">
<head>
<meta name="generator" content="Hugo 0.146.7"><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>Vezpi Blog</title>
<meta name="description" content="">
<meta name="author" content="">
<link rel="canonical" href="https://blog.vezpi.me/">
<link crossorigin="anonymous" href="/assets/css/stylesheet.f49d66caae9ea0fd43f21f29e71a8d3e284517ed770f2aa86fa012953ad3c9ef.css" integrity="sha256-9J1myq6eoP1D8h8p5xqNPihFF&#43;13Dyqob6ASlTrTye8=" rel="preload stylesheet" as="style">
<link rel="icon" href="https://blog.vezpi.me/favicon.ico">
<link rel="icon" type="image/png" sizes="16x16" href="https://blog.vezpi.me/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="https://blog.vezpi.me/favicon-32x32.png">
<link rel="apple-touch-icon" href="https://blog.vezpi.me/apple-touch-icon.png">
<link rel="mask-icon" href="https://blog.vezpi.me/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://blog.vezpi.me/index.xml">
<link rel="alternate" hreflang="en" href="https://blog.vezpi.me/">
<noscript>
<style>
#theme-toggle,
.top-link {
display: none;
}
</style>
<style>
@media (prefers-color-scheme: dark) {
:root {
--theme: rgb(29, 30, 32);
--entry: rgb(46, 46, 51);
--primary: rgb(218, 218, 219);
--secondary: rgb(155, 156, 157);
--tertiary: rgb(65, 66, 68);
--content: rgb(196, 196, 197);
--code-block-bg: rgb(46, 46, 51);
--code-bg: rgb(55, 56, 62);
--border: rgb(51, 51, 51);
}
.list {
background: var(--theme);
}
.list:not(.dark)::-webkit-scrollbar-track {
background: 0 0;
}
.list:not(.dark)::-webkit-scrollbar-thumb {
border-color: var(--theme);
}
}
</style>
</noscript><meta property="og:url" content="https://blog.vezpi.me/">
<meta property="og:site_name" content="Vezpi Blog">
<meta property="og:title" content="Vezpi Blog">
<meta property="og:locale" content="en-us">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Vezpi Blog">
<meta name="twitter:description" content="">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "Vezpi Blog",
"url": "https://blog.vezpi.me/",
"description": "",
"logo": "https://blog.vezpi.me/favicon.ico",
"sameAs": [
]
}
</script>
</head>
<body class="list" id="top">
<script>
if (localStorage.getItem("pref-theme") === "dark") {
document.body.classList.add('dark');
} else if (localStorage.getItem("pref-theme") === "light") {
document.body.classList.remove('dark')
} else if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
document.body.classList.add('dark');
}
</script>
<header class="header">
<nav class="nav">
<div class="logo">
<a href="https://blog.vezpi.me/" accesskey="h" title="Vezpi Blog (Alt + H)">Vezpi Blog</a>
<div class="logo-switches">
<button id="theme-toggle" accesskey="t" title="(Alt + T)" aria-label="Toggle theme">
<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">
</ul>
</nav>
</header>
<main class="main">
<article class="first-entry">
<header class="entry-header">
<h2 class="entry-hint-parent">Welcome to My Homelab Blog
</h2>
</header>
<div class="entry-content">
<p>🏡 Welcome to My Homelab This is a placeholder post to test the features of my new blog powered by Hugo and the PaperMod theme.
🧱 Markdown Elements Headers # H1 ## H2 ### H3 Lists Unordered Docker Proxmox Kubernetes Ordered Build homelab Break homelab 😅 Fix it and learn ✅ Checkboxes Installed Hugo Added PaperMod theme Created this test post Sync with Obsidian vault 🔗 Links Check out PaperMod on GitHub
...</p>
</div>
<footer class="entry-footer"><span title='2025-04-25 00:00:00 +0000 UTC'>April 25, 2025</span></footer>
<a class="entry-link" aria-label="post link to Welcome to My Homelab Blog" href="https://blog.vezpi.me/posts/my-first-post/"></a>
</article>
</main>
<footer class="footer">
<span>&copy; 2025 <a href="https://blog.vezpi.me/">Vezpi Blog</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>

50
public/index.xml Normal file
View File

@ -0,0 +1,50 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/">
<channel>
<title>Vezpi Blog</title>
<link>https://blog.vezpi.me/</link>
<description>Recent content on Vezpi Blog</description>
<generator>Hugo -- 0.146.7</generator>
<language>en-us</language>
<lastBuildDate>Fri, 25 Apr 2025 00:00:00 +0000</lastBuildDate>
<atom:link href="https://blog.vezpi.me/index.xml" rel="self" type="application/rss+xml" />
<item>
<title>Welcome to My Homelab Blog</title>
<link>https://blog.vezpi.me/posts/my-first-post/</link>
<pubDate>Fri, 25 Apr 2025 00:00:00 +0000</pubDate>
<guid>https://blog.vezpi.me/posts/my-first-post/</guid>
<description>&lt;h1 id=&#34;-welcome-to-my-homelab&#34;&gt;🏡 Welcome to My Homelab&lt;/h1&gt;
&lt;p&gt;This is a placeholder post to test the features of my new blog powered by &lt;strong&gt;Hugo&lt;/strong&gt; and the &lt;code&gt;PaperMod&lt;/code&gt; theme.&lt;/p&gt;
&lt;hr&gt;
&lt;h2 id=&#34;-markdown-elements&#34;&gt;🧱 Markdown Elements&lt;/h2&gt;
&lt;h3 id=&#34;headers&#34;&gt;Headers&lt;/h3&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-markdown&#34; data-lang=&#34;markdown&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;# H1
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#75715e&#34;&gt;## H2
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#75715e&#34;&gt;### H3
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h3 id=&#34;lists&#34;&gt;Lists&lt;/h3&gt;
&lt;h4 id=&#34;unordered&#34;&gt;Unordered&lt;/h4&gt;
&lt;ul&gt;
&lt;li&gt;Docker&lt;/li&gt;
&lt;li&gt;Proxmox&lt;/li&gt;
&lt;li&gt;Kubernetes&lt;/li&gt;
&lt;/ul&gt;
&lt;h4 id=&#34;ordered&#34;&gt;Ordered&lt;/h4&gt;
&lt;ol&gt;
&lt;li&gt;Build homelab&lt;/li&gt;
&lt;li&gt;Break homelab 😅&lt;/li&gt;
&lt;li&gt;Fix it and learn&lt;/li&gt;
&lt;/ol&gt;
&lt;hr&gt;
&lt;h3 id=&#34;-checkboxes&#34;&gt;✅ Checkboxes&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;&lt;input checked=&#34;&#34; disabled=&#34;&#34; type=&#34;checkbox&#34;&gt; Installed Hugo&lt;/li&gt;
&lt;li&gt;&lt;input checked=&#34;&#34; disabled=&#34;&#34; type=&#34;checkbox&#34;&gt; Added PaperMod theme&lt;/li&gt;
&lt;li&gt;&lt;input checked=&#34;&#34; disabled=&#34;&#34; type=&#34;checkbox&#34;&gt; Created this test post&lt;/li&gt;
&lt;li&gt;&lt;input disabled=&#34;&#34; type=&#34;checkbox&#34;&gt; Sync with Obsidian vault&lt;/li&gt;
&lt;/ul&gt;
&lt;hr&gt;
&lt;h3 id=&#34;-links&#34;&gt;🔗 Links&lt;/h3&gt;
&lt;p&gt;Check out &lt;a href=&#34;https://github.com/adityatelange/hugo-PaperMod&#34;&gt;PaperMod on GitHub&lt;/a&gt;&lt;/p&gt;</description>
</item>
</channel>
</rss>

97
public/js/coder.js Normal file
View File

@ -0,0 +1,97 @@
const body = document.body;
const darkModeToggle = document.getElementById('dark-mode-toggle');
const darkModeMediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
// Check if user preference is set, if not check value of body class for light or dark else it means that colorscheme = auto
if (localStorage.getItem("colorscheme")) {
setTheme(localStorage.getItem("colorscheme"));
} else if (body.classList.contains('colorscheme-light') || body.classList.contains('colorscheme-dark')) {
setTheme(body.classList.contains("colorscheme-dark") ? "dark" : "light");
} else {
setTheme(darkModeMediaQuery.matches ? "dark" : "light");
}
if (darkModeToggle) {
darkModeToggle.addEventListener('click', () => {
let theme = body.classList.contains("colorscheme-dark") ? "light" : "dark";
setTheme(theme);
rememberTheme(theme);
});
}
darkModeMediaQuery.addListener((event) => {
setTheme(event.matches ? "dark" : "light");
});
document.addEventListener("DOMContentLoaded", function () {
let node = document.querySelector('.preload-transitions');
node.classList.remove('preload-transitions');
});
function setTheme(theme) {
body.classList.remove('colorscheme-auto');
let inverse = theme === 'dark' ? 'light' : 'dark';
body.classList.remove('colorscheme-' + inverse);
body.classList.add('colorscheme-' + theme);
document.documentElement.style['color-scheme'] = theme;
function waitForElm(selector) {
return new Promise(resolve => {
if (document.querySelector(selector)) {
return resolve(document.querySelector(selector));
}
const observer = new MutationObserver(mutations => {
if (document.querySelector(selector)) {
resolve(document.querySelector(selector));
observer.disconnect();
}
});
observer.observe(document.body, {
childList: true,
subtree: true
});
});
}
if (theme === 'dark') {
const message = {
type: 'set-theme',
theme: 'github-dark'
};
waitForElm('.utterances-frame').then((iframe) => {
iframe.contentWindow.postMessage(message, 'https://utteranc.es');
})
}
else {
const message = {
type: 'set-theme',
theme: 'github-light'
};
waitForElm('.utterances-frame').then((iframe) => {
iframe.contentWindow.postMessage(message, 'https://utteranc.es');
})
}
function sendMessage(message) {
const iframe = document.querySelector('iframe.giscus-frame');
if (!iframe) return;
iframe.contentWindow.postMessage({ giscus: message }, 'https://giscus.app');
}
sendMessage({
setConfig: {
theme: theme,
},
});
// Create and send event
const event = new Event('themeChanged');
document.dispatchEvent(event);
}
function rememberTheme(theme) {
localStorage.setItem('colorscheme', theme);
}

10
public/page/1/index.html Normal file
View File

@ -0,0 +1,10 @@
<!DOCTYPE html>
<html lang="en-us">
<head>
<title>https://blog.vezpi.me/</title>
<link rel="canonical" href="https://blog.vezpi.me/">
<meta name="robots" content="noindex">
<meta charset="utf-8">
<meta http-equiv="refresh" content="0; url=https://blog.vezpi.me/">
</head>
</html>

221
public/posts/index.html Normal file
View File

@ -0,0 +1,221 @@
<!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>Posts | Vezpi Blog</title>
<meta name="keywords" content="">
<meta name="description" content="Posts - Vezpi Blog">
<meta name="author" content="">
<link rel="canonical" href="https://blog.vezpi.me/posts/">
<link crossorigin="anonymous" href="/assets/css/stylesheet.f49d66caae9ea0fd43f21f29e71a8d3e284517ed770f2aa86fa012953ad3c9ef.css" integrity="sha256-9J1myq6eoP1D8h8p5xqNPihFF&#43;13Dyqob6ASlTrTye8=" rel="preload stylesheet" as="style">
<link rel="icon" href="https://blog.vezpi.me/favicon.ico">
<link rel="icon" type="image/png" sizes="16x16" href="https://blog.vezpi.me/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="https://blog.vezpi.me/favicon-32x32.png">
<link rel="apple-touch-icon" href="https://blog.vezpi.me/apple-touch-icon.png">
<link rel="mask-icon" href="https://blog.vezpi.me/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://blog.vezpi.me/posts/index.xml">
<link rel="alternate" hreflang="en" href="https://blog.vezpi.me/posts/">
<noscript>
<style>
#theme-toggle,
.top-link {
display: none;
}
</style>
<style>
@media (prefers-color-scheme: dark) {
:root {
--theme: rgb(29, 30, 32);
--entry: rgb(46, 46, 51);
--primary: rgb(218, 218, 219);
--secondary: rgb(155, 156, 157);
--tertiary: rgb(65, 66, 68);
--content: rgb(196, 196, 197);
--code-block-bg: rgb(46, 46, 51);
--code-bg: rgb(55, 56, 62);
--border: rgb(51, 51, 51);
}
.list {
background: var(--theme);
}
.list:not(.dark)::-webkit-scrollbar-track {
background: 0 0;
}
.list:not(.dark)::-webkit-scrollbar-thumb {
border-color: var(--theme);
}
}
</style>
</noscript><meta property="og:url" content="https://blog.vezpi.me/posts/">
<meta property="og:site_name" content="Vezpi Blog">
<meta property="og:title" content="Posts">
<meta property="og:locale" content="en-us">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Posts">
<meta name="twitter:description" content="">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [
{
"@type": "ListItem",
"position": 1 ,
"name": "Posts",
"item": "https://blog.vezpi.me/posts/"
}
]
}
</script>
</head>
<body class="list" id="top">
<script>
if (localStorage.getItem("pref-theme") === "dark") {
document.body.classList.add('dark');
} else if (localStorage.getItem("pref-theme") === "light") {
document.body.classList.remove('dark')
} else if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
document.body.classList.add('dark');
}
</script>
<header class="header">
<nav class="nav">
<div class="logo">
<a href="https://blog.vezpi.me/" accesskey="h" title="Vezpi Blog (Alt + H)">Vezpi Blog</a>
<div class="logo-switches">
<button id="theme-toggle" accesskey="t" title="(Alt + T)" aria-label="Toggle theme">
<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">
</ul>
</nav>
</header>
<main class="main">
<header class="page-header">
<h1>
Posts
</h1>
</header>
<article class="post-entry">
<header class="entry-header">
<h2 class="entry-hint-parent">Welcome to My Homelab Blog
</h2>
</header>
<div class="entry-content">
<p>🏡 Welcome to My Homelab This is a placeholder post to test the features of my new blog powered by Hugo and the PaperMod theme.
🧱 Markdown Elements Headers # H1 ## H2 ### H3 Lists Unordered Docker Proxmox Kubernetes Ordered Build homelab Break homelab 😅 Fix it and learn ✅ Checkboxes Installed Hugo Added PaperMod theme Created this test post Sync with Obsidian vault 🔗 Links Check out PaperMod on GitHub
...</p>
</div>
<footer class="entry-footer"><span title='2025-04-25 00:00:00 +0000 UTC'>April 25, 2025</span></footer>
<a class="entry-link" aria-label="post link to Welcome to My Homelab Blog" href="https://blog.vezpi.me/posts/my-first-post/"></a>
</article>
</main>
<footer class="footer">
<span>&copy; 2025 <a href="https://blog.vezpi.me/">Vezpi Blog</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>

50
public/posts/index.xml Normal file
View File

@ -0,0 +1,50 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/">
<channel>
<title>Posts on Vezpi Blog</title>
<link>https://blog.vezpi.me/posts/</link>
<description>Recent content in Posts on Vezpi Blog</description>
<generator>Hugo -- 0.146.7</generator>
<language>en-us</language>
<lastBuildDate>Fri, 25 Apr 2025 00:00:00 +0000</lastBuildDate>
<atom:link href="https://blog.vezpi.me/posts/index.xml" rel="self" type="application/rss+xml" />
<item>
<title>Welcome to My Homelab Blog</title>
<link>https://blog.vezpi.me/posts/my-first-post/</link>
<pubDate>Fri, 25 Apr 2025 00:00:00 +0000</pubDate>
<guid>https://blog.vezpi.me/posts/my-first-post/</guid>
<description>&lt;h1 id=&#34;-welcome-to-my-homelab&#34;&gt;🏡 Welcome to My Homelab&lt;/h1&gt;
&lt;p&gt;This is a placeholder post to test the features of my new blog powered by &lt;strong&gt;Hugo&lt;/strong&gt; and the &lt;code&gt;PaperMod&lt;/code&gt; theme.&lt;/p&gt;
&lt;hr&gt;
&lt;h2 id=&#34;-markdown-elements&#34;&gt;🧱 Markdown Elements&lt;/h2&gt;
&lt;h3 id=&#34;headers&#34;&gt;Headers&lt;/h3&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-markdown&#34; data-lang=&#34;markdown&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;# H1
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#75715e&#34;&gt;## H2
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#75715e&#34;&gt;### H3
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h3 id=&#34;lists&#34;&gt;Lists&lt;/h3&gt;
&lt;h4 id=&#34;unordered&#34;&gt;Unordered&lt;/h4&gt;
&lt;ul&gt;
&lt;li&gt;Docker&lt;/li&gt;
&lt;li&gt;Proxmox&lt;/li&gt;
&lt;li&gt;Kubernetes&lt;/li&gt;
&lt;/ul&gt;
&lt;h4 id=&#34;ordered&#34;&gt;Ordered&lt;/h4&gt;
&lt;ol&gt;
&lt;li&gt;Build homelab&lt;/li&gt;
&lt;li&gt;Break homelab 😅&lt;/li&gt;
&lt;li&gt;Fix it and learn&lt;/li&gt;
&lt;/ol&gt;
&lt;hr&gt;
&lt;h3 id=&#34;-checkboxes&#34;&gt;✅ Checkboxes&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;&lt;input checked=&#34;&#34; disabled=&#34;&#34; type=&#34;checkbox&#34;&gt; Installed Hugo&lt;/li&gt;
&lt;li&gt;&lt;input checked=&#34;&#34; disabled=&#34;&#34; type=&#34;checkbox&#34;&gt; Added PaperMod theme&lt;/li&gt;
&lt;li&gt;&lt;input checked=&#34;&#34; disabled=&#34;&#34; type=&#34;checkbox&#34;&gt; Created this test post&lt;/li&gt;
&lt;li&gt;&lt;input disabled=&#34;&#34; type=&#34;checkbox&#34;&gt; Sync with Obsidian vault&lt;/li&gt;
&lt;/ul&gt;
&lt;hr&gt;
&lt;h3 id=&#34;-links&#34;&gt;🔗 Links&lt;/h3&gt;
&lt;p&gt;Check out &lt;a href=&#34;https://github.com/adityatelange/hugo-PaperMod&#34;&gt;PaperMod on GitHub&lt;/a&gt;&lt;/p&gt;</description>
</item>
</channel>
</rss>

View File

@ -0,0 +1,398 @@
<!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>Welcome to My Homelab Blog | Vezpi Blog</title>
<meta name="keywords" content="homelab, infrastructure, docker">
<meta name="description" content="🏡 Welcome to My Homelab
This is a placeholder post to test the features of my new blog powered by Hugo and the PaperMod theme.
🧱 Markdown Elements
Headers
# H1
## H2
### H3
Lists
Unordered
Docker
Proxmox
Kubernetes
Ordered
Build homelab
Break homelab 😅
Fix it and learn
✅ Checkboxes
Installed Hugo
Added PaperMod theme
Created this test post
Sync with Obsidian vault
🔗 Links
Check out PaperMod on GitHub">
<meta name="author" content="">
<link rel="canonical" href="https://blog.vezpi.me/posts/my-first-post/">
<link crossorigin="anonymous" href="/assets/css/stylesheet.f49d66caae9ea0fd43f21f29e71a8d3e284517ed770f2aa86fa012953ad3c9ef.css" integrity="sha256-9J1myq6eoP1D8h8p5xqNPihFF&#43;13Dyqob6ASlTrTye8=" rel="preload stylesheet" as="style">
<link rel="icon" href="https://blog.vezpi.me/favicon.ico">
<link rel="icon" type="image/png" sizes="16x16" href="https://blog.vezpi.me/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="https://blog.vezpi.me/favicon-32x32.png">
<link rel="apple-touch-icon" href="https://blog.vezpi.me/apple-touch-icon.png">
<link rel="mask-icon" href="https://blog.vezpi.me/safari-pinned-tab.svg">
<meta name="theme-color" content="#2e2e33">
<meta name="msapplication-TileColor" content="#2e2e33">
<link rel="alternate" hreflang="en" href="https://blog.vezpi.me/posts/my-first-post/">
<noscript>
<style>
#theme-toggle,
.top-link {
display: none;
}
</style>
<style>
@media (prefers-color-scheme: dark) {
:root {
--theme: rgb(29, 30, 32);
--entry: rgb(46, 46, 51);
--primary: rgb(218, 218, 219);
--secondary: rgb(155, 156, 157);
--tertiary: rgb(65, 66, 68);
--content: rgb(196, 196, 197);
--code-block-bg: rgb(46, 46, 51);
--code-bg: rgb(55, 56, 62);
--border: rgb(51, 51, 51);
}
.list {
background: var(--theme);
}
.list:not(.dark)::-webkit-scrollbar-track {
background: 0 0;
}
.list:not(.dark)::-webkit-scrollbar-thumb {
border-color: var(--theme);
}
}
</style>
</noscript><meta property="og:url" content="https://blog.vezpi.me/posts/my-first-post/">
<meta property="og:site_name" content="Vezpi Blog">
<meta property="og:title" content="Welcome to My Homelab Blog">
<meta property="og:description" content="🏡 Welcome to My Homelab This is a placeholder post to test the features of my new blog powered by Hugo and the PaperMod theme.
🧱 Markdown Elements Headers # H1 ## H2 ### H3 Lists Unordered Docker Proxmox Kubernetes Ordered Build homelab Break homelab 😅 Fix it and learn ✅ Checkboxes Installed Hugo Added PaperMod theme Created this test post Sync with Obsidian vault 🔗 Links Check out PaperMod on GitHub">
<meta property="og:locale" content="en-us">
<meta property="og:type" content="article">
<meta property="article:section" content="posts">
<meta property="article:published_time" content="2025-04-25T00:00:00+00:00">
<meta property="article:modified_time" content="2025-04-25T00:00:00+00:00">
<meta property="article:tag" content="Homelab">
<meta property="article:tag" content="Infrastructure">
<meta property="article:tag" content="Docker">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Welcome to My Homelab Blog">
<meta name="twitter:description" content="🏡 Welcome to My Homelab
This is a placeholder post to test the features of my new blog powered by Hugo and the PaperMod theme.
🧱 Markdown Elements
Headers
# H1
## H2
### H3
Lists
Unordered
Docker
Proxmox
Kubernetes
Ordered
Build homelab
Break homelab 😅
Fix it and learn
✅ Checkboxes
Installed Hugo
Added PaperMod theme
Created this test post
Sync with Obsidian vault
🔗 Links
Check out PaperMod on GitHub">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [
{
"@type": "ListItem",
"position": 1 ,
"name": "Posts",
"item": "https://blog.vezpi.me/posts/"
},
{
"@type": "ListItem",
"position": 2 ,
"name": "Welcome to My Homelab Blog",
"item": "https://blog.vezpi.me/posts/my-first-post/"
}
]
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BlogPosting",
"headline": "Welcome to My Homelab Blog",
"name": "Welcome to My Homelab Blog",
"description": "🏡 Welcome to My Homelab This is a placeholder post to test the features of my new blog powered by Hugo and the PaperMod theme.\n🧱 Markdown Elements Headers # H1 ## H2 ### H3 Lists Unordered Docker Proxmox Kubernetes Ordered Build homelab Break homelab 😅 Fix it and learn ✅ Checkboxes Installed Hugo Added PaperMod theme Created this test post Sync with Obsidian vault 🔗 Links Check out PaperMod on GitHub\n",
"keywords": [
"homelab", "infrastructure", "docker"
],
"articleBody": "🏡 Welcome to My Homelab This is a placeholder post to test the features of my new blog powered by Hugo and the PaperMod theme.\n🧱 Markdown Elements Headers # H1 ## H2 ### H3 Lists Unordered Docker Proxmox Kubernetes Ordered Build homelab Break homelab 😅 Fix it and learn ✅ Checkboxes Installed Hugo Added PaperMod theme Created this test post Sync with Obsidian vault 🔗 Links Check out PaperMod on GitHub\n💬 Blockquote “Simplicity is the ultimate sophistication.” — Leonardo da Vinci\n💡 Inline Code Use docker compose up -d to start your stack.\n🧑💻 Code Blocks # A bash snippet sudo apt update sudo apt install hugo # A YAML snippet version: '3' services: blog: image: nginx:alpine ports: - \"80:80\" // A Go snippet (because Hugo is written in Go) func main() { fmt.Println(\"Hello, Hugo!\") } 📸 Image 📁 Directory Tree myblog/ ├── config.toml ├── content/ │ └── posts/ │ └── hello-world.md └── themes/ └── PaperMod/ Thanks for stopping by! 🎉\n",
"wordCount" : "163",
"inLanguage": "en",
"datePublished": "2025-04-25T00:00:00Z",
"dateModified": "2025-04-25T00:00:00Z",
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "https://blog.vezpi.me/posts/my-first-post/"
},
"publisher": {
"@type": "Organization",
"name": "Vezpi Blog",
"logo": {
"@type": "ImageObject",
"url": "https://blog.vezpi.me/favicon.ico"
}
}
}
</script>
</head>
<body class="" id="top">
<script>
if (localStorage.getItem("pref-theme") === "dark") {
document.body.classList.add('dark');
} else if (localStorage.getItem("pref-theme") === "light") {
document.body.classList.remove('dark')
} else if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
document.body.classList.add('dark');
}
</script>
<header class="header">
<nav class="nav">
<div class="logo">
<a href="https://blog.vezpi.me/" accesskey="h" title="Vezpi Blog (Alt + H)">Vezpi Blog</a>
<div class="logo-switches">
<button id="theme-toggle" accesskey="t" title="(Alt + T)" aria-label="Toggle theme">
<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">
</ul>
</nav>
</header>
<main class="main">
<article class="post-single">
<header class="post-header">
<h1 class="post-title entry-hint-parent">
Welcome to My Homelab Blog
</h1>
<div class="post-meta"><span title='2025-04-25 00:00:00 +0000 UTC'>April 25, 2025</span>
</div>
</header>
<div class="post-content"><h1 id="-welcome-to-my-homelab">🏡 Welcome to My Homelab<a hidden class="anchor" aria-hidden="true" href="#-welcome-to-my-homelab">#</a></h1>
<p>This is a placeholder post to test the features of my new blog powered by <strong>Hugo</strong> and the <code>PaperMod</code> theme.</p>
<hr>
<h2 id="-markdown-elements">🧱 Markdown Elements<a hidden class="anchor" aria-hidden="true" href="#-markdown-elements">#</a></h2>
<h3 id="headers">Headers<a hidden class="anchor" aria-hidden="true" href="#headers">#</a></h3>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-markdown" data-lang="markdown"><span style="display:flex;"><span># H1
</span></span><span style="display:flex;"><span><span style="color:#75715e">## H2
</span></span></span><span style="display:flex;"><span><span style="color:#75715e">### H3
</span></span></span></code></pre></div><h3 id="lists">Lists<a hidden class="anchor" aria-hidden="true" href="#lists">#</a></h3>
<h4 id="unordered">Unordered<a hidden class="anchor" aria-hidden="true" href="#unordered">#</a></h4>
<ul>
<li>Docker</li>
<li>Proxmox</li>
<li>Kubernetes</li>
</ul>
<h4 id="ordered">Ordered<a hidden class="anchor" aria-hidden="true" href="#ordered">#</a></h4>
<ol>
<li>Build homelab</li>
<li>Break homelab 😅</li>
<li>Fix it and learn</li>
</ol>
<hr>
<h3 id="-checkboxes">✅ Checkboxes<a hidden class="anchor" aria-hidden="true" href="#-checkboxes">#</a></h3>
<ul>
<li><input checked="" disabled="" type="checkbox"> Installed Hugo</li>
<li><input checked="" disabled="" type="checkbox"> Added PaperMod theme</li>
<li><input checked="" disabled="" type="checkbox"> Created this test post</li>
<li><input disabled="" type="checkbox"> Sync with Obsidian vault</li>
</ul>
<hr>
<h3 id="-links">🔗 Links<a hidden class="anchor" aria-hidden="true" href="#-links">#</a></h3>
<p>Check out <a href="https://github.com/adityatelange/hugo-PaperMod">PaperMod on GitHub</a></p>
<hr>
<h3 id="-blockquote">💬 Blockquote<a hidden class="anchor" aria-hidden="true" href="#-blockquote">#</a></h3>
<blockquote>
<p>“Simplicity is the ultimate sophistication.” — Leonardo da Vinci</p></blockquote>
<hr>
<h3 id="-inline-code">💡 Inline Code<a hidden class="anchor" aria-hidden="true" href="#-inline-code">#</a></h3>
<p>Use <code>docker compose up -d</code> to start your stack.</p>
<hr>
<h3 id="-code-blocks">🧑‍💻 Code Blocks<a hidden class="anchor" aria-hidden="true" href="#-code-blocks">#</a></h3>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-bash" data-lang="bash"><span style="display:flex;"><span><span style="color:#75715e"># A bash snippet</span>
</span></span><span style="display:flex;"><span>sudo apt update
</span></span><span style="display:flex;"><span>sudo apt install hugo
</span></span></code></pre></div><div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-yaml" data-lang="yaml"><span style="display:flex;"><span><span style="color:#75715e"># A YAML snippet</span>
</span></span><span style="display:flex;"><span><span style="color:#f92672">version</span>: <span style="color:#e6db74">&#39;3&#39;</span>
</span></span><span style="display:flex;"><span><span style="color:#f92672">services</span>:
</span></span><span style="display:flex;"><span> <span style="color:#f92672">blog</span>:
</span></span><span style="display:flex;"><span> <span style="color:#f92672">image</span>: <span style="color:#ae81ff">nginx:alpine</span>
</span></span><span style="display:flex;"><span> <span style="color:#f92672">ports</span>:
</span></span><span style="display:flex;"><span> - <span style="color:#e6db74">&#34;80:80&#34;</span>
</span></span></code></pre></div><div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-go" data-lang="go"><span style="display:flex;"><span><span style="color:#75715e">// A Go snippet (because Hugo is written in Go)</span>
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">func</span> <span style="color:#a6e22e">main</span>() {
</span></span><span style="display:flex;"><span> <span style="color:#a6e22e">fmt</span>.<span style="color:#a6e22e">Println</span>(<span style="color:#e6db74">&#34;Hello, Hugo!&#34;</span>)
</span></span><span style="display:flex;"><span>}
</span></span></code></pre></div><hr>
<h3 id="-image">📸 Image<a hidden class="anchor" aria-hidden="true" href="#-image">#</a></h3>
<p><img alt="Example Image" loading="lazy" src="https://via.placeholder.com/800x400.png?text=My+Blog"></p>
<hr>
<h3 id="-directory-tree">📁 Directory Tree<a hidden class="anchor" aria-hidden="true" href="#-directory-tree">#</a></h3>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-plaintext" data-lang="plaintext"><span style="display:flex;"><span>myblog/
</span></span><span style="display:flex;"><span>├── config.toml
</span></span><span style="display:flex;"><span>├── content/
</span></span><span style="display:flex;"><span>│ └── posts/
</span></span><span style="display:flex;"><span>│ └── hello-world.md
</span></span><span style="display:flex;"><span>└── themes/
</span></span><span style="display:flex;"><span> └── PaperMod/
</span></span></code></pre></div><hr>
<p>Thanks for stopping by! 🎉</p>
</div>
<footer class="post-footer">
<ul class="post-tags">
<li><a href="https://blog.vezpi.me/tags/homelab/">Homelab</a></li>
<li><a href="https://blog.vezpi.me/tags/infrastructure/">Infrastructure</a></li>
<li><a href="https://blog.vezpi.me/tags/docker/">Docker</a></li>
</ul>
</footer>
</article>
</main>
<footer class="footer">
<span>&copy; 2025 <a href="https://blog.vezpi.me/">Vezpi Blog</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>

View File

@ -0,0 +1,10 @@
<!DOCTYPE html>
<html lang="en-us">
<head>
<title>https://blog.vezpi.me/posts/</title>
<link rel="canonical" href="https://blog.vezpi.me/posts/">
<meta name="robots" content="noindex">
<meta charset="utf-8">
<meta http-equiv="refresh" content="0; url=https://blog.vezpi.me/posts/">
</head>
</html>

28
public/sitemap.xml Normal file
View File

@ -0,0 +1,28 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
xmlns:xhtml="http://www.w3.org/1999/xhtml">
<url>
<loc>https://blog.vezpi.me/tags/docker/</loc>
<lastmod>2025-04-25T00:00:00+00:00</lastmod>
</url><url>
<loc>https://blog.vezpi.me/tags/homelab/</loc>
<lastmod>2025-04-25T00:00:00+00:00</lastmod>
</url><url>
<loc>https://blog.vezpi.me/tags/infrastructure/</loc>
<lastmod>2025-04-25T00:00:00+00:00</lastmod>
</url><url>
<loc>https://blog.vezpi.me/posts/</loc>
<lastmod>2025-04-25T00:00:00+00:00</lastmod>
</url><url>
<loc>https://blog.vezpi.me/tags/</loc>
<lastmod>2025-04-25T00:00:00+00:00</lastmod>
</url><url>
<loc>https://blog.vezpi.me/</loc>
<lastmod>2025-04-25T00:00:00+00:00</lastmod>
</url><url>
<loc>https://blog.vezpi.me/posts/my-first-post/</loc>
<lastmod>2025-04-25T00:00:00+00:00</lastmod>
</url><url>
<loc>https://blog.vezpi.me/categories/</loc>
</url>
</urlset>

View File

@ -0,0 +1,206 @@
<!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>Docker | Vezpi Blog</title>
<meta name="keywords" content="">
<meta name="description" content="">
<meta name="author" content="">
<link rel="canonical" href="https://blog.vezpi.me/tags/docker/">
<link crossorigin="anonymous" href="/assets/css/stylesheet.f49d66caae9ea0fd43f21f29e71a8d3e284517ed770f2aa86fa012953ad3c9ef.css" integrity="sha256-9J1myq6eoP1D8h8p5xqNPihFF&#43;13Dyqob6ASlTrTye8=" rel="preload stylesheet" as="style">
<link rel="icon" href="https://blog.vezpi.me/favicon.ico">
<link rel="icon" type="image/png" sizes="16x16" href="https://blog.vezpi.me/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="https://blog.vezpi.me/favicon-32x32.png">
<link rel="apple-touch-icon" href="https://blog.vezpi.me/apple-touch-icon.png">
<link rel="mask-icon" href="https://blog.vezpi.me/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://blog.vezpi.me/tags/docker/index.xml">
<link rel="alternate" hreflang="en" href="https://blog.vezpi.me/tags/docker/">
<noscript>
<style>
#theme-toggle,
.top-link {
display: none;
}
</style>
<style>
@media (prefers-color-scheme: dark) {
:root {
--theme: rgb(29, 30, 32);
--entry: rgb(46, 46, 51);
--primary: rgb(218, 218, 219);
--secondary: rgb(155, 156, 157);
--tertiary: rgb(65, 66, 68);
--content: rgb(196, 196, 197);
--code-block-bg: rgb(46, 46, 51);
--code-bg: rgb(55, 56, 62);
--border: rgb(51, 51, 51);
}
.list {
background: var(--theme);
}
.list:not(.dark)::-webkit-scrollbar-track {
background: 0 0;
}
.list:not(.dark)::-webkit-scrollbar-thumb {
border-color: var(--theme);
}
}
</style>
</noscript><meta property="og:url" content="https://blog.vezpi.me/tags/docker/">
<meta property="og:site_name" content="Vezpi Blog">
<meta property="og:title" content="Docker">
<meta property="og:locale" content="en-us">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Docker">
<meta name="twitter:description" content="">
</head>
<body class="list" id="top">
<script>
if (localStorage.getItem("pref-theme") === "dark") {
document.body.classList.add('dark');
} else if (localStorage.getItem("pref-theme") === "light") {
document.body.classList.remove('dark')
} else if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
document.body.classList.add('dark');
}
</script>
<header class="header">
<nav class="nav">
<div class="logo">
<a href="https://blog.vezpi.me/" accesskey="h" title="Vezpi Blog (Alt + H)">Vezpi Blog</a>
<div class="logo-switches">
<button id="theme-toggle" accesskey="t" title="(Alt + T)" aria-label="Toggle theme">
<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">
</ul>
</nav>
</header>
<main class="main">
<header class="page-header">
<h1>
Docker
</h1>
</header>
<article class="post-entry tag-entry">
<header class="entry-header">
<h2 class="entry-hint-parent">Welcome to My Homelab Blog
</h2>
</header>
<div class="entry-content">
<p>🏡 Welcome to My Homelab This is a placeholder post to test the features of my new blog powered by Hugo and the PaperMod theme.
🧱 Markdown Elements Headers # H1 ## H2 ### H3 Lists Unordered Docker Proxmox Kubernetes Ordered Build homelab Break homelab 😅 Fix it and learn ✅ Checkboxes Installed Hugo Added PaperMod theme Created this test post Sync with Obsidian vault 🔗 Links Check out PaperMod on GitHub
...</p>
</div>
<footer class="entry-footer"><span title='2025-04-25 00:00:00 +0000 UTC'>April 25, 2025</span></footer>
<a class="entry-link" aria-label="post link to Welcome to My Homelab Blog" href="https://blog.vezpi.me/posts/my-first-post/"></a>
</article>
</main>
<footer class="footer">
<span>&copy; 2025 <a href="https://blog.vezpi.me/">Vezpi Blog</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>

View File

@ -0,0 +1,50 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/">
<channel>
<title>Docker on Vezpi Blog</title>
<link>https://blog.vezpi.me/tags/docker/</link>
<description>Recent content in Docker on Vezpi Blog</description>
<generator>Hugo -- 0.146.7</generator>
<language>en-us</language>
<lastBuildDate>Fri, 25 Apr 2025 00:00:00 +0000</lastBuildDate>
<atom:link href="https://blog.vezpi.me/tags/docker/index.xml" rel="self" type="application/rss+xml" />
<item>
<title>Welcome to My Homelab Blog</title>
<link>https://blog.vezpi.me/posts/my-first-post/</link>
<pubDate>Fri, 25 Apr 2025 00:00:00 +0000</pubDate>
<guid>https://blog.vezpi.me/posts/my-first-post/</guid>
<description>&lt;h1 id=&#34;-welcome-to-my-homelab&#34;&gt;🏡 Welcome to My Homelab&lt;/h1&gt;
&lt;p&gt;This is a placeholder post to test the features of my new blog powered by &lt;strong&gt;Hugo&lt;/strong&gt; and the &lt;code&gt;PaperMod&lt;/code&gt; theme.&lt;/p&gt;
&lt;hr&gt;
&lt;h2 id=&#34;-markdown-elements&#34;&gt;🧱 Markdown Elements&lt;/h2&gt;
&lt;h3 id=&#34;headers&#34;&gt;Headers&lt;/h3&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-markdown&#34; data-lang=&#34;markdown&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;# H1
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#75715e&#34;&gt;## H2
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#75715e&#34;&gt;### H3
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h3 id=&#34;lists&#34;&gt;Lists&lt;/h3&gt;
&lt;h4 id=&#34;unordered&#34;&gt;Unordered&lt;/h4&gt;
&lt;ul&gt;
&lt;li&gt;Docker&lt;/li&gt;
&lt;li&gt;Proxmox&lt;/li&gt;
&lt;li&gt;Kubernetes&lt;/li&gt;
&lt;/ul&gt;
&lt;h4 id=&#34;ordered&#34;&gt;Ordered&lt;/h4&gt;
&lt;ol&gt;
&lt;li&gt;Build homelab&lt;/li&gt;
&lt;li&gt;Break homelab 😅&lt;/li&gt;
&lt;li&gt;Fix it and learn&lt;/li&gt;
&lt;/ol&gt;
&lt;hr&gt;
&lt;h3 id=&#34;-checkboxes&#34;&gt;✅ Checkboxes&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;&lt;input checked=&#34;&#34; disabled=&#34;&#34; type=&#34;checkbox&#34;&gt; Installed Hugo&lt;/li&gt;
&lt;li&gt;&lt;input checked=&#34;&#34; disabled=&#34;&#34; type=&#34;checkbox&#34;&gt; Added PaperMod theme&lt;/li&gt;
&lt;li&gt;&lt;input checked=&#34;&#34; disabled=&#34;&#34; type=&#34;checkbox&#34;&gt; Created this test post&lt;/li&gt;
&lt;li&gt;&lt;input disabled=&#34;&#34; type=&#34;checkbox&#34;&gt; Sync with Obsidian vault&lt;/li&gt;
&lt;/ul&gt;
&lt;hr&gt;
&lt;h3 id=&#34;-links&#34;&gt;🔗 Links&lt;/h3&gt;
&lt;p&gt;Check out &lt;a href=&#34;https://github.com/adityatelange/hugo-PaperMod&#34;&gt;PaperMod on GitHub&lt;/a&gt;&lt;/p&gt;</description>
</item>
</channel>
</rss>

View File

@ -0,0 +1,10 @@
<!DOCTYPE html>
<html lang="en-us">
<head>
<title>https://blog.vezpi.me/tags/docker/</title>
<link rel="canonical" href="https://blog.vezpi.me/tags/docker/">
<meta name="robots" content="noindex">
<meta charset="utf-8">
<meta http-equiv="refresh" content="0; url=https://blog.vezpi.me/tags/docker/">
</head>
</html>

View File

@ -0,0 +1,206 @@
<!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>Homelab | Vezpi Blog</title>
<meta name="keywords" content="">
<meta name="description" content="">
<meta name="author" content="">
<link rel="canonical" href="https://blog.vezpi.me/tags/homelab/">
<link crossorigin="anonymous" href="/assets/css/stylesheet.f49d66caae9ea0fd43f21f29e71a8d3e284517ed770f2aa86fa012953ad3c9ef.css" integrity="sha256-9J1myq6eoP1D8h8p5xqNPihFF&#43;13Dyqob6ASlTrTye8=" rel="preload stylesheet" as="style">
<link rel="icon" href="https://blog.vezpi.me/favicon.ico">
<link rel="icon" type="image/png" sizes="16x16" href="https://blog.vezpi.me/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="https://blog.vezpi.me/favicon-32x32.png">
<link rel="apple-touch-icon" href="https://blog.vezpi.me/apple-touch-icon.png">
<link rel="mask-icon" href="https://blog.vezpi.me/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://blog.vezpi.me/tags/homelab/index.xml">
<link rel="alternate" hreflang="en" href="https://blog.vezpi.me/tags/homelab/">
<noscript>
<style>
#theme-toggle,
.top-link {
display: none;
}
</style>
<style>
@media (prefers-color-scheme: dark) {
:root {
--theme: rgb(29, 30, 32);
--entry: rgb(46, 46, 51);
--primary: rgb(218, 218, 219);
--secondary: rgb(155, 156, 157);
--tertiary: rgb(65, 66, 68);
--content: rgb(196, 196, 197);
--code-block-bg: rgb(46, 46, 51);
--code-bg: rgb(55, 56, 62);
--border: rgb(51, 51, 51);
}
.list {
background: var(--theme);
}
.list:not(.dark)::-webkit-scrollbar-track {
background: 0 0;
}
.list:not(.dark)::-webkit-scrollbar-thumb {
border-color: var(--theme);
}
}
</style>
</noscript><meta property="og:url" content="https://blog.vezpi.me/tags/homelab/">
<meta property="og:site_name" content="Vezpi Blog">
<meta property="og:title" content="Homelab">
<meta property="og:locale" content="en-us">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Homelab">
<meta name="twitter:description" content="">
</head>
<body class="list" id="top">
<script>
if (localStorage.getItem("pref-theme") === "dark") {
document.body.classList.add('dark');
} else if (localStorage.getItem("pref-theme") === "light") {
document.body.classList.remove('dark')
} else if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
document.body.classList.add('dark');
}
</script>
<header class="header">
<nav class="nav">
<div class="logo">
<a href="https://blog.vezpi.me/" accesskey="h" title="Vezpi Blog (Alt + H)">Vezpi Blog</a>
<div class="logo-switches">
<button id="theme-toggle" accesskey="t" title="(Alt + T)" aria-label="Toggle theme">
<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">
</ul>
</nav>
</header>
<main class="main">
<header class="page-header">
<h1>
Homelab
</h1>
</header>
<article class="post-entry tag-entry">
<header class="entry-header">
<h2 class="entry-hint-parent">Welcome to My Homelab Blog
</h2>
</header>
<div class="entry-content">
<p>🏡 Welcome to My Homelab This is a placeholder post to test the features of my new blog powered by Hugo and the PaperMod theme.
🧱 Markdown Elements Headers # H1 ## H2 ### H3 Lists Unordered Docker Proxmox Kubernetes Ordered Build homelab Break homelab 😅 Fix it and learn ✅ Checkboxes Installed Hugo Added PaperMod theme Created this test post Sync with Obsidian vault 🔗 Links Check out PaperMod on GitHub
...</p>
</div>
<footer class="entry-footer"><span title='2025-04-25 00:00:00 +0000 UTC'>April 25, 2025</span></footer>
<a class="entry-link" aria-label="post link to Welcome to My Homelab Blog" href="https://blog.vezpi.me/posts/my-first-post/"></a>
</article>
</main>
<footer class="footer">
<span>&copy; 2025 <a href="https://blog.vezpi.me/">Vezpi Blog</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>

View File

@ -0,0 +1,50 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/">
<channel>
<title>Homelab on Vezpi Blog</title>
<link>https://blog.vezpi.me/tags/homelab/</link>
<description>Recent content in Homelab on Vezpi Blog</description>
<generator>Hugo -- 0.146.7</generator>
<language>en-us</language>
<lastBuildDate>Fri, 25 Apr 2025 00:00:00 +0000</lastBuildDate>
<atom:link href="https://blog.vezpi.me/tags/homelab/index.xml" rel="self" type="application/rss+xml" />
<item>
<title>Welcome to My Homelab Blog</title>
<link>https://blog.vezpi.me/posts/my-first-post/</link>
<pubDate>Fri, 25 Apr 2025 00:00:00 +0000</pubDate>
<guid>https://blog.vezpi.me/posts/my-first-post/</guid>
<description>&lt;h1 id=&#34;-welcome-to-my-homelab&#34;&gt;🏡 Welcome to My Homelab&lt;/h1&gt;
&lt;p&gt;This is a placeholder post to test the features of my new blog powered by &lt;strong&gt;Hugo&lt;/strong&gt; and the &lt;code&gt;PaperMod&lt;/code&gt; theme.&lt;/p&gt;
&lt;hr&gt;
&lt;h2 id=&#34;-markdown-elements&#34;&gt;🧱 Markdown Elements&lt;/h2&gt;
&lt;h3 id=&#34;headers&#34;&gt;Headers&lt;/h3&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-markdown&#34; data-lang=&#34;markdown&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;# H1
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#75715e&#34;&gt;## H2
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#75715e&#34;&gt;### H3
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h3 id=&#34;lists&#34;&gt;Lists&lt;/h3&gt;
&lt;h4 id=&#34;unordered&#34;&gt;Unordered&lt;/h4&gt;
&lt;ul&gt;
&lt;li&gt;Docker&lt;/li&gt;
&lt;li&gt;Proxmox&lt;/li&gt;
&lt;li&gt;Kubernetes&lt;/li&gt;
&lt;/ul&gt;
&lt;h4 id=&#34;ordered&#34;&gt;Ordered&lt;/h4&gt;
&lt;ol&gt;
&lt;li&gt;Build homelab&lt;/li&gt;
&lt;li&gt;Break homelab 😅&lt;/li&gt;
&lt;li&gt;Fix it and learn&lt;/li&gt;
&lt;/ol&gt;
&lt;hr&gt;
&lt;h3 id=&#34;-checkboxes&#34;&gt;✅ Checkboxes&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;&lt;input checked=&#34;&#34; disabled=&#34;&#34; type=&#34;checkbox&#34;&gt; Installed Hugo&lt;/li&gt;
&lt;li&gt;&lt;input checked=&#34;&#34; disabled=&#34;&#34; type=&#34;checkbox&#34;&gt; Added PaperMod theme&lt;/li&gt;
&lt;li&gt;&lt;input checked=&#34;&#34; disabled=&#34;&#34; type=&#34;checkbox&#34;&gt; Created this test post&lt;/li&gt;
&lt;li&gt;&lt;input disabled=&#34;&#34; type=&#34;checkbox&#34;&gt; Sync with Obsidian vault&lt;/li&gt;
&lt;/ul&gt;
&lt;hr&gt;
&lt;h3 id=&#34;-links&#34;&gt;🔗 Links&lt;/h3&gt;
&lt;p&gt;Check out &lt;a href=&#34;https://github.com/adityatelange/hugo-PaperMod&#34;&gt;PaperMod on GitHub&lt;/a&gt;&lt;/p&gt;</description>
</item>
</channel>
</rss>

View File

@ -0,0 +1,10 @@
<!DOCTYPE html>
<html lang="en-us">
<head>
<title>https://blog.vezpi.me/tags/homelab/</title>
<link rel="canonical" href="https://blog.vezpi.me/tags/homelab/">
<meta name="robots" content="noindex">
<meta charset="utf-8">
<meta http-equiv="refresh" content="0; url=https://blog.vezpi.me/tags/homelab/">
</head>
</html>

202
public/tags/index.html Normal file
View File

@ -0,0 +1,202 @@
<!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>Tags | Vezpi Blog</title>
<meta name="keywords" content="">
<meta name="description" content="">
<meta name="author" content="">
<link rel="canonical" href="https://blog.vezpi.me/tags/">
<link crossorigin="anonymous" href="/assets/css/stylesheet.f49d66caae9ea0fd43f21f29e71a8d3e284517ed770f2aa86fa012953ad3c9ef.css" integrity="sha256-9J1myq6eoP1D8h8p5xqNPihFF&#43;13Dyqob6ASlTrTye8=" rel="preload stylesheet" as="style">
<link rel="icon" href="https://blog.vezpi.me/favicon.ico">
<link rel="icon" type="image/png" sizes="16x16" href="https://blog.vezpi.me/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="https://blog.vezpi.me/favicon-32x32.png">
<link rel="apple-touch-icon" href="https://blog.vezpi.me/apple-touch-icon.png">
<link rel="mask-icon" href="https://blog.vezpi.me/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://blog.vezpi.me/tags/index.xml">
<link rel="alternate" hreflang="en" href="https://blog.vezpi.me/tags/">
<noscript>
<style>
#theme-toggle,
.top-link {
display: none;
}
</style>
<style>
@media (prefers-color-scheme: dark) {
:root {
--theme: rgb(29, 30, 32);
--entry: rgb(46, 46, 51);
--primary: rgb(218, 218, 219);
--secondary: rgb(155, 156, 157);
--tertiary: rgb(65, 66, 68);
--content: rgb(196, 196, 197);
--code-block-bg: rgb(46, 46, 51);
--code-bg: rgb(55, 56, 62);
--border: rgb(51, 51, 51);
}
.list {
background: var(--theme);
}
.list:not(.dark)::-webkit-scrollbar-track {
background: 0 0;
}
.list:not(.dark)::-webkit-scrollbar-thumb {
border-color: var(--theme);
}
}
</style>
</noscript><meta property="og:url" content="https://blog.vezpi.me/tags/">
<meta property="og:site_name" content="Vezpi Blog">
<meta property="og:title" content="Tags">
<meta property="og:locale" content="en-us">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Tags">
<meta name="twitter:description" content="">
</head>
<body class="list" id="top">
<script>
if (localStorage.getItem("pref-theme") === "dark") {
document.body.classList.add('dark');
} else if (localStorage.getItem("pref-theme") === "light") {
document.body.classList.remove('dark')
} else if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
document.body.classList.add('dark');
}
</script>
<header class="header">
<nav class="nav">
<div class="logo">
<a href="https://blog.vezpi.me/" accesskey="h" title="Vezpi Blog (Alt + H)">Vezpi Blog</a>
<div class="logo-switches">
<button id="theme-toggle" accesskey="t" title="(Alt + T)" aria-label="Toggle theme">
<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">
</ul>
</nav>
</header>
<main class="main">
<header class="page-header">
<h1>Tags</h1>
</header>
<ul class="terms-tags">
<li>
<a href="https://blog.vezpi.me/tags/docker/">docker <sup><strong><sup>1</sup></strong></sup> </a>
</li>
<li>
<a href="https://blog.vezpi.me/tags/homelab/">homelab <sup><strong><sup>1</sup></strong></sup> </a>
</li>
<li>
<a href="https://blog.vezpi.me/tags/infrastructure/">infrastructure <sup><strong><sup>1</sup></strong></sup> </a>
</li>
</ul>
</main>
<footer class="footer">
<span>&copy; 2025 <a href="https://blog.vezpi.me/">Vezpi Blog</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>

33
public/tags/index.xml Normal file
View File

@ -0,0 +1,33 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/">
<channel>
<title>Tags on Vezpi Blog</title>
<link>https://blog.vezpi.me/tags/</link>
<description>Recent content in Tags on Vezpi Blog</description>
<generator>Hugo -- 0.146.7</generator>
<language>en-us</language>
<lastBuildDate>Fri, 25 Apr 2025 00:00:00 +0000</lastBuildDate>
<atom:link href="https://blog.vezpi.me/tags/index.xml" rel="self" type="application/rss+xml" />
<item>
<title>Docker</title>
<link>https://blog.vezpi.me/tags/docker/</link>
<pubDate>Fri, 25 Apr 2025 00:00:00 +0000</pubDate>
<guid>https://blog.vezpi.me/tags/docker/</guid>
<description></description>
</item>
<item>
<title>Homelab</title>
<link>https://blog.vezpi.me/tags/homelab/</link>
<pubDate>Fri, 25 Apr 2025 00:00:00 +0000</pubDate>
<guid>https://blog.vezpi.me/tags/homelab/</guid>
<description></description>
</item>
<item>
<title>Infrastructure</title>
<link>https://blog.vezpi.me/tags/infrastructure/</link>
<pubDate>Fri, 25 Apr 2025 00:00:00 +0000</pubDate>
<guid>https://blog.vezpi.me/tags/infrastructure/</guid>
<description></description>
</item>
</channel>
</rss>

View File

@ -0,0 +1,206 @@
<!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>Infrastructure | Vezpi Blog</title>
<meta name="keywords" content="">
<meta name="description" content="">
<meta name="author" content="">
<link rel="canonical" href="https://blog.vezpi.me/tags/infrastructure/">
<link crossorigin="anonymous" href="/assets/css/stylesheet.f49d66caae9ea0fd43f21f29e71a8d3e284517ed770f2aa86fa012953ad3c9ef.css" integrity="sha256-9J1myq6eoP1D8h8p5xqNPihFF&#43;13Dyqob6ASlTrTye8=" rel="preload stylesheet" as="style">
<link rel="icon" href="https://blog.vezpi.me/favicon.ico">
<link rel="icon" type="image/png" sizes="16x16" href="https://blog.vezpi.me/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="https://blog.vezpi.me/favicon-32x32.png">
<link rel="apple-touch-icon" href="https://blog.vezpi.me/apple-touch-icon.png">
<link rel="mask-icon" href="https://blog.vezpi.me/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://blog.vezpi.me/tags/infrastructure/index.xml">
<link rel="alternate" hreflang="en" href="https://blog.vezpi.me/tags/infrastructure/">
<noscript>
<style>
#theme-toggle,
.top-link {
display: none;
}
</style>
<style>
@media (prefers-color-scheme: dark) {
:root {
--theme: rgb(29, 30, 32);
--entry: rgb(46, 46, 51);
--primary: rgb(218, 218, 219);
--secondary: rgb(155, 156, 157);
--tertiary: rgb(65, 66, 68);
--content: rgb(196, 196, 197);
--code-block-bg: rgb(46, 46, 51);
--code-bg: rgb(55, 56, 62);
--border: rgb(51, 51, 51);
}
.list {
background: var(--theme);
}
.list:not(.dark)::-webkit-scrollbar-track {
background: 0 0;
}
.list:not(.dark)::-webkit-scrollbar-thumb {
border-color: var(--theme);
}
}
</style>
</noscript><meta property="og:url" content="https://blog.vezpi.me/tags/infrastructure/">
<meta property="og:site_name" content="Vezpi Blog">
<meta property="og:title" content="Infrastructure">
<meta property="og:locale" content="en-us">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Infrastructure">
<meta name="twitter:description" content="">
</head>
<body class="list" id="top">
<script>
if (localStorage.getItem("pref-theme") === "dark") {
document.body.classList.add('dark');
} else if (localStorage.getItem("pref-theme") === "light") {
document.body.classList.remove('dark')
} else if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
document.body.classList.add('dark');
}
</script>
<header class="header">
<nav class="nav">
<div class="logo">
<a href="https://blog.vezpi.me/" accesskey="h" title="Vezpi Blog (Alt + H)">Vezpi Blog</a>
<div class="logo-switches">
<button id="theme-toggle" accesskey="t" title="(Alt + T)" aria-label="Toggle theme">
<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">
</ul>
</nav>
</header>
<main class="main">
<header class="page-header">
<h1>
Infrastructure
</h1>
</header>
<article class="post-entry tag-entry">
<header class="entry-header">
<h2 class="entry-hint-parent">Welcome to My Homelab Blog
</h2>
</header>
<div class="entry-content">
<p>🏡 Welcome to My Homelab This is a placeholder post to test the features of my new blog powered by Hugo and the PaperMod theme.
🧱 Markdown Elements Headers # H1 ## H2 ### H3 Lists Unordered Docker Proxmox Kubernetes Ordered Build homelab Break homelab 😅 Fix it and learn ✅ Checkboxes Installed Hugo Added PaperMod theme Created this test post Sync with Obsidian vault 🔗 Links Check out PaperMod on GitHub
...</p>
</div>
<footer class="entry-footer"><span title='2025-04-25 00:00:00 +0000 UTC'>April 25, 2025</span></footer>
<a class="entry-link" aria-label="post link to Welcome to My Homelab Blog" href="https://blog.vezpi.me/posts/my-first-post/"></a>
</article>
</main>
<footer class="footer">
<span>&copy; 2025 <a href="https://blog.vezpi.me/">Vezpi Blog</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>

View File

@ -0,0 +1,50 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/">
<channel>
<title>Infrastructure on Vezpi Blog</title>
<link>https://blog.vezpi.me/tags/infrastructure/</link>
<description>Recent content in Infrastructure on Vezpi Blog</description>
<generator>Hugo -- 0.146.7</generator>
<language>en-us</language>
<lastBuildDate>Fri, 25 Apr 2025 00:00:00 +0000</lastBuildDate>
<atom:link href="https://blog.vezpi.me/tags/infrastructure/index.xml" rel="self" type="application/rss+xml" />
<item>
<title>Welcome to My Homelab Blog</title>
<link>https://blog.vezpi.me/posts/my-first-post/</link>
<pubDate>Fri, 25 Apr 2025 00:00:00 +0000</pubDate>
<guid>https://blog.vezpi.me/posts/my-first-post/</guid>
<description>&lt;h1 id=&#34;-welcome-to-my-homelab&#34;&gt;🏡 Welcome to My Homelab&lt;/h1&gt;
&lt;p&gt;This is a placeholder post to test the features of my new blog powered by &lt;strong&gt;Hugo&lt;/strong&gt; and the &lt;code&gt;PaperMod&lt;/code&gt; theme.&lt;/p&gt;
&lt;hr&gt;
&lt;h2 id=&#34;-markdown-elements&#34;&gt;🧱 Markdown Elements&lt;/h2&gt;
&lt;h3 id=&#34;headers&#34;&gt;Headers&lt;/h3&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-markdown&#34; data-lang=&#34;markdown&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;# H1
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#75715e&#34;&gt;## H2
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#75715e&#34;&gt;### H3
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h3 id=&#34;lists&#34;&gt;Lists&lt;/h3&gt;
&lt;h4 id=&#34;unordered&#34;&gt;Unordered&lt;/h4&gt;
&lt;ul&gt;
&lt;li&gt;Docker&lt;/li&gt;
&lt;li&gt;Proxmox&lt;/li&gt;
&lt;li&gt;Kubernetes&lt;/li&gt;
&lt;/ul&gt;
&lt;h4 id=&#34;ordered&#34;&gt;Ordered&lt;/h4&gt;
&lt;ol&gt;
&lt;li&gt;Build homelab&lt;/li&gt;
&lt;li&gt;Break homelab 😅&lt;/li&gt;
&lt;li&gt;Fix it and learn&lt;/li&gt;
&lt;/ol&gt;
&lt;hr&gt;
&lt;h3 id=&#34;-checkboxes&#34;&gt;✅ Checkboxes&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;&lt;input checked=&#34;&#34; disabled=&#34;&#34; type=&#34;checkbox&#34;&gt; Installed Hugo&lt;/li&gt;
&lt;li&gt;&lt;input checked=&#34;&#34; disabled=&#34;&#34; type=&#34;checkbox&#34;&gt; Added PaperMod theme&lt;/li&gt;
&lt;li&gt;&lt;input checked=&#34;&#34; disabled=&#34;&#34; type=&#34;checkbox&#34;&gt; Created this test post&lt;/li&gt;
&lt;li&gt;&lt;input disabled=&#34;&#34; type=&#34;checkbox&#34;&gt; Sync with Obsidian vault&lt;/li&gt;
&lt;/ul&gt;
&lt;hr&gt;
&lt;h3 id=&#34;-links&#34;&gt;🔗 Links&lt;/h3&gt;
&lt;p&gt;Check out &lt;a href=&#34;https://github.com/adityatelange/hugo-PaperMod&#34;&gt;PaperMod on GitHub&lt;/a&gt;&lt;/p&gt;</description>
</item>
</channel>
</rss>

View File

@ -0,0 +1,10 @@
<!DOCTYPE html>
<html lang="en-us">
<head>
<title>https://blog.vezpi.me/tags/infrastructure/</title>
<link rel="canonical" href="https://blog.vezpi.me/tags/infrastructure/">
<meta name="robots" content="noindex">
<meta charset="utf-8">
<meta http-equiv="refresh" content="0; url=https://blog.vezpi.me/tags/infrastructure/">
</head>
</html>

File diff suppressed because it is too large Load Diff

View File

@ -0,0 +1 @@
{"Target":"css/coder.css","MediaType":"text/css","Data":{}}

1
themes/PaperMod Submodule

@ -0,0 +1 @@
Subproject commit 7cf752f8644fea1fc3dc7299352718d492c55182

1
themes/hugo-coder Submodule

@ -0,0 +1 @@
Subproject commit 6bc00595434affd85e9d55af98779460de6fb1cd