Vezpi/Blog
1
0
Fork 0
Code Issues Pull Requests Actions Wiki Activity
Blog/public/posts/my-first-post/index.html

439 lines
18 KiB
HTML
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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.
I like :
Chicken
Sausage
Oranges
Potatoes
Pasta
Beer
Squid
Doritos
Banana
Kiwi
🧱 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.
I like :
Chicken Sausage Oranges Potatoes Pasta Beer Squid Doritos Banana Kiwi 🧱 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.
I like :
Chicken
Sausage
Oranges
Potatoes
Pasta
Beer
Squid
Doritos
Banana
Kiwi
🧱 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.\nI like :\nChicken Sausage Oranges Potatoes Pasta Beer Squid Doritos Banana Kiwi 🧱 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.\nI like :\nChicken Sausage Oranges Potatoes Pasta Beer Squid Doritos Banana Kiwi 🧱 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" : "176",
"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.<br>
I like :</p>
<ul>
<li>Chicken</li>
<li>Sausage</li>
<li>Oranges</li>
<li>Potatoes</li>
<li>Pasta</li>
<li>Beer</li>
<li>Squid</li>
<li>Doritos</li>
<li>Banana</li>
<li>Kiwi</li>
</ul>
<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>
Reference in New Issue View Git Blame Copy Permalink