Skip to content

Commit 3532a17

Browse files
author
Fernanda Martins
committed
Add github pages post
1 parent 93cd576 commit 3532a17

28 files changed

Lines changed: 7982 additions & 86 deletions

File tree

‎.DS_Store‎

0 Bytes
Binary file not shown.

‎content/.DS_Store‎

2 KB
Binary file not shown.

‎content/posts/.DS_Store‎

6 KB
Binary file not shown.

‎content/posts/DevOps Roadmap.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
---
22
title: "DevOps Roadmap - A big list of resources"
3-
date: 2025-11-23T18:00:00+03:00
3+
date: 2025-11-23T18:00:00-03:00
44
draft: false
55
summary: "Roadmap ideas made by me"
66
categories: ["mentorships", "learning"]

‎content/posts/Why Github Pages.md‎

Lines changed: 48 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,48 @@
1+
---
2+
title: "Why Github Pages"
3+
date: 2025-11-24T21:00:00-03:00
4+
draft: false
5+
summary: "Why choose Github pages when you can host yourself?"
6+
categories: ["github-pages"]
7+
tags: ["github", "pages", "reflection"]
8+
cover: 'https://avatars.githubusercontent.com/u/583231?v=4'
9+
---
10+
11+
As I publish this blog, you might be wondering: *Fernanda is an Infrastructure Engineer… why did she choose GitHub Pages instead of hosting it herself?* Believe me, I thought a lot about it — and here's why.
12+
13+
Around 2014, I had just graduated in Computer Science when I thought to myself: *I'm going to try AWS for the first time!* I created a free AWS account and launched a virtual machine. Coming from VMware vSphere, I was amazed by how easy it was to create a VM with just a few clicks. So exciting! I knew right then and there that I wanted to learn more. I played around a bit, closed the browser and life moved on.
14+
15+
Next thing I know, I receive a charge on my credit card — my first AWS bill.
16+
17+
<figure>
18+
<img src="https://plus.unsplash.com/premium_photo-1681582863624-24337f436b78?q=80&w=1740&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" width="300" />
19+
<figcaption>Image of a wallet with money from unsplash.com</figcaption>
20+
</figure>
21+
22+
I didn’t even need to read about cloud bills — I *felt* it in my pocket. I’ve always enjoyed writing, but not spending money.
23+
24+
A few years later: **I’ll host the blog myself!** And then…
25+
26+
<figure>
27+
<img src="https://i.imgflip.com/5fgm1p.jpg" width="300" />
28+
<figcaption>Image of 2 years later from imgflip.com</figcaption>
29+
</figure>
30+
31+
I built a self-hosted Kubernetes cluster! It has so many cool components. I has so much I wanted to post about.
32+
Wait… what was I doing again?
33+
A blog! Yes! Now I just needed to make it publicly available. And then… a new obsession began:
34+
35+
<figure>
36+
<img src="https://images.unsplash.com/photo-1508345228704-935cc84bf5e2?q=80&w=774&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" width="300" />
37+
<figcaption>Image of a lock with chains from unsplash.com</figcaption>
38+
</figure>
39+
40+
I started having nightmares about hackers before publishing the blog. They were e-v-e-r-y-w-h-e-r-e! I even considered replacing all my network equipment. Mission aborted! I’m not exposing my home network!
41+
42+
But hey — **I can write anywhere**.
43+
So I published a blog post on [Medium](https://medium.com/). It was nice, but I realized some readers would need to pay to access my posts, and as someone who believes in sharing knowledge, that made me sad.
44+
45+
I published the same post on [dev.to](https://dev.to/flmmartins/pragmatic-way-of-installing-multiple-versions-of-python-with-virtual-environments-a37). Thank you so much for existing and making publishing accessible! But I still wanted my own little corner of the internet.
46+
47+
And that’s why I chose GitHub Pages.
48+
Hopefully, I will learn a lot from this — and you will too!

‎public/archives/index.html‎

Lines changed: 60 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1040,7 +1040,7 @@ <h1 class="text-foreground text-3xl font-bold">
10401040
viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
10411041
</svg>
10421042
<span
1043-
>1 posts total</span
1043+
>2 posts total</span
10441044
>
10451045
</div>
10461046
<div class="flex items-center gap-1">
@@ -1078,7 +1078,7 @@ <h1 class="text-foreground text-3xl font-bold">
10781078
<div class="ml-12">
10791079
<h2 class="text-foreground text-2xl font-bold">2025</h2>
10801080
<p class="text-muted-foreground text-sm">
1081-
1
1081+
2
10821082
posts
10831083
</p>
10841084
</div>
@@ -1097,7 +1097,7 @@ <h3 class="text-foreground text-lg font-semibold">
10971097
November 2025
10981098
</h3>
10991099
<p class="text-muted-foreground text-xs">
1100-
1
1100+
2
11011101
posts
11021102
</p>
11031103
</div>
@@ -1106,6 +1106,63 @@ <h3 class="text-foreground text-lg font-semibold">
11061106

11071107
<div class="ml-12 space-y-3">
11081108

1109+
<article
1110+
class="group bg-card border-border hover:bg-accent/50 rounded-lg border p-4 transition-all duration-300">
1111+
<div class="flex items-center justify-between gap-4">
1112+
<div class="min-w-0 flex-1">
1113+
<h4
1114+
class="text-foreground group-hover:text-primary mb-3 font-medium transition-colors duration-200">
1115+
<a href="/posts/why-github-pages/" class="block">
1116+
Why Github Pages
1117+
</a>
1118+
</h4>
1119+
1120+
1121+
<div
1122+
class="text-muted-foreground flex items-center gap-4 text-xs">
1123+
<div class="flex items-center gap-1">
1124+
1125+
<svg class="h-3 w-3"
1126+
fill="none"
1127+
stroke="currentColor"
1128+
viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" />
1129+
</svg>
1130+
<time datetime="2025-11-24">
1131+
11-24
1132+
</time>
1133+
</div>
1134+
1135+
1136+
<div class="flex items-center gap-1">
1137+
1138+
<svg class="h-3 w-3"
1139+
fill="none"
1140+
stroke="currentColor"
1141+
viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-6l-2-2H5a2 2 0 00-2 2z" />
1142+
</svg>
1143+
<span>github-pages</span>
1144+
</div>
1145+
1146+
1147+
1148+
<div class="flex items-center gap-1">
1149+
1150+
<svg class="h-3 w-3"
1151+
fill="none"
1152+
stroke="currentColor"
1153+
viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" />
1154+
</svg>
1155+
<span
1156+
>2
1157+
min</span
1158+
>
1159+
</div>
1160+
1161+
</div>
1162+
</div>
1163+
</div>
1164+
</article>
1165+
11091166
<article
11101167
class="group bg-card border-border hover:bg-accent/50 rounded-lg border p-4 transition-all duration-300">
11111168
<div class="flex items-center justify-between gap-4">

‎public/categories/github-pages/index.html‎

Lines changed: 53 additions & 35 deletions
Original file line numberDiff line numberDiff line change
@@ -43,8 +43,8 @@
4343

4444
<meta itemprop="name" content="Github-Pages">
4545
<meta itemprop="description" content="The DevOps Minion">
46-
<meta itemprop="datePublished" content="2025-11-23T15:00:00+08:00">
47-
<meta itemprop="dateModified" content="2025-11-23T15:00:00+08:00">
46+
<meta itemprop="datePublished" content="2025-11-24T21:00:00-03:00">
47+
<meta itemprop="dateModified" content="2025-11-24T21:00:00-03:00">
4848
<meta itemprop="image" content="http://localhost:1313/images/tdmlogo.png">
4949

5050

@@ -1086,34 +1086,43 @@ <h1 class="text-foreground text-3xl font-bold">
10861086

10871087

10881088
<article class="group">
1089-
<a href="/posts/hello-world/" class="block">
1089+
<a href="/posts/why-github-pages/" class="block">
10901090
<div class="bg-card border-border hover:bg-primary/5 hover:border-primary/20 focus:ring-primary/20 relative flex flex-col overflow-hidden rounded-xl border transition-all duration-300 ease-out hover:-translate-y-1 hover:scale-[1.02] hover:shadow-lg focus:ring-2 focus:outline-none">
10911091

10921092
<div class="block md:hidden">
10931093
<div class="aspect-[2/1] overflow-hidden">
1094-
1095-
<div class="from-indigo-500/20 to-purple-500/10 relative aspect-[2/1] overflow-hidden bg-gradient-to-br" style="background-blend-mode: overlay; background-color: color-mix(in srgb, var(--color-primary) 15%, transparent);">
1094+
<img
1095+
src="https://avatars.githubusercontent.com/u/583231?v=4"
1096+
alt="Why Github Pages"
1097+
class="h-full w-full object-cover transition-transform duration-300 group-hover:scale-105"
1098+
loading="lazy"
1099+
onerror="this.style.display='none'; this.nextElementSibling.style.display='block';" />
1100+
1101+
<div class="from-indigo-500/20 to-purple-500/10 relative aspect-[2/1] overflow-hidden bg-gradient-to-br" style="display: none; background-blend-mode: overlay; background-color: color-mix(in srgb, var(--color-primary) 15%, transparent);">
10961102

10971103
<div class="absolute inset-0">
10981104

10991105

11001106

1101-
<div class="absolute left-[20%] top-[20%] h-5 w-5 rotate-0 bg-white/80" style="clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%)"></div>
1107+
<div class="absolute left-[20%] top-[20%] h-6 w-6 rounded-full border-2 border-white/80 bg-white/15"></div>
11021108

1103-
<div class="absolute right-[25%] top-[25%] h-4 w-4 rotate-36 bg-white/70" style="clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%)"></div>
1109+
<div class="absolute right-[25%] top-[25%] h-5 w-5 rounded-full border border-white/70 bg-white/12"></div>
11041110

1105-
<div class="absolute left-[30%] bottom-[30%] h-3 w-3 rotate-72 bg-white/60" style="clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%)"></div>
1111+
<div class="absolute left-[30%] bottom-[30%] h-4 w-4 rounded-full border border-white/60 bg-white/10"></div>
11061112

1107-
<div class="absolute right-[20%] bottom-[20%] h-4 w-4 rotate-108 bg-white/65" style="clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%)"></div>
1113+
<div class="absolute right-[20%] bottom-[20%] h-5 w-5 rounded-full border border-white/65 bg-white/13"></div>
11081114

1109-
<div class="absolute left-[45%] top-[45%] h-2 w-2 rotate-144 bg-white/50" style="clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%)"></div>
1115+
<div class="absolute left-[45%] top-[45%] h-3 w-3 rounded-full border border-white/50 bg-white/8"></div>
11101116

1111-
<div class="absolute right-[35%] top-[35%] h-2 w-2 rounded-full bg-white/40"></div>
1112-
<div class="absolute left-[40%] bottom-[35%] h-1.5 w-1.5 rounded-full bg-white/35"></div>
1113-
<div class="absolute right-[45%] bottom-[45%] h-1 w-1 rounded-full bg-white/30"></div>
1117+
<div class="absolute right-[35%] top-[35%] h-2 w-2 rounded-full bg-white/50"></div>
1118+
<div class="absolute left-[40%] bottom-[35%] h-1.5 w-1.5 rounded-full bg-white/45"></div>
1119+
<div class="absolute left-[35%] top-[50%] h-1 w-1 rounded-full bg-white/40"></div>
1120+
<div class="absolute right-[40%] bottom-[50%] h-1 w-1 rounded-full bg-white/35"></div>
1121+
<div class="absolute left-[50%] top-[30%] h-1 w-1 rounded-full bg-white/30"></div>
1122+
<div class="absolute right-[50%] bottom-[30%] h-1 w-1 rounded-full bg-white/25"></div>
11141123

1115-
<div class="absolute top-[30%] left-[30%] h-0.5 w-6 rotate-30 bg-white/25"></div>
1116-
<div class="absolute bottom-[30%] right-[30%] h-0.5 w-4 -rotate-45 bg-white/20"></div>
1124+
<div class="absolute top-[40%] left-[15%] h-0.5 w-6 rotate-30 bg-white/25"></div>
1125+
<div class="absolute bottom-[40%] right-[15%] h-0.5 w-4 -rotate-30 bg-white/20"></div>
11171126

11181127
</div>
11191128
</div>
@@ -1124,29 +1133,38 @@ <h1 class="text-foreground text-3xl font-bold">
11241133

11251134
<div class="absolute top-0 right-0 hidden h-full w-80 transition-opacity duration-300 group-hover:opacity-90 md:block">
11261135
<div class="h-full w-full">
1127-
1128-
<div class="from-indigo-500/20 to-purple-500/10 relative h-full w-full overflow-hidden bg-gradient-to-br" style="background-blend-mode: overlay; background-color: color-mix(in srgb, var(--color-primary) 15%, transparent);">
1136+
<img
1137+
src="https://avatars.githubusercontent.com/u/583231?v=4"
1138+
alt="Why Github Pages"
1139+
class="h-full w-full object-cover"
1140+
loading="lazy"
1141+
onerror="this.style.display='none'; this.nextElementSibling.style.display='block';" />
1142+
1143+
<div class="from-indigo-500/20 to-purple-500/10 relative h-full w-full overflow-hidden bg-gradient-to-br" style="display: none; background-blend-mode: overlay; background-color: color-mix(in srgb, var(--color-primary) 15%, transparent);">
11291144

11301145
<div class="absolute inset-0">
11311146

11321147

11331148

1134-
<div class="absolute left-[20%] top-[20%] h-5 w-5 rotate-0 bg-white/80" style="clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%)"></div>
1149+
<div class="absolute left-[20%] top-[20%] h-6 w-6 rounded-full border-2 border-white/80 bg-white/15"></div>
11351150

1136-
<div class="absolute right-[25%] top-[25%] h-4 w-4 rotate-36 bg-white/70" style="clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%)"></div>
1151+
<div class="absolute right-[25%] top-[25%] h-5 w-5 rounded-full border border-white/70 bg-white/12"></div>
11371152

1138-
<div class="absolute left-[30%] bottom-[30%] h-3 w-3 rotate-72 bg-white/60" style="clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%)"></div>
1153+
<div class="absolute left-[30%] bottom-[30%] h-4 w-4 rounded-full border border-white/60 bg-white/10"></div>
11391154

1140-
<div class="absolute right-[20%] bottom-[20%] h-4 w-4 rotate-108 bg-white/65" style="clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%)"></div>
1155+
<div class="absolute right-[20%] bottom-[20%] h-5 w-5 rounded-full border border-white/65 bg-white/13"></div>
11411156

1142-
<div class="absolute left-[45%] top-[45%] h-2 w-2 rotate-144 bg-white/50" style="clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%)"></div>
1157+
<div class="absolute left-[45%] top-[45%] h-3 w-3 rounded-full border border-white/50 bg-white/8"></div>
11431158

1144-
<div class="absolute right-[35%] top-[35%] h-2 w-2 rounded-full bg-white/40"></div>
1145-
<div class="absolute left-[40%] bottom-[35%] h-1.5 w-1.5 rounded-full bg-white/35"></div>
1146-
<div class="absolute right-[45%] bottom-[45%] h-1 w-1 rounded-full bg-white/30"></div>
1159+
<div class="absolute right-[35%] top-[35%] h-2 w-2 rounded-full bg-white/50"></div>
1160+
<div class="absolute left-[40%] bottom-[35%] h-1.5 w-1.5 rounded-full bg-white/45"></div>
1161+
<div class="absolute left-[35%] top-[50%] h-1 w-1 rounded-full bg-white/40"></div>
1162+
<div class="absolute right-[40%] bottom-[50%] h-1 w-1 rounded-full bg-white/35"></div>
1163+
<div class="absolute left-[50%] top-[30%] h-1 w-1 rounded-full bg-white/30"></div>
1164+
<div class="absolute right-[50%] bottom-[30%] h-1 w-1 rounded-full bg-white/25"></div>
11471165

1148-
<div class="absolute top-[30%] left-[30%] h-0.5 w-6 rotate-30 bg-white/25"></div>
1149-
<div class="absolute bottom-[30%] right-[30%] h-0.5 w-4 -rotate-45 bg-white/20"></div>
1166+
<div class="absolute top-[40%] left-[15%] h-0.5 w-6 rotate-30 bg-white/25"></div>
1167+
<div class="absolute bottom-[40%] right-[15%] h-0.5 w-4 -rotate-30 bg-white/20"></div>
11501168

11511169
</div>
11521170
</div>
@@ -1161,13 +1179,13 @@ <h1 class="text-foreground text-3xl font-bold">
11611179
<div class="relative z-10 flex flex-1 flex-col p-6 md:pr-[21rem]">
11621180

11631181
<h3 class="text-foreground group-hover:text-primary mb-4 text-lg font-semibold leading-tight transition-colors duration-200">
1164-
Hello World
1182+
Why Github Pages
11651183
</h3>
11661184

11671185

11681186

11691187
<p class="text-muted-foreground mb-4 text-sm leading-relaxed">
1170-
My first blog post
1188+
Why choose Github pages when you can host yourself?
11711189
</p>
11721190

11731191

@@ -1182,8 +1200,8 @@ <h3 class="text-foreground group-hover:text-primary mb-4 text-lg font-semibold l
11821200
stroke="currentColor"
11831201
viewBox="0 0 24 24" aria-label="Published on"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" />
11841202
</svg>
1185-
<time datetime="2025-11-23" class="font-medium">
1186-
November 23, 2025
1203+
<time datetime="2025-11-24" class="font-medium">
1204+
November 24, 2025
11871205
</time>
11881206
</div>
11891207

@@ -1194,7 +1212,7 @@ <h3 class="text-foreground group-hover:text-primary mb-4 text-lg font-semibold l
11941212
stroke="currentColor"
11951213
viewBox="0 0 24 24" aria-label="Reading time"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" />
11961214
</svg>
1197-
<span class="font-medium">1 minute</span>
1215+
<span class="font-medium">2 minute</span>
11981216
</div>
11991217

12001218
</div>
@@ -1204,15 +1222,15 @@ <h3 class="text-foreground group-hover:text-primary mb-4 text-lg font-semibold l
12041222
<div class="flex flex-wrap items-center gap-1.5 mt-2">
12051223

12061224
<span class="bg-muted/50 border-muted/30 flex items-center gap-1 rounded-md border px-2 py-1">
1207-
<span class="font-medium">hugo</span>
1225+
<span class="font-medium">github</span>
12081226
</span>
12091227

12101228
<span class="bg-muted/50 border-muted/30 flex items-center gap-1 rounded-md border px-2 py-1">
1211-
<span class="font-medium">github-pages</span>
1229+
<span class="font-medium">pages</span>
12121230
</span>
12131231

12141232
<span class="bg-muted/50 border-muted/30 flex items-center gap-1 rounded-md border px-2 py-1">
1215-
<span class="font-medium">first post</span>
1233+
<span class="font-medium">reflection</span>
12161234
</span>
12171235

12181236
</div>

‎public/categories/github-pages/index.xml‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -6,14 +6,14 @@
66
<description>Recent content in Github-Pages on The DevOps Minion</description>
77
<generator>Hugo</generator>
88
<language>en-US</language>
9-
<lastBuildDate>Sun, 23 Nov 2025 15:00:00 +0800</lastBuildDate>
9+
<lastBuildDate>Mon, 24 Nov 2025 21:00:00 -0300</lastBuildDate>
1010
<atom:link href="http://localhost:1313/categories/github-pages/index.xml" rel="self" type="application/rss+xml" />
1111
<item>
12-
<title>Hello World</title>
13-
<link>http://localhost:1313/posts/hello-world/</link>
14-
<pubDate>Sun, 23 Nov 2025 15:00:00 +0800</pubDate>
15-
<guid>http://localhost:1313/posts/hello-world/</guid>
16-
<description>My first blog post</description>
12+
<title>Why Github Pages</title>
13+
<link>http://localhost:1313/posts/why-github-pages/</link>
14+
<pubDate>Mon, 24 Nov 2025 21:00:00 -0300</pubDate>
15+
<guid>http://localhost:1313/posts/why-github-pages/</guid>
16+
<description>Why choose Github pages when you can host yourself?</description>
1717
</item>
1818
</channel>
1919
</rss>

0 commit comments

Comments
 (0)