193 lines
6.8 KiB
HTML
193 lines
6.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="es">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Primer Post</title>
|
|
<link rel="stylesheet" href="/css/main.css">
|
|
<link rel="stylesheet" href="/css/styles.css">
|
|
|
|
</head>
|
|
<body>
|
|
<main>
|
|
|
|
<nav class="bg-gray-800 fixed w-full top-0 z-3">
|
|
<div class="mx-auto px-4">
|
|
<div class="flex items-center justify-between h-16">
|
|
<div class="flex items-center">
|
|
<a href="/" class="text-white font-bold text-xl"
|
|
>Fede Landing Site</a
|
|
>
|
|
</div>
|
|
|
|
<div class="hidden md:flex">
|
|
<a
|
|
href="/git"
|
|
target="_blank"
|
|
class="text-gray-300 hover:text-white px-3 py-2"
|
|
>Git</a
|
|
>
|
|
<a
|
|
class="text-gray-300 hover:text-white px-3 py-2 muted"
|
|
href="https://fedesrv.ddns.net/git/fede/CV/media/branch/master/AltaCV_Template.pdf"
|
|
target="_blank"
|
|
>CV</a
|
|
>
|
|
<a
|
|
href="https://github.com/fedpo2"
|
|
target="_blank"
|
|
class="text-gray-300 hover:text-white px-3 py-2"
|
|
>GitHub</a
|
|
>
|
|
<a
|
|
href="mailto:federico.nicolas.polidoro@gmail.com"
|
|
target="_blank"
|
|
class="text-gray-300 hover:text-white px-3 py-2"
|
|
>Email</a
|
|
>
|
|
<a
|
|
href="https://www.linkedin.com/in/federico-polidoro-40137a25b/"
|
|
target="_blank"
|
|
class="text-gray-300 hover:text-white px-3 py-2"
|
|
>LinkedIn</a
|
|
>
|
|
</div>
|
|
|
|
<div class="md:hidden cursor-context-menu">
|
|
<button
|
|
onclick="toggleOffCanvas()"
|
|
class="border px-2 py-1 rounded text-white"
|
|
>
|
|
<svg
|
|
class="h-6 w-6"
|
|
fill="none"
|
|
viewBox="0 0 24 24"
|
|
stroke="currentColor"
|
|
>
|
|
<path
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
stroke-width="2"
|
|
d="M0 6h25M0 12h25M0 18h25"
|
|
/>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div
|
|
id="offCanvas"
|
|
class="fixed top-16 right-0 w-64 h-screen bg-gray-800 transform translate-x-full transition-transform duration-200 ease-in-out"
|
|
>
|
|
<div class="flex flex-col p-4">
|
|
<a
|
|
href="/git"
|
|
target="_blank"
|
|
class="text-gray-300 hover:text-white px-3 py-2"
|
|
>Git</a
|
|
>
|
|
<a
|
|
class="text-gray-300 hover:text-white px-3 py-2 muted"
|
|
title="Under Construction 🚧👷♂️🏗️"
|
|
target="_blank"
|
|
>CV</a
|
|
>
|
|
<a
|
|
href="https://github.com/fedpo2"
|
|
target="_blank"
|
|
class="text-gray-300 hover:text-white px-3 py-2"
|
|
>GitHub</a
|
|
>
|
|
<a
|
|
href="mailto:federico.nicolas.polidoro@gmail.com"
|
|
target="_blank"
|
|
class="text-gray-300 hover:text-white px-3 py-2"
|
|
>Email</a
|
|
>
|
|
<a
|
|
href="https://www.linkedin.com/in/federico-polidoro-40137a25b/"
|
|
target="_blank"
|
|
class="text-gray-300 hover:text-white px-3 py-2"
|
|
>LinkedIn</a
|
|
>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
<script>
|
|
function toggleOffCanvas() {
|
|
const offCanvas = document.getElementById("offCanvas");
|
|
offCanvas.classList.toggle("translate-x-full");
|
|
}
|
|
</script>
|
|
|
|
<div class="bg-blue-300 p-12"></div>
|
|
<div class="bg-blue-300">
|
|
<div class="bg-white rounded-md flex flex-col items-center px-2 py-6 max-w-4xl mx-auto">
|
|
|
|
<div class="w-full mb-8 overflow-hidden rounded-lg shadow-xl border-4 border-black">
|
|
|
|
<div class="bg-gray-200 text-gray-600 font-mono text-center py-16">
|
|
No image
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
<h1 class="text-4xl font-bold mb-4 text-center">Primer Post</h1>
|
|
|
|
|
|
<div class="text-sm text-gray-600 mb-6 font-mono flex gap-4 justify-center">
|
|
<span>Publicado el: Sep 22, 2023</span>
|
|
|
|
<div class="flex gap-2">
|
|
|
|
<span class="px-2 py-1 bg-gray-200 rounded-full">#old_blog</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
<article>
|
|
<h1 id="buenas">buenas</h1>
|
|
<p>buenas
|
|
Luego de sufrir bastante con el nginx y su <em>Reverse Proxy</em>, finalmente me decidí por poner la pagina del blog en el <strong>WebRoot</strong> y el <em>gitea</em> en un subfolder.</p>
|
|
<h2 id="como-funciona-esto">Como funciona esto</h2>
|
|
<p>El programa que estoy usando para hacer este blog se llama <a href="https://gohugo.io">Hugo</a>, consiste de una especie de parceador de <a href="https://www.markdownguide.org/">Markdown</a> a Html estático el cual hosteo con este <a href="https://nginx.org/en/">webServer</a>.</p>
|
|
<h3 id="como-hago-nuevos-posts">Como hago nuevos posts</h3>
|
|
<p>Dentro de la carpeta del proyecto del server hay una que se llama content, todos los <code>.md</code> que haya ahí cuando utilizo el comando:</p>
|
|
<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>hugo
|
|
</span></span></code></pre></div><p>se genera el html de la paginas del blog las cuales copio usando rsync dentro de la intranet de mi casa</p>
|
|
<blockquote>
|
|
<p>Luraschi no me robes las llaves del ssh🙏.</p></blockquote>
|
|
|
|
</article>
|
|
|
|
|
|
<a
|
|
href="/"
|
|
class="
|
|
inline-block mt-6
|
|
border-2 border-black bg-white px-6 py-2
|
|
shadow-[0_4px_0_black]
|
|
hover:shadow-[0_8px_0_black]
|
|
hover:-translate-y-1
|
|
transition-all duration-100 ease-linear
|
|
font-medium
|
|
"
|
|
>
|
|
← Volver
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="bg-blue-300 p-5"></div>
|
|
|
|
</main>
|
|
<br>
|
|
<footer class="text-center text-sm text-gray-500 mt-12 py-6 border-t">
|
|
© 2025 Federico Polidoro
|
|
</footer>
|
|
</body>
|
|
</html>
|