Migrar de novo para gitea 🙏
This commit is contained in:
290
public/posts/eclipse-de-lua-marco-2025/index.html
Normal file
290
public/posts/eclipse-de-lua-marco-2025/index.html
Normal file
@@ -0,0 +1,290 @@
|
||||
<!doctype html>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<html
|
||||
class="not-ready lg:text-base"
|
||||
style="--bg:#faf8f1"
|
||||
lang="pt-br"
|
||||
dir="ltr"
|
||||
><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"
|
||||
/>
|
||||
|
||||
|
||||
<title>Eclipse de Lua março 2025 - Developer Bedoya</title>
|
||||
|
||||
|
||||
<meta name="theme-color" />
|
||||
|
||||
<meta name="description" content="No dia 14 de março de 2025 tive o privilégio de assistir ao espetáculo da Lua se escondendo na sombra da Terra.
|
||||
Este foi o setup: uma ultramoderna câmera Canon PowerShot A2600 com firmware CHDK (para virar semi profissional)
|
||||
Seguem algumas fotos do eclipse (perdoem a má qualidade, a câmera tem 12 anos de existência e não é profissional)" />
|
||||
<meta name="author" content="Daniel Bedoya Alzate" /><link rel="preload stylesheet" as="style" href="https://developerbedoya.net/main.min.css" />
|
||||
|
||||
|
||||
<link rel="preload" as="image" href="https://developerbedoya.net/theme.svg" />
|
||||
|
||||
<link rel="preload" as="image" href="https://www.gravatar.com/avatar/a59eeed83af0fccd921266a8f3e30019?s=160&d=identicon" />
|
||||
|
||||
<link rel="preload" as="image" href="https://developerbedoya.net/twitter.svg" /><link rel="preload" as="image" href="https://developerbedoya.net/github.svg" /><link rel="preload" as="image" href="https://developerbedoya.net/instagram.svg" /><link rel="preload" as="image" href="https://developerbedoya.net/rss.svg" />
|
||||
|
||||
<script
|
||||
defer
|
||||
src="https://developerbedoya.net/highlight.min.js"
|
||||
onload="hljs.initHighlightingOnLoad();"
|
||||
></script>
|
||||
|
||||
|
||||
<link
|
||||
rel="icon"
|
||||
href="https://developerbedoya.net/favicon.ico"
|
||||
/>
|
||||
<link
|
||||
rel="apple-touch-icon"
|
||||
href="https://developerbedoya.net/apple-touch-icon.png"
|
||||
/>
|
||||
|
||||
<meta name="generator" content="Hugo 0.131.0">
|
||||
|
||||
|
||||
|
||||
<meta itemprop="name" content="Eclipse de Lua março 2025">
|
||||
<meta itemprop="description" content="No dia 14 de março de 2025 tive o privilégio de assistir ao espetáculo da Lua se escondendo na sombra da Terra.
|
||||
Este foi o setup: uma ultramoderna câmera Canon PowerShot A2600 com firmware CHDK (para virar semi profissional)
|
||||
Seguem algumas fotos do eclipse (perdoem a má qualidade, a câmera tem 12 anos de existência e não é profissional)">
|
||||
<meta itemprop="datePublished" content="2025-03-14T04:07:18-03:00">
|
||||
<meta itemprop="dateModified" content="2025-03-14T04:07:18-03:00">
|
||||
<meta itemprop="wordCount" content="59">
|
||||
<meta itemprop="keywords" content="Astronomy,Photos"><meta property="og:url" content="https://developerbedoya.net/posts/eclipse-de-lua-marco-2025/">
|
||||
<meta property="og:site_name" content="Developer Bedoya">
|
||||
<meta property="og:title" content="Eclipse de Lua março 2025">
|
||||
<meta property="og:description" content="No dia 14 de março de 2025 tive o privilégio de assistir ao espetáculo da Lua se escondendo na sombra da Terra.
|
||||
Este foi o setup: uma ultramoderna câmera Canon PowerShot A2600 com firmware CHDK (para virar semi profissional)
|
||||
Seguem algumas fotos do eclipse (perdoem a má qualidade, a câmera tem 12 anos de existência e não é profissional)">
|
||||
<meta property="og:locale" content="pt_br">
|
||||
<meta property="og:type" content="article">
|
||||
<meta property="article:section" content="posts">
|
||||
<meta property="article:published_time" content="2025-03-14T04:07:18-03:00">
|
||||
<meta property="article:modified_time" content="2025-03-14T04:07:18-03:00">
|
||||
<meta property="article:tag" content="Astronomy">
|
||||
<meta property="article:tag" content="Photos">
|
||||
|
||||
<meta name="twitter:card" content="summary">
|
||||
<meta name="twitter:title" content="Eclipse de Lua março 2025">
|
||||
<meta name="twitter:description" content="No dia 14 de março de 2025 tive o privilégio de assistir ao espetáculo da Lua se escondendo na sombra da Terra.
|
||||
Este foi o setup: uma ultramoderna câmera Canon PowerShot A2600 com firmware CHDK (para virar semi profissional)
|
||||
Seguem algumas fotos do eclipse (perdoem a má qualidade, a câmera tem 12 anos de existência e não é profissional)">
|
||||
|
||||
<link rel="canonical" href="https://developerbedoya.net/posts/eclipse-de-lua-marco-2025/" />
|
||||
</head>
|
||||
<body
|
||||
class="bg-(--bg) text-black antialiased duration-200 ease-out [-webkit-tap-highlight-color:transparent] dark:text-white"
|
||||
><header
|
||||
class="mx-auto flex h-[4.5rem] max-w-(--w) px-8 whitespace-nowrap lg:justify-center"
|
||||
>
|
||||
<div class="relative z-50 flex items-center ltr:mr-auto rtl:ml-auto">
|
||||
<a
|
||||
class="-translate-y-[1px] text-2xl font-medium"
|
||||
href="https://developerbedoya.net/"
|
||||
>Developer Bedoya</a
|
||||
>
|
||||
<div
|
||||
class="btn-dark text-[0px] ltr:ml-4 rtl:mr-4 h-6 w-6 shrink-0 cursor-pointer [background:url(./theme.svg)_left_center/cover_no-repeat] dark:invert dark:[background-position:right]"
|
||||
role="button"
|
||||
aria-label="Dark"
|
||||
></div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="btn-menu relative z-50 flex h-[4.5rem] w-[5rem] shrink-0 cursor-pointer flex-col items-center justify-center gap-2.5 lg:hidden ltr:-mr-8 rtl:-ml-8"
|
||||
role="button"
|
||||
aria-label="Menu"
|
||||
></div>
|
||||
|
||||
<script>
|
||||
|
||||
const htmlClass = document.documentElement.classList;
|
||||
setTimeout(() => {
|
||||
htmlClass.remove('not-ready');
|
||||
}, 10);
|
||||
|
||||
|
||||
const btnMenu = document.querySelector('.btn-menu');
|
||||
btnMenu.addEventListener('click', () => {
|
||||
htmlClass.toggle('open');
|
||||
});
|
||||
|
||||
|
||||
const metaTheme = document.querySelector('meta[name="theme-color"]');
|
||||
const lightBg = '#faf8f1'.replace(/"/g, '');
|
||||
const setDark = (isDark) => {
|
||||
metaTheme.setAttribute('content', isDark ? '#000' : lightBg);
|
||||
htmlClass[isDark ? 'add' : 'remove']('dark');
|
||||
localStorage.setItem('dark', isDark);
|
||||
};
|
||||
|
||||
|
||||
const darkScheme = window.matchMedia('(prefers-color-scheme: dark)');
|
||||
if (htmlClass.contains('dark')) {
|
||||
setDark(true);
|
||||
} else {
|
||||
const darkVal = localStorage.getItem('dark');
|
||||
setDark(darkVal ? darkVal === 'true' : darkScheme.matches);
|
||||
}
|
||||
|
||||
|
||||
darkScheme.addEventListener('change', (event) => {
|
||||
setDark(event.matches);
|
||||
});
|
||||
|
||||
|
||||
const btnDark = document.querySelector('.btn-dark');
|
||||
btnDark.addEventListener('click', () => {
|
||||
setDark(localStorage.getItem('dark') !== 'true');
|
||||
});
|
||||
</script>
|
||||
|
||||
<div
|
||||
class="nav-wrapper fixed inset-x-0 top-full z-40 flex h-full flex-col justify-center bg-(--bg) pb-16 duration-200 select-none lg:static lg:h-auto lg:flex-row lg:bg-transparent! lg:pb-0 lg:transition-none"
|
||||
><nav
|
||||
class="lg:ml-12 lg:flex lg:flex-row lg:items-center lg:space-x-10 rtl:space-x-reverse"
|
||||
><a
|
||||
class="block text-center text-xl leading-[5rem] lg:text-base lg:font-normal"
|
||||
href="/cv/"
|
||||
>Cvs</a
|
||||
><a
|
||||
class="block text-center text-xl leading-[5rem] lg:text-base lg:font-normal"
|
||||
href="/links/"
|
||||
>Links</a
|
||||
><a
|
||||
class="block text-center text-xl leading-[5rem] lg:text-base lg:font-normal"
|
||||
href="/posts/"
|
||||
>Posts</a
|
||||
><a
|
||||
class="block text-center text-xl leading-[5rem] lg:text-base lg:font-normal"
|
||||
href="/slides/"
|
||||
>Slides</a
|
||||
></nav><nav
|
||||
class="mt-12 flex justify-center space-x-10 lg:mt-0 lg:items-center ltr:lg:ml-14 rtl:space-x-reverse rtl:lg:mr-14 dark:invert"
|
||||
>
|
||||
<a
|
||||
class="h-7 w-7 text-[0px] [background:var(--url)_center_center/cover_no-repeat] lg:h-6 lg:w-6"
|
||||
style="--url: url(./twitter.svg)"
|
||||
href="https://twitter.com/developerbedoya"
|
||||
target="_blank"
|
||||
rel="me"
|
||||
>twitter</a>
|
||||
<a
|
||||
class="h-7 w-7 text-[0px] [background:var(--url)_center_center/cover_no-repeat] lg:h-6 lg:w-6"
|
||||
style="--url: url(./github.svg)"
|
||||
href="https://github.com/developerbedoya"
|
||||
target="_blank"
|
||||
rel="me"
|
||||
>github</a>
|
||||
<a
|
||||
class="h-7 w-7 text-[0px] [background:var(--url)_center_center/cover_no-repeat] lg:h-6 lg:w-6"
|
||||
style="--url: url(./instagram.svg)"
|
||||
href="https://instagram.com/developerbedoya"
|
||||
target="_blank"
|
||||
rel="me"
|
||||
>instagram</a>
|
||||
<a
|
||||
class="h-7 w-7 text-[0px] [background:var(--url)_center_center/cover_no-repeat] lg:h-6 lg:w-6"
|
||||
style="--url: url(./rss.svg)"
|
||||
href="https://developerbedoya.net/index.xml"
|
||||
target="_blank"
|
||||
rel="alternate"
|
||||
>rss</a>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
<main
|
||||
class="prose prose-neutral dark:prose-invert relative mx-auto min-h-[calc(100vh-9rem)] max-w-(--w) px-8 pt-14 pb-16"
|
||||
><article>
|
||||
<header class="mb-14">
|
||||
<h1 class="my-0! pb-2.5">Eclipse de Lua março 2025</h1><div class="text-xs antialiased opacity-60"><time>Mar 14, 2025</time></div></header>
|
||||
|
||||
<section><p>No dia 14 de março de 2025 tive o privilégio de assistir ao espetáculo da Lua se escondendo na sombra da Terra.</p>
|
||||
<p>Este foi o setup: uma ultramoderna câmera Canon PowerShot A2600 com firmware CHDK (para virar semi profissional)</p>
|
||||
<p><img src="/images/20250314-LunarEclipse/IMG_20250314_025852_hdr.jpg" alt="Descrição"></p>
|
||||
<p><img src="/images/20250314-LunarEclipse/IMG_20250314_025902_NV.jpg" alt="Descrição"></p>
|
||||
<p>Seguem algumas fotos do eclipse (perdoem a má qualidade, a câmera tem 12 anos de existência e não é profissional)</p>
|
||||
<p><img src="/images/20250314-LunarEclipse/IMG_1348.JPG" alt="Lua sendo eclipsada"></p>
|
||||
<p><img src="/images/20250314-LunarEclipse/IMG_1349.JPG" alt="Lua sendo eclipsada"></p>
|
||||
<p><img src="/images/20250314-LunarEclipse/IMG_1350.JPG" alt="Lua sendo eclipsada"></p>
|
||||
<p><img src="/images/20250314-LunarEclipse/IMG_1351.JPG" alt="Lua sendo eclipsada"></p>
|
||||
<p><img src="/images/20250314-LunarEclipse/IMG_1352.JPG" alt="Lua sendo eclipsada"></p>
|
||||
<p><img src="/images/20250314-LunarEclipse/IMG_1353.JPG" alt="Lua sendo eclipsada"></p>
|
||||
<p><img src="/images/20250314-LunarEclipse/IMG_1354.JPG" alt="Lua sendo eclipsada"></p>
|
||||
<p><img src="/images/20250314-LunarEclipse/IMG_1355.JPG" alt="Lua sendo eclipsada"></p>
|
||||
<p><img src="/images/20250314-LunarEclipse/IMG_1356.JPG" alt="Lua sendo eclipsada"></p>
|
||||
<p><img src="/images/20250314-LunarEclipse/IMG_1357.JPG" alt="Lua sendo eclipsada"></p>
|
||||
<p><img src="/images/20250314-LunarEclipse/IMG_1358.JPG" alt="Lua sendo eclipsada"></p>
|
||||
<p><img src="/images/20250314-LunarEclipse/IMG_1359.JPG" alt="Lua sendo eclipsada"></p>
|
||||
<p><img src="/images/20250314-LunarEclipse/IMG_1360.JPG" alt="Lua sendo eclipsada"></p>
|
||||
<p><img src="/images/20250314-LunarEclipse/IMG_1361.JPG" alt="Lua sendo eclipsada"></p>
|
||||
<p><img src="/images/20250314-LunarEclipse/IMG_1362.JPG" alt="Lua sendo eclipsada"></p>
|
||||
<p><img src="/images/20250314-LunarEclipse/IMG_1363.JPG" alt="Lua sendo eclipsada"></p>
|
||||
<p><img src="/images/20250314-LunarEclipse/IMG_1364.JPG" alt="Lua sendo eclipsada"></p>
|
||||
<p><img src="/images/20250314-LunarEclipse/IMG_1365.JPG" alt="Lua sendo eclipsada"></p>
|
||||
<p><img src="/images/20250314-LunarEclipse/IMG_1366.JPG" alt="Lua sendo eclipsada"></p>
|
||||
<p><img src="/images/20250314-LunarEclipse/IMG_1367.JPG" alt="Lua sendo eclipsada"></p>
|
||||
<p><img src="/images/20250314-LunarEclipse/IMG_1368.JPG" alt="Lua sendo eclipsada"></p>
|
||||
<p><img src="/images/20250314-LunarEclipse/IMG_1369.JPG" alt="Lua sendo eclipsada"></p>
|
||||
<p><img src="/images/20250314-LunarEclipse/IMG_1370.JPG" alt="Lua sendo eclipsada"></p>
|
||||
<p><img src="/images/20250314-LunarEclipse/IMG_1371.JPG" alt="Lua sendo eclipsada"></p>
|
||||
<p><img src="/images/20250314-LunarEclipse/IMG_1372.JPG" alt="Lua sendo eclipsada"></p>
|
||||
<p><img src="/images/20250314-LunarEclipse/IMG_1373.JPG" alt="Lua sendo eclipsada"></p>
|
||||
<p><img src="/images/20250314-LunarEclipse/IMG_1374.JPG" alt="Lua sendo eclipsada"></p>
|
||||
<p><img src="/images/20250314-LunarEclipse/IMG_1375.JPG" alt="Lua sendo eclipsada"></p>
|
||||
<p><img src="/images/20250314-LunarEclipse/IMG_1376.JPG" alt="Lua sendo eclipsada"></p>
|
||||
</section>
|
||||
|
||||
<footer class="mt-12 flex flex-wrap"><a
|
||||
class="mb-1.5 rounded-lg bg-black/[3%] px-5 py-1 no-underline hover:bg-black/[6%] ltr:mr-1.5 rtl:ml-1.5 dark:bg-white/[8%] dark:hover:bg-white/[12%]"
|
||||
href="https://developerbedoya.net/tags/astronomy"
|
||||
>astronomy</a
|
||||
><a
|
||||
class="mb-1.5 rounded-lg bg-black/[3%] px-5 py-1 no-underline hover:bg-black/[6%] ltr:mr-1.5 rtl:ml-1.5 dark:bg-white/[8%] dark:hover:bg-white/[12%]"
|
||||
href="https://developerbedoya.net/tags/photos"
|
||||
>photos</a
|
||||
></footer><nav
|
||||
class="mt-24 flex overflow-hidden rounded-xl bg-black/[3%] text-lg leading-[1.2]! *:flex *:w-1/2 *:items-center *:p-5 *:font-medium *:no-underline dark:bg-white/[8%] [&>*:hover]:bg-black/[2%] dark:[&>*:hover]:bg-white/[3%]"
|
||||
><a
|
||||
class="justify-end pl-3 ltr:ml-auto rtl:mr-auto"
|
||||
href="https://developerbedoya.net/posts/more-on-marp/"
|
||||
><span>More on Marp</span><span class="ltr:ml-1.5 rtl:mr-1.5">→</span></a
|
||||
></nav><div class="mt-24" id="disqus_thread"></div>
|
||||
<script>
|
||||
const disqusShortname = 'developerbedoya';
|
||||
const script = document.createElement('script');
|
||||
script.src = 'https://' + disqusShortname + '.disqus.com/embed.js';
|
||||
script.setAttribute('data-timestamp', +new Date());
|
||||
document.head.appendChild(script);
|
||||
</script></article></main><footer
|
||||
class="mx-auto flex h-[4.5rem] max-w-(--w) items-center px-8 text-xs tracking-wider uppercase opacity-60"
|
||||
>
|
||||
<div class="mr-auto">©2025
|
||||
<a class="link" href="https://developerbedoya.net/">Developer Bedoya</a></div>
|
||||
<a class="link mx-6" href="https://gohugo.io/" rel="noopener" target="_blank"
|
||||
>powered by hugo️️</a
|
||||
>️
|
||||
<a
|
||||
class="link"
|
||||
href="https://github.com/nanxiaobei/hugo-paper"
|
||||
rel="noopener"
|
||||
target="_blank"
|
||||
>hugo-paper</a
|
||||
>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
1372
public/posts/find-all-possible-words-from-two-sillabes/index.html
Normal file
1372
public/posts/find-all-possible-words-from-two-sillabes/index.html
Normal file
File diff suppressed because it is too large
Load Diff
252
public/posts/find-text-in-files-on-linux/index.html
Normal file
252
public/posts/find-text-in-files-on-linux/index.html
Normal file
@@ -0,0 +1,252 @@
|
||||
<!doctype html>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<html
|
||||
class="not-ready lg:text-base"
|
||||
style="--bg:#faf8f1"
|
||||
lang="pt-br"
|
||||
dir="ltr"
|
||||
><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"
|
||||
/>
|
||||
|
||||
|
||||
<title>Find Text in Files on Linux - Developer Bedoya</title>
|
||||
|
||||
|
||||
<meta name="theme-color" />
|
||||
|
||||
<meta name="description" content="I shamelessly copied from found on stackoverflow.com how to use grep to find a specific text (or regular expression) inside a directory:
|
||||
grep -rnw '/path/to/somewhere/' -e 'pattern' And I think that’s very useful for coders when trying to find references from a class." />
|
||||
<meta name="author" content="Daniel Bedoya Alzate" /><link rel="preload stylesheet" as="style" href="https://developerbedoya.net/main.min.css" />
|
||||
|
||||
|
||||
<link rel="preload" as="image" href="https://developerbedoya.net/theme.svg" />
|
||||
|
||||
<link rel="preload" as="image" href="https://www.gravatar.com/avatar/a59eeed83af0fccd921266a8f3e30019?s=160&d=identicon" />
|
||||
|
||||
<link rel="preload" as="image" href="https://developerbedoya.net/twitter.svg" /><link rel="preload" as="image" href="https://developerbedoya.net/github.svg" /><link rel="preload" as="image" href="https://developerbedoya.net/instagram.svg" /><link rel="preload" as="image" href="https://developerbedoya.net/rss.svg" />
|
||||
|
||||
<script
|
||||
defer
|
||||
src="https://developerbedoya.net/highlight.min.js"
|
||||
onload="hljs.initHighlightingOnLoad();"
|
||||
></script>
|
||||
|
||||
|
||||
<link
|
||||
rel="icon"
|
||||
href="https://developerbedoya.net/favicon.ico"
|
||||
/>
|
||||
<link
|
||||
rel="apple-touch-icon"
|
||||
href="https://developerbedoya.net/apple-touch-icon.png"
|
||||
/>
|
||||
|
||||
<meta name="generator" content="Hugo 0.131.0">
|
||||
|
||||
|
||||
|
||||
<meta itemprop="name" content="Find Text in Files on Linux">
|
||||
<meta itemprop="description" content="I shamelessly copied from found on stackoverflow.com how to use grep to find a specific text (or regular expression) inside a directory:
|
||||
grep -rnw '/path/to/somewhere/' -e 'pattern' And I think that’s very useful for coders when trying to find references from a class.">
|
||||
<meta itemprop="datePublished" content="2022-12-24T14:40:55-03:00">
|
||||
<meta itemprop="dateModified" content="2022-12-24T14:40:55-03:00">
|
||||
<meta itemprop="wordCount" content="43">
|
||||
<meta itemprop="keywords" content="Linux"><meta property="og:url" content="https://developerbedoya.net/posts/find-text-in-files-on-linux/">
|
||||
<meta property="og:site_name" content="Developer Bedoya">
|
||||
<meta property="og:title" content="Find Text in Files on Linux">
|
||||
<meta property="og:description" content="I shamelessly copied from found on stackoverflow.com how to use grep to find a specific text (or regular expression) inside a directory:
|
||||
grep -rnw '/path/to/somewhere/' -e 'pattern' And I think that’s very useful for coders when trying to find references from a class.">
|
||||
<meta property="og:locale" content="pt_br">
|
||||
<meta property="og:type" content="article">
|
||||
<meta property="article:section" content="posts">
|
||||
<meta property="article:published_time" content="2022-12-24T14:40:55-03:00">
|
||||
<meta property="article:modified_time" content="2022-12-24T14:40:55-03:00">
|
||||
<meta property="article:tag" content="Linux">
|
||||
|
||||
<meta name="twitter:card" content="summary">
|
||||
<meta name="twitter:title" content="Find Text in Files on Linux">
|
||||
<meta name="twitter:description" content="I shamelessly copied from found on stackoverflow.com how to use grep to find a specific text (or regular expression) inside a directory:
|
||||
grep -rnw '/path/to/somewhere/' -e 'pattern' And I think that’s very useful for coders when trying to find references from a class.">
|
||||
|
||||
<link rel="canonical" href="https://developerbedoya.net/posts/find-text-in-files-on-linux/" />
|
||||
</head>
|
||||
<body
|
||||
class="bg-(--bg) text-black antialiased duration-200 ease-out [-webkit-tap-highlight-color:transparent] dark:text-white"
|
||||
><header
|
||||
class="mx-auto flex h-[4.5rem] max-w-(--w) px-8 whitespace-nowrap lg:justify-center"
|
||||
>
|
||||
<div class="relative z-50 flex items-center ltr:mr-auto rtl:ml-auto">
|
||||
<a
|
||||
class="-translate-y-[1px] text-2xl font-medium"
|
||||
href="https://developerbedoya.net/"
|
||||
>Developer Bedoya</a
|
||||
>
|
||||
<div
|
||||
class="btn-dark text-[0px] ltr:ml-4 rtl:mr-4 h-6 w-6 shrink-0 cursor-pointer [background:url(./theme.svg)_left_center/cover_no-repeat] dark:invert dark:[background-position:right]"
|
||||
role="button"
|
||||
aria-label="Dark"
|
||||
></div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="btn-menu relative z-50 flex h-[4.5rem] w-[5rem] shrink-0 cursor-pointer flex-col items-center justify-center gap-2.5 lg:hidden ltr:-mr-8 rtl:-ml-8"
|
||||
role="button"
|
||||
aria-label="Menu"
|
||||
></div>
|
||||
|
||||
<script>
|
||||
|
||||
const htmlClass = document.documentElement.classList;
|
||||
setTimeout(() => {
|
||||
htmlClass.remove('not-ready');
|
||||
}, 10);
|
||||
|
||||
|
||||
const btnMenu = document.querySelector('.btn-menu');
|
||||
btnMenu.addEventListener('click', () => {
|
||||
htmlClass.toggle('open');
|
||||
});
|
||||
|
||||
|
||||
const metaTheme = document.querySelector('meta[name="theme-color"]');
|
||||
const lightBg = '#faf8f1'.replace(/"/g, '');
|
||||
const setDark = (isDark) => {
|
||||
metaTheme.setAttribute('content', isDark ? '#000' : lightBg);
|
||||
htmlClass[isDark ? 'add' : 'remove']('dark');
|
||||
localStorage.setItem('dark', isDark);
|
||||
};
|
||||
|
||||
|
||||
const darkScheme = window.matchMedia('(prefers-color-scheme: dark)');
|
||||
if (htmlClass.contains('dark')) {
|
||||
setDark(true);
|
||||
} else {
|
||||
const darkVal = localStorage.getItem('dark');
|
||||
setDark(darkVal ? darkVal === 'true' : darkScheme.matches);
|
||||
}
|
||||
|
||||
|
||||
darkScheme.addEventListener('change', (event) => {
|
||||
setDark(event.matches);
|
||||
});
|
||||
|
||||
|
||||
const btnDark = document.querySelector('.btn-dark');
|
||||
btnDark.addEventListener('click', () => {
|
||||
setDark(localStorage.getItem('dark') !== 'true');
|
||||
});
|
||||
</script>
|
||||
|
||||
<div
|
||||
class="nav-wrapper fixed inset-x-0 top-full z-40 flex h-full flex-col justify-center bg-(--bg) pb-16 duration-200 select-none lg:static lg:h-auto lg:flex-row lg:bg-transparent! lg:pb-0 lg:transition-none"
|
||||
><nav
|
||||
class="lg:ml-12 lg:flex lg:flex-row lg:items-center lg:space-x-10 rtl:space-x-reverse"
|
||||
><a
|
||||
class="block text-center text-xl leading-[5rem] lg:text-base lg:font-normal"
|
||||
href="/cv/"
|
||||
>Cvs</a
|
||||
><a
|
||||
class="block text-center text-xl leading-[5rem] lg:text-base lg:font-normal"
|
||||
href="/links/"
|
||||
>Links</a
|
||||
><a
|
||||
class="block text-center text-xl leading-[5rem] lg:text-base lg:font-normal"
|
||||
href="/posts/"
|
||||
>Posts</a
|
||||
><a
|
||||
class="block text-center text-xl leading-[5rem] lg:text-base lg:font-normal"
|
||||
href="/slides/"
|
||||
>Slides</a
|
||||
></nav><nav
|
||||
class="mt-12 flex justify-center space-x-10 lg:mt-0 lg:items-center ltr:lg:ml-14 rtl:space-x-reverse rtl:lg:mr-14 dark:invert"
|
||||
>
|
||||
<a
|
||||
class="h-7 w-7 text-[0px] [background:var(--url)_center_center/cover_no-repeat] lg:h-6 lg:w-6"
|
||||
style="--url: url(./twitter.svg)"
|
||||
href="https://twitter.com/developerbedoya"
|
||||
target="_blank"
|
||||
rel="me"
|
||||
>twitter</a>
|
||||
<a
|
||||
class="h-7 w-7 text-[0px] [background:var(--url)_center_center/cover_no-repeat] lg:h-6 lg:w-6"
|
||||
style="--url: url(./github.svg)"
|
||||
href="https://github.com/developerbedoya"
|
||||
target="_blank"
|
||||
rel="me"
|
||||
>github</a>
|
||||
<a
|
||||
class="h-7 w-7 text-[0px] [background:var(--url)_center_center/cover_no-repeat] lg:h-6 lg:w-6"
|
||||
style="--url: url(./instagram.svg)"
|
||||
href="https://instagram.com/developerbedoya"
|
||||
target="_blank"
|
||||
rel="me"
|
||||
>instagram</a>
|
||||
<a
|
||||
class="h-7 w-7 text-[0px] [background:var(--url)_center_center/cover_no-repeat] lg:h-6 lg:w-6"
|
||||
style="--url: url(./rss.svg)"
|
||||
href="https://developerbedoya.net/index.xml"
|
||||
target="_blank"
|
||||
rel="alternate"
|
||||
>rss</a>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
<main
|
||||
class="prose prose-neutral dark:prose-invert relative mx-auto min-h-[calc(100vh-9rem)] max-w-(--w) px-8 pt-14 pb-16"
|
||||
><article>
|
||||
<header class="mb-14">
|
||||
<h1 class="my-0! pb-2.5">Find Text in Files on Linux</h1><div class="text-xs antialiased opacity-60"><time>Dec 24, 2022</time></div></header>
|
||||
|
||||
<section><p>I <del>shamelessly copied from</del> found <a href="https://stackoverflow.com/a/16957078">on stackoverflow.com</a> how to use <code>grep</code> to find a specific text (or <a href="https://en.wikipedia.org/wiki/Regular_expression">regular expression</a>) inside a directory:</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>grep -rnw <span style="color:#e6db74">'/path/to/somewhere/'</span> -e <span style="color:#e6db74">'pattern'</span>
|
||||
</span></span></code></pre></div><p>And I think that’s very useful for coders when trying to find references from a class.</p>
|
||||
</section>
|
||||
|
||||
<footer class="mt-12 flex flex-wrap"><a
|
||||
class="mb-1.5 rounded-lg bg-black/[3%] px-5 py-1 no-underline hover:bg-black/[6%] ltr:mr-1.5 rtl:ml-1.5 dark:bg-white/[8%] dark:hover:bg-white/[12%]"
|
||||
href="https://developerbedoya.net/tags/linux"
|
||||
>linux</a
|
||||
></footer><nav
|
||||
class="mt-24 flex overflow-hidden rounded-xl bg-black/[3%] text-lg leading-[1.2]! *:flex *:w-1/2 *:items-center *:p-5 *:font-medium *:no-underline dark:bg-white/[8%] [&>*:hover]:bg-black/[2%] dark:[&>*:hover]:bg-white/[3%]"
|
||||
><a class="ltr:pr-3 rtl:pl-3" href="https://developerbedoya.net/posts/win98-qemu-postmarketos/"
|
||||
><span class="ltr:mr-1.5 rtl:ml-1.5">←</span><span>Installing Windows 98 using Qemu in postmarketOS</span></a
|
||||
><a
|
||||
class="justify-end pl-3 ltr:ml-auto rtl:mr-auto"
|
||||
href="https://developerbedoya.net/posts/marp/"
|
||||
><span>Making slides in Marp (and saying 'Goodbye' to PowerPoint)</span><span class="ltr:ml-1.5 rtl:mr-1.5">→</span></a
|
||||
></nav><div class="mt-24" id="disqus_thread"></div>
|
||||
<script>
|
||||
const disqusShortname = 'developerbedoya';
|
||||
const script = document.createElement('script');
|
||||
script.src = 'https://' + disqusShortname + '.disqus.com/embed.js';
|
||||
script.setAttribute('data-timestamp', +new Date());
|
||||
document.head.appendChild(script);
|
||||
</script></article></main><footer
|
||||
class="mx-auto flex h-[4.5rem] max-w-(--w) items-center px-8 text-xs tracking-wider uppercase opacity-60"
|
||||
>
|
||||
<div class="mr-auto">©2025
|
||||
<a class="link" href="https://developerbedoya.net/">Developer Bedoya</a></div>
|
||||
<a class="link mx-6" href="https://gohugo.io/" rel="noopener" target="_blank"
|
||||
>powered by hugo️️</a
|
||||
>️
|
||||
<a
|
||||
class="link"
|
||||
href="https://github.com/nanxiaobei/hugo-paper"
|
||||
rel="noopener"
|
||||
target="_blank"
|
||||
>hugo-paper</a
|
||||
>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
308
public/posts/index.html
Normal file
308
public/posts/index.html
Normal file
@@ -0,0 +1,308 @@
|
||||
<!doctype html>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<html
|
||||
class="not-ready lg:text-base"
|
||||
style="--bg:#faf8f1"
|
||||
lang="pt-br"
|
||||
dir="ltr"
|
||||
><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"
|
||||
/>
|
||||
|
||||
|
||||
<title>Posts - Developer Bedoya</title>
|
||||
|
||||
|
||||
<meta name="theme-color" />
|
||||
|
||||
|
||||
<meta
|
||||
name="description"
|
||||
content="A personal blog"
|
||||
/>
|
||||
<meta name="author" content="Daniel Bedoya Alzate" /><link rel="preload stylesheet" as="style" href="https://developerbedoya.net/main.min.css" />
|
||||
|
||||
|
||||
<link rel="preload" as="image" href="https://developerbedoya.net/theme.svg" />
|
||||
|
||||
<link rel="preload" as="image" href="https://www.gravatar.com/avatar/a59eeed83af0fccd921266a8f3e30019?s=160&d=identicon" />
|
||||
|
||||
<link rel="preload" as="image" href="https://developerbedoya.net/twitter.svg" /><link rel="preload" as="image" href="https://developerbedoya.net/github.svg" /><link rel="preload" as="image" href="https://developerbedoya.net/instagram.svg" /><link rel="preload" as="image" href="https://developerbedoya.net/rss.svg" />
|
||||
|
||||
|
||||
|
||||
|
||||
<link
|
||||
rel="icon"
|
||||
href="https://developerbedoya.net/favicon.ico"
|
||||
/>
|
||||
<link
|
||||
rel="apple-touch-icon"
|
||||
href="https://developerbedoya.net/apple-touch-icon.png"
|
||||
/>
|
||||
|
||||
<meta name="generator" content="Hugo 0.131.0">
|
||||
|
||||
|
||||
|
||||
<meta itemprop="name" content="Posts">
|
||||
<meta itemprop="datePublished" content="2025-03-14T04:07:18-03:00">
|
||||
<meta itemprop="dateModified" content="2025-03-14T04:07:18-03:00"><meta property="og:url" content="https://developerbedoya.net/posts/">
|
||||
<meta property="og:site_name" content="Developer Bedoya">
|
||||
<meta property="og:title" content="Posts">
|
||||
<meta property="og:locale" content="pt_br">
|
||||
<meta property="og:type" content="website">
|
||||
|
||||
<meta name="twitter:card" content="summary">
|
||||
<meta name="twitter:title" content="Posts">
|
||||
<link
|
||||
rel="alternate"
|
||||
type="application/rss+xml"
|
||||
href="https://developerbedoya.net/posts/index.xml"
|
||||
title="Developer Bedoya"
|
||||
/>
|
||||
<link rel="canonical" href="https://developerbedoya.net/posts/" />
|
||||
</head>
|
||||
<body
|
||||
class="bg-(--bg) text-black antialiased duration-200 ease-out [-webkit-tap-highlight-color:transparent] dark:text-white"
|
||||
><header
|
||||
class="mx-auto flex h-[4.5rem] max-w-(--w) px-8 whitespace-nowrap lg:justify-center"
|
||||
>
|
||||
<div class="relative z-50 flex items-center ltr:mr-auto rtl:ml-auto">
|
||||
<a
|
||||
class="-translate-y-[1px] text-2xl font-medium"
|
||||
href="https://developerbedoya.net/"
|
||||
>Developer Bedoya</a
|
||||
>
|
||||
<div
|
||||
class="btn-dark text-[0px] ltr:ml-4 rtl:mr-4 h-6 w-6 shrink-0 cursor-pointer [background:url(./theme.svg)_left_center/cover_no-repeat] dark:invert dark:[background-position:right]"
|
||||
role="button"
|
||||
aria-label="Dark"
|
||||
></div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="btn-menu relative z-50 flex h-[4.5rem] w-[5rem] shrink-0 cursor-pointer flex-col items-center justify-center gap-2.5 lg:hidden ltr:-mr-8 rtl:-ml-8"
|
||||
role="button"
|
||||
aria-label="Menu"
|
||||
></div>
|
||||
|
||||
<script>
|
||||
|
||||
const htmlClass = document.documentElement.classList;
|
||||
setTimeout(() => {
|
||||
htmlClass.remove('not-ready');
|
||||
}, 10);
|
||||
|
||||
|
||||
const btnMenu = document.querySelector('.btn-menu');
|
||||
btnMenu.addEventListener('click', () => {
|
||||
htmlClass.toggle('open');
|
||||
});
|
||||
|
||||
|
||||
const metaTheme = document.querySelector('meta[name="theme-color"]');
|
||||
const lightBg = '#faf8f1'.replace(/"/g, '');
|
||||
const setDark = (isDark) => {
|
||||
metaTheme.setAttribute('content', isDark ? '#000' : lightBg);
|
||||
htmlClass[isDark ? 'add' : 'remove']('dark');
|
||||
localStorage.setItem('dark', isDark);
|
||||
};
|
||||
|
||||
|
||||
const darkScheme = window.matchMedia('(prefers-color-scheme: dark)');
|
||||
if (htmlClass.contains('dark')) {
|
||||
setDark(true);
|
||||
} else {
|
||||
const darkVal = localStorage.getItem('dark');
|
||||
setDark(darkVal ? darkVal === 'true' : darkScheme.matches);
|
||||
}
|
||||
|
||||
|
||||
darkScheme.addEventListener('change', (event) => {
|
||||
setDark(event.matches);
|
||||
});
|
||||
|
||||
|
||||
const btnDark = document.querySelector('.btn-dark');
|
||||
btnDark.addEventListener('click', () => {
|
||||
setDark(localStorage.getItem('dark') !== 'true');
|
||||
});
|
||||
</script>
|
||||
|
||||
<div
|
||||
class="nav-wrapper fixed inset-x-0 top-full z-40 flex h-full flex-col justify-center bg-(--bg) pb-16 duration-200 select-none lg:static lg:h-auto lg:flex-row lg:bg-transparent! lg:pb-0 lg:transition-none"
|
||||
><nav
|
||||
class="lg:ml-12 lg:flex lg:flex-row lg:items-center lg:space-x-10 rtl:space-x-reverse"
|
||||
><a
|
||||
class="block text-center text-xl leading-[5rem] lg:text-base lg:font-normal"
|
||||
href="/cv/"
|
||||
>Cvs</a
|
||||
><a
|
||||
class="block text-center text-xl leading-[5rem] lg:text-base lg:font-normal"
|
||||
href="/links/"
|
||||
>Links</a
|
||||
><a
|
||||
class="block text-center text-xl leading-[5rem] lg:text-base lg:font-normal"
|
||||
href="/posts/"
|
||||
>Posts</a
|
||||
><a
|
||||
class="block text-center text-xl leading-[5rem] lg:text-base lg:font-normal"
|
||||
href="/slides/"
|
||||
>Slides</a
|
||||
></nav><nav
|
||||
class="mt-12 flex justify-center space-x-10 lg:mt-0 lg:items-center ltr:lg:ml-14 rtl:space-x-reverse rtl:lg:mr-14 dark:invert"
|
||||
>
|
||||
<a
|
||||
class="h-7 w-7 text-[0px] [background:var(--url)_center_center/cover_no-repeat] lg:h-6 lg:w-6"
|
||||
style="--url: url(./twitter.svg)"
|
||||
href="https://twitter.com/developerbedoya"
|
||||
target="_blank"
|
||||
rel="me"
|
||||
>twitter</a>
|
||||
<a
|
||||
class="h-7 w-7 text-[0px] [background:var(--url)_center_center/cover_no-repeat] lg:h-6 lg:w-6"
|
||||
style="--url: url(./github.svg)"
|
||||
href="https://github.com/developerbedoya"
|
||||
target="_blank"
|
||||
rel="me"
|
||||
>github</a>
|
||||
<a
|
||||
class="h-7 w-7 text-[0px] [background:var(--url)_center_center/cover_no-repeat] lg:h-6 lg:w-6"
|
||||
style="--url: url(./instagram.svg)"
|
||||
href="https://instagram.com/developerbedoya"
|
||||
target="_blank"
|
||||
rel="me"
|
||||
>instagram</a>
|
||||
<a
|
||||
class="h-7 w-7 text-[0px] [background:var(--url)_center_center/cover_no-repeat] lg:h-6 lg:w-6"
|
||||
style="--url: url(./rss.svg)"
|
||||
href="https://developerbedoya.net/index.xml"
|
||||
target="_blank"
|
||||
rel="alternate"
|
||||
>rss</a>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
<main
|
||||
class="prose prose-neutral dark:prose-invert relative mx-auto min-h-[calc(100vh-9rem)] max-w-(--w) px-8 pt-14 pb-16"
|
||||
>
|
||||
|
||||
<section class="relative my-10 first-of-type:mt-0 last-of-type:mb-0"><h2 class="my-0!">Eclipse de Lua março 2025</h2>
|
||||
<time class="text-xs antialiased opacity-60"
|
||||
>Mar 14, 2025</time
|
||||
>
|
||||
<a class="absolute inset-0 text-[0px]" href="https://developerbedoya.net/posts/eclipse-de-lua-marco-2025/"
|
||||
>Eclipse de Lua março 2025</a
|
||||
>
|
||||
</section>
|
||||
|
||||
<section class="relative my-10 first-of-type:mt-0 last-of-type:mb-0"><h2 class="my-0!">More on Marp</h2>
|
||||
<time class="text-xs antialiased opacity-60"
|
||||
>May 5, 2024</time
|
||||
>
|
||||
<a class="absolute inset-0 text-[0px]" href="https://developerbedoya.net/posts/more-on-marp/"
|
||||
>More on Marp</a
|
||||
>
|
||||
</section>
|
||||
|
||||
<section class="relative my-10 first-of-type:mt-0 last-of-type:mb-0"><h2 class="my-0!">Open your Windows Files with WSL using Windows Explorer</h2>
|
||||
<time class="text-xs antialiased opacity-60"
|
||||
>Nov 5, 2023</time
|
||||
>
|
||||
<a class="absolute inset-0 text-[0px]" href="https://developerbedoya.net/posts/open-your-windows-files-from-linux-using-explorer/"
|
||||
>Open your Windows Files with WSL using Windows Explorer</a
|
||||
>
|
||||
</section>
|
||||
|
||||
<section class="relative my-10 first-of-type:mt-0 last-of-type:mb-0"><h2 class="my-0!">Installing Windows 98 using Qemu in postmarketOS</h2>
|
||||
<time class="text-xs antialiased opacity-60"
|
||||
>Dec 25, 2022</time
|
||||
>
|
||||
<a class="absolute inset-0 text-[0px]" href="https://developerbedoya.net/posts/win98-qemu-postmarketos/"
|
||||
>Installing Windows 98 using Qemu in postmarketOS</a
|
||||
>
|
||||
</section>
|
||||
|
||||
<section class="relative my-10 first-of-type:mt-0 last-of-type:mb-0"><h2 class="my-0!">Find Text in Files on Linux</h2>
|
||||
<time class="text-xs antialiased opacity-60"
|
||||
>Dec 24, 2022</time
|
||||
>
|
||||
<a class="absolute inset-0 text-[0px]" href="https://developerbedoya.net/posts/find-text-in-files-on-linux/"
|
||||
>Find Text in Files on Linux</a
|
||||
>
|
||||
</section>
|
||||
|
||||
<section class="relative my-10 first-of-type:mt-0 last-of-type:mb-0"><h2 class="my-0!">Making slides in Marp (and saying 'Goodbye' to PowerPoint)</h2>
|
||||
<time class="text-xs antialiased opacity-60"
|
||||
>Dec 24, 2022</time
|
||||
>
|
||||
<a class="absolute inset-0 text-[0px]" href="https://developerbedoya.net/posts/marp/"
|
||||
>Making slides in Marp (and saying 'Goodbye' to PowerPoint)</a
|
||||
>
|
||||
</section>
|
||||
|
||||
<section class="relative my-10 first-of-type:mt-0 last-of-type:mb-0"><h2 class="my-0!">Linux on a Samsung Tab 2 (7 inches)</h2>
|
||||
<time class="text-xs antialiased opacity-60"
|
||||
>Dec 24, 2022</time
|
||||
>
|
||||
<a class="absolute inset-0 text-[0px]" href="https://developerbedoya.net/posts/linux-on-a-samsung-tab-2-7-inches/"
|
||||
>Linux on a Samsung Tab 2 (7 inches)</a
|
||||
>
|
||||
</section>
|
||||
|
||||
<section class="relative my-10 first-of-type:mt-0 last-of-type:mb-0"><h2 class="my-0!">My Best Friend</h2>
|
||||
<time class="text-xs antialiased opacity-60"
|
||||
>Dec 24, 2022</time
|
||||
>
|
||||
<a class="absolute inset-0 text-[0px]" href="https://developerbedoya.net/posts/my-best-friend/"
|
||||
>My Best Friend</a
|
||||
>
|
||||
</section>
|
||||
|
||||
<section class="relative my-10 first-of-type:mt-0 last-of-type:mb-0"><h2 class="my-0!">Find All Possible Words From Two Syllables</h2>
|
||||
<time class="text-xs antialiased opacity-60"
|
||||
>Dec 24, 2022</time
|
||||
>
|
||||
<a class="absolute inset-0 text-[0px]" href="https://developerbedoya.net/posts/find-all-possible-words-from-two-sillabes/"
|
||||
>Find All Possible Words From Two Syllables</a
|
||||
>
|
||||
</section>
|
||||
|
||||
<section class="relative my-10 first-of-type:mt-0 last-of-type:mb-0"><h2 class="my-0!">Markdown Is Life</h2>
|
||||
<time class="text-xs antialiased opacity-60"
|
||||
>Dec 23, 2022</time
|
||||
>
|
||||
<a class="absolute inset-0 text-[0px]" href="https://developerbedoya.net/posts/markdown-is-life/"
|
||||
>Markdown Is Life</a
|
||||
>
|
||||
</section><nav class="mt-14 flex"><a class="btn not-prose ml-auto" href="/posts/page/2/"
|
||||
>Next Page→</a
|
||||
></nav></main><footer
|
||||
class="mx-auto flex h-[4.5rem] max-w-(--w) items-center px-8 text-xs tracking-wider uppercase opacity-60"
|
||||
>
|
||||
<div class="mr-auto">©2025
|
||||
<a class="link" href="https://developerbedoya.net/">Developer Bedoya</a></div>
|
||||
<a class="link mx-6" href="https://gohugo.io/" rel="noopener" target="_blank"
|
||||
>powered by hugo️️</a
|
||||
>️
|
||||
<a
|
||||
class="link"
|
||||
href="https://github.com/nanxiaobei/hugo-paper"
|
||||
rel="noopener"
|
||||
target="_blank"
|
||||
>hugo-paper</a
|
||||
>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
96
public/posts/index.xml
Normal file
96
public/posts/index.xml
Normal file
@@ -0,0 +1,96 @@
|
||||
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||
<channel>
|
||||
<title>Posts on Developer Bedoya</title>
|
||||
<link>https://developerbedoya.net/posts/</link>
|
||||
<description>Recent content in Posts on Developer Bedoya</description>
|
||||
<generator>Hugo -- gohugo.io</generator>
|
||||
<language>pt-br</language>
|
||||
<lastBuildDate>Fri, 14 Mar 2025 04:07:18 -0300</lastBuildDate>
|
||||
<atom:link href="https://developerbedoya.net/posts/index.xml" rel="self" type="application/rss+xml" />
|
||||
<item>
|
||||
<title>Eclipse de Lua março 2025</title>
|
||||
<link>https://developerbedoya.net/posts/eclipse-de-lua-marco-2025/</link>
|
||||
<pubDate>Fri, 14 Mar 2025 04:07:18 -0300</pubDate>
|
||||
<guid>https://developerbedoya.net/posts/eclipse-de-lua-marco-2025/</guid>
|
||||
<description>No dia 14 de março de 2025 tive o privilégio de assistir ao espetáculo da Lua se escondendo na sombra da Terra.
Este foi o setup: uma ultramoderna câmera Canon PowerShot A2600 com firmware CHDK (para virar semi profissional)
Seguem algumas fotos do eclipse (perdoem a má qualidade, a câmera tem 12 anos de existência e não é profissional)</description>
|
||||
</item>
|
||||
<item>
|
||||
<title>More on Marp</title>
|
||||
<link>https://developerbedoya.net/posts/more-on-marp/</link>
|
||||
<pubDate>Sun, 05 May 2024 07:54:33 -0300</pubDate>
|
||||
<guid>https://developerbedoya.net/posts/more-on-marp/</guid>
|
||||
<description>Introduction I wrote a post about Marp that doesn&rsquo;t include info on how to create the html output from the original markdown file.
The following guide describes how to create a html file from marp.
Steps Install Marp. Follow the guide here.
Create your markdown file. Suppose the file is named slides.md. Convert the markdown file to html We can use marp slides.md -o slides.html. Result The markdown file is converted into a beautiful html slide.</description>
|
||||
</item>
|
||||
<item>
|
||||
<title>Open your Windows Files with WSL using Windows Explorer</title>
|
||||
<link>https://developerbedoya.net/posts/open-your-windows-files-from-linux-using-explorer/</link>
|
||||
<pubDate>Sun, 05 Nov 2023 11:00:00 -0300</pubDate>
|
||||
<guid>https://developerbedoya.net/posts/open-your-windows-files-from-linux-using-explorer/</guid>
|
||||
<description>Hi! I just created a project from opening your Windows Files, from Windows Explorer, with a context menu action. The project is hosted at Github. Basically, you first need to install WSL and your preferred distro, compile the .NET 6.0 project from Windows and execute it the first time using the --register flag:
OpenWithWSL.exe --register And you can now left-click in any file and open it with WSL:</description>
|
||||
</item>
|
||||
<item>
|
||||
<title>Installing Windows 98 using Qemu in postmarketOS</title>
|
||||
<link>https://developerbedoya.net/posts/win98-qemu-postmarketos/</link>
|
||||
<pubDate>Sun, 25 Dec 2022 19:46:13 -0300</pubDate>
|
||||
<guid>https://developerbedoya.net/posts/win98-qemu-postmarketos/</guid>
|
||||
<description>So, in the previous article I installed postmarketOS on my Samsung Galaxy Tab 2 (7 inches), and I wanted to create a website on it. But I was encouraged to create my personal website on Azure, so in the end I didn&rsquo;t install a web server on the tablet.
I was wondering what will be the performance of Qemu on my tablet, emulating a x86 processor on a ARM device, and I installed qemu in the tablet, in the first place:</description>
|
||||
</item>
|
||||
<item>
|
||||
<title>Find Text in Files on Linux</title>
|
||||
<link>https://developerbedoya.net/posts/find-text-in-files-on-linux/</link>
|
||||
<pubDate>Sat, 24 Dec 2022 14:40:55 -0300</pubDate>
|
||||
<guid>https://developerbedoya.net/posts/find-text-in-files-on-linux/</guid>
|
||||
<description>I shamelessly copied from found on stackoverflow.com how to use grep to find a specific text (or regular expression) inside a directory:
grep -rnw &#39;/path/to/somewhere/&#39; -e &#39;pattern&#39; And I think that&rsquo;s very useful for coders when trying to find references from a class.</description>
|
||||
</item>
|
||||
<item>
|
||||
<title>Making slides in Marp (and saying 'Goodbye' to PowerPoint)</title>
|
||||
<link>https://developerbedoya.net/posts/marp/</link>
|
||||
<pubDate>Sat, 24 Dec 2022 11:43:50 -0300</pubDate>
|
||||
<guid>https://developerbedoya.net/posts/marp/</guid>
|
||||
<description>Writing slides in PowerPoint is so 20th century!!! So I watched this video:
And I replicated the slide:
--- marp: true theme: uncover class: invert math: mathjax style: | .columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; } --- # &lt;!--fit--&gt;An intro to Marp :rocket: &lt;span style=&#34;color:grey;&#34;&gt;By:&lt;/span&gt; Daniel Bedoya Alzate --- ## Slide Header * Use Markdown to write slides! * Tons of cool features! --- ## Code! ```csharp /** A Super helpful function!</description>
|
||||
</item>
|
||||
<item>
|
||||
<title>Linux on a Samsung Tab 2 (7 inches)</title>
|
||||
<link>https://developerbedoya.net/posts/linux-on-a-samsung-tab-2-7-inches/</link>
|
||||
<pubDate>Sat, 24 Dec 2022 10:02:38 -0300</pubDate>
|
||||
<guid>https://developerbedoya.net/posts/linux-on-a-samsung-tab-2-7-inches/</guid>
|
||||
<description>When my mother-in-law gave me an old Samsung Tablet, specifically a Samsung Galaxy Tab 2 (7 inches), I was wondering what could I do with that, and the first thing I thought was &ldquo;What if you install linux on it?&rdquo;
There is a linux distribution for old tablets and telephones called postmarketOS, and I decided to give it a try.
Was my device supported? There is a list of supported devices on postmarketOS Wiki, and fortunately I found that my tablet has support (only for the Edge branch, in community support).</description>
|
||||
</item>
|
||||
<item>
|
||||
<title>My Best Friend</title>
|
||||
<link>https://developerbedoya.net/posts/my-best-friend/</link>
|
||||
<pubDate>Sat, 24 Dec 2022 03:21:20 -0300</pubDate>
|
||||
<guid>https://developerbedoya.net/posts/my-best-friend/</guid>
|
||||
<description>This is my best friend, and with that I will write the history of this special relationship:
All started when I was in eight grade, I was a lonely, strange student who was intelligent but socially inept. Immediately, I made a friendship with him that lasts onto today.
We used to program together in QBasic in the computers of our school, and we had quite a bunch of similarities, we both were quite shy and reclusive.</description>
|
||||
</item>
|
||||
<item>
|
||||
<title>Find All Possible Words From Two Syllables</title>
|
||||
<link>https://developerbedoya.net/posts/find-all-possible-words-from-two-sillabes/</link>
|
||||
<pubDate>Sat, 24 Dec 2022 01:17:32 -0300</pubDate>
|
||||
<guid>https://developerbedoya.net/posts/find-all-possible-words-from-two-sillabes/</guid>
|
||||
<description>The complete code can be found at my repository.
My wife is a special needs teacher, and her speciality is to teach how to read and write in portuguese for their challenged students. She developed a &ldquo;method&rdquo; for teaching portuguese, and she starts with simple words with two syllables, each two characters long:
babá, casa, pera, saco, lobo, etc... So I was automatically challenged to create a list of all the worls thah can be made using two syllables, each two characters long: a vocal and a consonant:</description>
|
||||
</item>
|
||||
<item>
|
||||
<title>Markdown Is Life</title>
|
||||
<link>https://developerbedoya.net/posts/markdown-is-life/</link>
|
||||
<pubDate>Fri, 23 Dec 2022 22:32:35 -0300</pubDate>
|
||||
<guid>https://developerbedoya.net/posts/markdown-is-life/</guid>
|
||||
<description>Some years ago, I made a website for me, to show my abilities&hellip; and I was frustrated!
I was wasting too much time trying to styling my website, and my main focus at the time was backend developing, so my website was an ugly mix of bootstrap and infantile HTML. That site was created in a home server that was exposed to the internet using ngrok.
Some days ago I decided to make a more professional website for me, and I stumbled with a tool called Hugo.</description>
|
||||
</item>
|
||||
<item>
|
||||
<title>Some Drawings</title>
|
||||
<link>https://developerbedoya.net/posts/some-drawings/</link>
|
||||
<pubDate>Fri, 23 Dec 2022 22:10:33 -0300</pubDate>
|
||||
<guid>https://developerbedoya.net/posts/some-drawings/</guid>
|
||||
<description>I started to draw some ten or twelve years ago&hellip;
Actually, I started drawing when I was a teenager. There is a drawing I made from one of my first crushes:
Wneh I started college for the first time (when I was living in Colombia yet) I made some drawings and doodlings in my free time:
Sometimes, I tried to draw imaginary women, reflecting some lack of relationships at the time:</description>
|
||||
</item>
|
||||
<item>
|
||||
<title>Olá a Todos</title>
|
||||
<link>https://developerbedoya.net/posts/ola-a-todos/</link>
|
||||
<pubDate>Tue, 20 Dec 2022 11:53:32 -0300</pubDate>
|
||||
<guid>https://developerbedoya.net/posts/ola-a-todos/</guid>
|
||||
<description>Introdução Eu sou Daniel Bedoya Alzate, desenvolvedor de software Colombiano e moro atualmente no Brasil, trabalhando com .NET.
Especialidades Automação de processos. Migração de sistemas legados. Windows Forms/WPF, ASP.NET/ASP.NET Core. Entity Framework/Entity Framework Core, Dapper. Hobbies Programação Astronomia Desenho e caricatura </description>
|
||||
</item>
|
||||
</channel>
|
||||
</rss>
|
||||
298
public/posts/linux-on-a-samsung-tab-2-7-inches/index.html
Normal file
298
public/posts/linux-on-a-samsung-tab-2-7-inches/index.html
Normal file
@@ -0,0 +1,298 @@
|
||||
<!doctype html>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<html
|
||||
class="not-ready lg:text-base"
|
||||
style="--bg:#faf8f1"
|
||||
lang="pt-br"
|
||||
dir="ltr"
|
||||
><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"
|
||||
/>
|
||||
|
||||
|
||||
<title>Linux on a Samsung Tab 2 (7 inches) - Developer Bedoya</title>
|
||||
|
||||
|
||||
<meta name="theme-color" />
|
||||
|
||||
<meta name="description" content="When my mother-in-law gave me an old Samsung Tablet, specifically a Samsung Galaxy Tab 2 (7 inches), I was wondering what could I do with that, and the first thing I thought was “What if you install linux on it?”
|
||||
There is a linux distribution for old tablets and telephones called postmarketOS, and I decided to give it a try.
|
||||
Was my device supported? There is a list of supported devices on postmarketOS Wiki, and fortunately I found that my tablet has support (only for the Edge branch, in community support)." />
|
||||
<meta name="author" content="Daniel Bedoya Alzate" /><link rel="preload stylesheet" as="style" href="https://developerbedoya.net/main.min.css" />
|
||||
|
||||
|
||||
<link rel="preload" as="image" href="https://developerbedoya.net/theme.svg" />
|
||||
|
||||
<link rel="preload" as="image" href="https://www.gravatar.com/avatar/a59eeed83af0fccd921266a8f3e30019?s=160&d=identicon" />
|
||||
|
||||
<link rel="preload" as="image" href="https://developerbedoya.net/twitter.svg" /><link rel="preload" as="image" href="https://developerbedoya.net/github.svg" /><link rel="preload" as="image" href="https://developerbedoya.net/instagram.svg" /><link rel="preload" as="image" href="https://developerbedoya.net/rss.svg" />
|
||||
|
||||
<script
|
||||
defer
|
||||
src="https://developerbedoya.net/highlight.min.js"
|
||||
onload="hljs.initHighlightingOnLoad();"
|
||||
></script>
|
||||
|
||||
|
||||
<link
|
||||
rel="icon"
|
||||
href="https://developerbedoya.net/favicon.ico"
|
||||
/>
|
||||
<link
|
||||
rel="apple-touch-icon"
|
||||
href="https://developerbedoya.net/apple-touch-icon.png"
|
||||
/>
|
||||
|
||||
<meta name="generator" content="Hugo 0.131.0">
|
||||
|
||||
|
||||
|
||||
<meta itemprop="name" content="Linux on a Samsung Tab 2 (7 inches)">
|
||||
<meta itemprop="description" content="When my mother-in-law gave me an old Samsung Tablet, specifically a Samsung Galaxy Tab 2 (7 inches), I was wondering what could I do with that, and the first thing I thought was “What if you install linux on it?”
|
||||
There is a linux distribution for old tablets and telephones called postmarketOS, and I decided to give it a try.
|
||||
Was my device supported? There is a list of supported devices on postmarketOS Wiki, and fortunately I found that my tablet has support (only for the Edge branch, in community support).">
|
||||
<meta itemprop="datePublished" content="2022-12-24T10:02:38-03:00">
|
||||
<meta itemprop="dateModified" content="2022-12-24T10:02:38-03:00">
|
||||
<meta itemprop="wordCount" content="328">
|
||||
<meta itemprop="keywords" content="Linux,PostmarketOS,Ancient Hardware"><meta property="og:url" content="https://developerbedoya.net/posts/linux-on-a-samsung-tab-2-7-inches/">
|
||||
<meta property="og:site_name" content="Developer Bedoya">
|
||||
<meta property="og:title" content="Linux on a Samsung Tab 2 (7 inches)">
|
||||
<meta property="og:description" content="When my mother-in-law gave me an old Samsung Tablet, specifically a Samsung Galaxy Tab 2 (7 inches), I was wondering what could I do with that, and the first thing I thought was “What if you install linux on it?”
|
||||
There is a linux distribution for old tablets and telephones called postmarketOS, and I decided to give it a try.
|
||||
Was my device supported? There is a list of supported devices on postmarketOS Wiki, and fortunately I found that my tablet has support (only for the Edge branch, in community support).">
|
||||
<meta property="og:locale" content="pt_br">
|
||||
<meta property="og:type" content="article">
|
||||
<meta property="article:section" content="posts">
|
||||
<meta property="article:published_time" content="2022-12-24T10:02:38-03:00">
|
||||
<meta property="article:modified_time" content="2022-12-24T10:02:38-03:00">
|
||||
<meta property="article:tag" content="Linux">
|
||||
<meta property="article:tag" content="PostmarketOS">
|
||||
<meta property="article:tag" content="Ancient Hardware">
|
||||
|
||||
<meta name="twitter:card" content="summary">
|
||||
<meta name="twitter:title" content="Linux on a Samsung Tab 2 (7 inches)">
|
||||
<meta name="twitter:description" content="When my mother-in-law gave me an old Samsung Tablet, specifically a Samsung Galaxy Tab 2 (7 inches), I was wondering what could I do with that, and the first thing I thought was “What if you install linux on it?”
|
||||
There is a linux distribution for old tablets and telephones called postmarketOS, and I decided to give it a try.
|
||||
Was my device supported? There is a list of supported devices on postmarketOS Wiki, and fortunately I found that my tablet has support (only for the Edge branch, in community support).">
|
||||
|
||||
<link rel="canonical" href="https://developerbedoya.net/posts/linux-on-a-samsung-tab-2-7-inches/" />
|
||||
</head>
|
||||
<body
|
||||
class="bg-(--bg) text-black antialiased duration-200 ease-out [-webkit-tap-highlight-color:transparent] dark:text-white"
|
||||
><header
|
||||
class="mx-auto flex h-[4.5rem] max-w-(--w) px-8 whitespace-nowrap lg:justify-center"
|
||||
>
|
||||
<div class="relative z-50 flex items-center ltr:mr-auto rtl:ml-auto">
|
||||
<a
|
||||
class="-translate-y-[1px] text-2xl font-medium"
|
||||
href="https://developerbedoya.net/"
|
||||
>Developer Bedoya</a
|
||||
>
|
||||
<div
|
||||
class="btn-dark text-[0px] ltr:ml-4 rtl:mr-4 h-6 w-6 shrink-0 cursor-pointer [background:url(./theme.svg)_left_center/cover_no-repeat] dark:invert dark:[background-position:right]"
|
||||
role="button"
|
||||
aria-label="Dark"
|
||||
></div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="btn-menu relative z-50 flex h-[4.5rem] w-[5rem] shrink-0 cursor-pointer flex-col items-center justify-center gap-2.5 lg:hidden ltr:-mr-8 rtl:-ml-8"
|
||||
role="button"
|
||||
aria-label="Menu"
|
||||
></div>
|
||||
|
||||
<script>
|
||||
|
||||
const htmlClass = document.documentElement.classList;
|
||||
setTimeout(() => {
|
||||
htmlClass.remove('not-ready');
|
||||
}, 10);
|
||||
|
||||
|
||||
const btnMenu = document.querySelector('.btn-menu');
|
||||
btnMenu.addEventListener('click', () => {
|
||||
htmlClass.toggle('open');
|
||||
});
|
||||
|
||||
|
||||
const metaTheme = document.querySelector('meta[name="theme-color"]');
|
||||
const lightBg = '#faf8f1'.replace(/"/g, '');
|
||||
const setDark = (isDark) => {
|
||||
metaTheme.setAttribute('content', isDark ? '#000' : lightBg);
|
||||
htmlClass[isDark ? 'add' : 'remove']('dark');
|
||||
localStorage.setItem('dark', isDark);
|
||||
};
|
||||
|
||||
|
||||
const darkScheme = window.matchMedia('(prefers-color-scheme: dark)');
|
||||
if (htmlClass.contains('dark')) {
|
||||
setDark(true);
|
||||
} else {
|
||||
const darkVal = localStorage.getItem('dark');
|
||||
setDark(darkVal ? darkVal === 'true' : darkScheme.matches);
|
||||
}
|
||||
|
||||
|
||||
darkScheme.addEventListener('change', (event) => {
|
||||
setDark(event.matches);
|
||||
});
|
||||
|
||||
|
||||
const btnDark = document.querySelector('.btn-dark');
|
||||
btnDark.addEventListener('click', () => {
|
||||
setDark(localStorage.getItem('dark') !== 'true');
|
||||
});
|
||||
</script>
|
||||
|
||||
<div
|
||||
class="nav-wrapper fixed inset-x-0 top-full z-40 flex h-full flex-col justify-center bg-(--bg) pb-16 duration-200 select-none lg:static lg:h-auto lg:flex-row lg:bg-transparent! lg:pb-0 lg:transition-none"
|
||||
><nav
|
||||
class="lg:ml-12 lg:flex lg:flex-row lg:items-center lg:space-x-10 rtl:space-x-reverse"
|
||||
><a
|
||||
class="block text-center text-xl leading-[5rem] lg:text-base lg:font-normal"
|
||||
href="/cv/"
|
||||
>Cvs</a
|
||||
><a
|
||||
class="block text-center text-xl leading-[5rem] lg:text-base lg:font-normal"
|
||||
href="/links/"
|
||||
>Links</a
|
||||
><a
|
||||
class="block text-center text-xl leading-[5rem] lg:text-base lg:font-normal"
|
||||
href="/posts/"
|
||||
>Posts</a
|
||||
><a
|
||||
class="block text-center text-xl leading-[5rem] lg:text-base lg:font-normal"
|
||||
href="/slides/"
|
||||
>Slides</a
|
||||
></nav><nav
|
||||
class="mt-12 flex justify-center space-x-10 lg:mt-0 lg:items-center ltr:lg:ml-14 rtl:space-x-reverse rtl:lg:mr-14 dark:invert"
|
||||
>
|
||||
<a
|
||||
class="h-7 w-7 text-[0px] [background:var(--url)_center_center/cover_no-repeat] lg:h-6 lg:w-6"
|
||||
style="--url: url(./twitter.svg)"
|
||||
href="https://twitter.com/developerbedoya"
|
||||
target="_blank"
|
||||
rel="me"
|
||||
>twitter</a>
|
||||
<a
|
||||
class="h-7 w-7 text-[0px] [background:var(--url)_center_center/cover_no-repeat] lg:h-6 lg:w-6"
|
||||
style="--url: url(./github.svg)"
|
||||
href="https://github.com/developerbedoya"
|
||||
target="_blank"
|
||||
rel="me"
|
||||
>github</a>
|
||||
<a
|
||||
class="h-7 w-7 text-[0px] [background:var(--url)_center_center/cover_no-repeat] lg:h-6 lg:w-6"
|
||||
style="--url: url(./instagram.svg)"
|
||||
href="https://instagram.com/developerbedoya"
|
||||
target="_blank"
|
||||
rel="me"
|
||||
>instagram</a>
|
||||
<a
|
||||
class="h-7 w-7 text-[0px] [background:var(--url)_center_center/cover_no-repeat] lg:h-6 lg:w-6"
|
||||
style="--url: url(./rss.svg)"
|
||||
href="https://developerbedoya.net/index.xml"
|
||||
target="_blank"
|
||||
rel="alternate"
|
||||
>rss</a>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
<main
|
||||
class="prose prose-neutral dark:prose-invert relative mx-auto min-h-[calc(100vh-9rem)] max-w-(--w) px-8 pt-14 pb-16"
|
||||
><article>
|
||||
<header class="mb-14">
|
||||
<h1 class="my-0! pb-2.5">Linux on a Samsung Tab 2 (7 inches)</h1><div class="text-xs antialiased opacity-60"><time>Dec 24, 2022</time></div></header>
|
||||
|
||||
<section><p>When my mother-in-law gave me an old Samsung Tablet, specifically a Samsung Galaxy Tab 2 (7 inches), I was wondering what could I do with that, and the first thing I thought was “What if you install linux on it?”</p>
|
||||
<p>There is a linux distribution for old tablets and telephones called <a href="https://postmarketos.org/">postmarketOS</a>, and I decided to give it a try.</p>
|
||||
<h2 id="was-my-device-supported">Was my device supported?</h2>
|
||||
<p>There is a list of <a href="https://wiki.postmarketos.org/wiki/Devices">supported devices</a> on postmarketOS Wiki, and fortunately I found that my tablet has support (only for the <code>Edge</code> branch, in community support). That means that I can run linux on my tablet, but there is some features that are not working:</p>
|
||||
<ul>
|
||||
<li>3D Acceleration</li>
|
||||
<li>GPS</li>
|
||||
<li>Cameras</li>
|
||||
<li>Sound</li>
|
||||
</ul>
|
||||
<p>So, I decided to use my tablet for making a simple linux server, instead of a more complete desktop environment.</p>
|
||||
<h2 id="how-to-install-postmarketos-on-my-tablet">How to install postmarketOS on my tablet</h2>
|
||||
<ol>
|
||||
<li>
|
||||
<h3 id="installing-twrp-for-getting-into-recovery-mode">Installing TWRP for getting into Recovery Mode</h3>
|
||||
<p>I rebooted my tablet in <a href="https://www.thecustomdroid.com/samsung-galaxy-download-odin-mode-guide/">Odin mode</a> for downloading <a href="https://twrp.me/samsung/samsunggalaxytab270wifi.html">TWRP</a> and installing it with <a href="https://odindownload.com/">Odin</a>. Then I restarted my tablet on <a href="https://www.hardreset.info/devices/samsung/samsung-p3110-galaxy-tab-2-70/recovery-mode/">recovery mode</a> and confirmed that TWRP was running.</p>
|
||||
</li>
|
||||
<li>
|
||||
<h3 id="getting-postmarketos">Getting postmarketOS</h3>
|
||||
<p>I opened a linux console and installed <code>pmbootstrap</code>, a tool for getting and installing postmarketOS:</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>$ pip3 install --user pmbootstrap
|
||||
</span></span></code></pre></div><p>And then I initialize <code>pmbootstrap</code></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>$ pmbootstrap init
|
||||
</span></span></code></pre></div><p>That command make some questions about the channel (edge vs stable), the device manufacturer (samsung) and the model codename (espresso-wifi).</p>
|
||||
<p>Finally, I typed the magic commands for getting a postmarketOS installer that runs from recovery mode:</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>$ pmbootstrap install --android-recovery-zip --recovery-install-partition<span style="color:#f92672">=</span>data
|
||||
</span></span></code></pre></div><p>and then:</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>$ pmbootstrap export
|
||||
</span></span></code></pre></div><p>Then I copied the generated zip file to an SD card, put the card in my tablet, and rebooted into recovery mode.</p>
|
||||
</li>
|
||||
<li>
|
||||
<h3 id="installing-from-recovery-mode">Installing from recovery mode</h3>
|
||||
<p>This is the easiest part, after booting into recovery mode we need to select the option “Install from zip file”, select the External SD Card storage, and wait until finishing. This may take a couple of minutes. After that, you can reboot and enjoy Linux on a tablet.</p>
|
||||
</li>
|
||||
</ol>
|
||||
</section>
|
||||
|
||||
<footer class="mt-12 flex flex-wrap"><a
|
||||
class="mb-1.5 rounded-lg bg-black/[3%] px-5 py-1 no-underline hover:bg-black/[6%] ltr:mr-1.5 rtl:ml-1.5 dark:bg-white/[8%] dark:hover:bg-white/[12%]"
|
||||
href="https://developerbedoya.net/tags/linux"
|
||||
>linux</a
|
||||
><a
|
||||
class="mb-1.5 rounded-lg bg-black/[3%] px-5 py-1 no-underline hover:bg-black/[6%] ltr:mr-1.5 rtl:ml-1.5 dark:bg-white/[8%] dark:hover:bg-white/[12%]"
|
||||
href="https://developerbedoya.net/tags/postmarketos"
|
||||
>postmarketOS</a
|
||||
><a
|
||||
class="mb-1.5 rounded-lg bg-black/[3%] px-5 py-1 no-underline hover:bg-black/[6%] ltr:mr-1.5 rtl:ml-1.5 dark:bg-white/[8%] dark:hover:bg-white/[12%]"
|
||||
href="https://developerbedoya.net/tags/ancient-hardware"
|
||||
>ancient hardware</a
|
||||
></footer><nav
|
||||
class="mt-24 flex overflow-hidden rounded-xl bg-black/[3%] text-lg leading-[1.2]! *:flex *:w-1/2 *:items-center *:p-5 *:font-medium *:no-underline dark:bg-white/[8%] [&>*:hover]:bg-black/[2%] dark:[&>*:hover]:bg-white/[3%]"
|
||||
><a class="ltr:pr-3 rtl:pl-3" href="https://developerbedoya.net/posts/marp/"
|
||||
><span class="ltr:mr-1.5 rtl:ml-1.5">←</span><span>Making slides in Marp (and saying 'Goodbye' to PowerPoint)</span></a
|
||||
><a
|
||||
class="justify-end pl-3 ltr:ml-auto rtl:mr-auto"
|
||||
href="https://developerbedoya.net/posts/my-best-friend/"
|
||||
><span>My Best Friend</span><span class="ltr:ml-1.5 rtl:mr-1.5">→</span></a
|
||||
></nav><div class="mt-24" id="disqus_thread"></div>
|
||||
<script>
|
||||
const disqusShortname = 'developerbedoya';
|
||||
const script = document.createElement('script');
|
||||
script.src = 'https://' + disqusShortname + '.disqus.com/embed.js';
|
||||
script.setAttribute('data-timestamp', +new Date());
|
||||
document.head.appendChild(script);
|
||||
</script></article></main><footer
|
||||
class="mx-auto flex h-[4.5rem] max-w-(--w) items-center px-8 text-xs tracking-wider uppercase opacity-60"
|
||||
>
|
||||
<div class="mr-auto">©2025
|
||||
<a class="link" href="https://developerbedoya.net/">Developer Bedoya</a></div>
|
||||
<a class="link mx-6" href="https://gohugo.io/" rel="noopener" target="_blank"
|
||||
>powered by hugo️️</a
|
||||
>️
|
||||
<a
|
||||
class="link"
|
||||
href="https://github.com/nanxiaobei/hugo-paper"
|
||||
rel="noopener"
|
||||
target="_blank"
|
||||
>hugo-paper</a
|
||||
>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
272
public/posts/markdown-is-life/index.html
Normal file
272
public/posts/markdown-is-life/index.html
Normal file
@@ -0,0 +1,272 @@
|
||||
<!doctype html>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<html
|
||||
class="not-ready lg:text-base"
|
||||
style="--bg:#faf8f1"
|
||||
lang="pt-br"
|
||||
dir="ltr"
|
||||
><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"
|
||||
/>
|
||||
|
||||
|
||||
<title>Markdown Is Life - Developer Bedoya</title>
|
||||
|
||||
|
||||
<meta name="theme-color" />
|
||||
|
||||
<meta name="description" content="Some years ago, I made a website for me, to show my abilities… and I was frustrated!
|
||||
I was wasting too much time trying to styling my website, and my main focus at the time was backend developing, so my website was an ugly mix of bootstrap and infantile HTML. That site was created in a home server that was exposed to the internet using ngrok.
|
||||
Some days ago I decided to make a more professional website for me, and I stumbled with a tool called Hugo." />
|
||||
<meta name="author" content="Daniel Bedoya Alzate" /><link rel="preload stylesheet" as="style" href="https://developerbedoya.net/main.min.css" />
|
||||
|
||||
|
||||
<link rel="preload" as="image" href="https://developerbedoya.net/theme.svg" />
|
||||
|
||||
<link rel="preload" as="image" href="https://www.gravatar.com/avatar/a59eeed83af0fccd921266a8f3e30019?s=160&d=identicon" />
|
||||
|
||||
<link rel="preload" as="image" href="https://developerbedoya.net/twitter.svg" /><link rel="preload" as="image" href="https://developerbedoya.net/github.svg" /><link rel="preload" as="image" href="https://developerbedoya.net/instagram.svg" /><link rel="preload" as="image" href="https://developerbedoya.net/rss.svg" />
|
||||
|
||||
<script
|
||||
defer
|
||||
src="https://developerbedoya.net/highlight.min.js"
|
||||
onload="hljs.initHighlightingOnLoad();"
|
||||
></script>
|
||||
|
||||
|
||||
<link
|
||||
rel="icon"
|
||||
href="https://developerbedoya.net/favicon.ico"
|
||||
/>
|
||||
<link
|
||||
rel="apple-touch-icon"
|
||||
href="https://developerbedoya.net/apple-touch-icon.png"
|
||||
/>
|
||||
|
||||
<meta name="generator" content="Hugo 0.131.0">
|
||||
|
||||
|
||||
|
||||
<meta itemprop="name" content="Markdown Is Life">
|
||||
<meta itemprop="description" content="Some years ago, I made a website for me, to show my abilities… and I was frustrated!
|
||||
I was wasting too much time trying to styling my website, and my main focus at the time was backend developing, so my website was an ugly mix of bootstrap and infantile HTML. That site was created in a home server that was exposed to the internet using ngrok.
|
||||
Some days ago I decided to make a more professional website for me, and I stumbled with a tool called Hugo.">
|
||||
<meta itemprop="datePublished" content="2022-12-23T22:32:35-03:00">
|
||||
<meta itemprop="dateModified" content="2022-12-23T22:32:35-03:00">
|
||||
<meta itemprop="wordCount" content="248">
|
||||
<meta itemprop="keywords" content="Markdown,Hugo"><meta property="og:url" content="https://developerbedoya.net/posts/markdown-is-life/">
|
||||
<meta property="og:site_name" content="Developer Bedoya">
|
||||
<meta property="og:title" content="Markdown Is Life">
|
||||
<meta property="og:description" content="Some years ago, I made a website for me, to show my abilities… and I was frustrated!
|
||||
I was wasting too much time trying to styling my website, and my main focus at the time was backend developing, so my website was an ugly mix of bootstrap and infantile HTML. That site was created in a home server that was exposed to the internet using ngrok.
|
||||
Some days ago I decided to make a more professional website for me, and I stumbled with a tool called Hugo.">
|
||||
<meta property="og:locale" content="pt_br">
|
||||
<meta property="og:type" content="article">
|
||||
<meta property="article:section" content="posts">
|
||||
<meta property="article:published_time" content="2022-12-23T22:32:35-03:00">
|
||||
<meta property="article:modified_time" content="2022-12-23T22:32:35-03:00">
|
||||
<meta property="article:tag" content="Markdown">
|
||||
<meta property="article:tag" content="Hugo">
|
||||
|
||||
<meta name="twitter:card" content="summary">
|
||||
<meta name="twitter:title" content="Markdown Is Life">
|
||||
<meta name="twitter:description" content="Some years ago, I made a website for me, to show my abilities… and I was frustrated!
|
||||
I was wasting too much time trying to styling my website, and my main focus at the time was backend developing, so my website was an ugly mix of bootstrap and infantile HTML. That site was created in a home server that was exposed to the internet using ngrok.
|
||||
Some days ago I decided to make a more professional website for me, and I stumbled with a tool called Hugo.">
|
||||
|
||||
<link rel="canonical" href="https://developerbedoya.net/posts/markdown-is-life/" />
|
||||
</head>
|
||||
<body
|
||||
class="bg-(--bg) text-black antialiased duration-200 ease-out [-webkit-tap-highlight-color:transparent] dark:text-white"
|
||||
><header
|
||||
class="mx-auto flex h-[4.5rem] max-w-(--w) px-8 whitespace-nowrap lg:justify-center"
|
||||
>
|
||||
<div class="relative z-50 flex items-center ltr:mr-auto rtl:ml-auto">
|
||||
<a
|
||||
class="-translate-y-[1px] text-2xl font-medium"
|
||||
href="https://developerbedoya.net/"
|
||||
>Developer Bedoya</a
|
||||
>
|
||||
<div
|
||||
class="btn-dark text-[0px] ltr:ml-4 rtl:mr-4 h-6 w-6 shrink-0 cursor-pointer [background:url(./theme.svg)_left_center/cover_no-repeat] dark:invert dark:[background-position:right]"
|
||||
role="button"
|
||||
aria-label="Dark"
|
||||
></div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="btn-menu relative z-50 flex h-[4.5rem] w-[5rem] shrink-0 cursor-pointer flex-col items-center justify-center gap-2.5 lg:hidden ltr:-mr-8 rtl:-ml-8"
|
||||
role="button"
|
||||
aria-label="Menu"
|
||||
></div>
|
||||
|
||||
<script>
|
||||
|
||||
const htmlClass = document.documentElement.classList;
|
||||
setTimeout(() => {
|
||||
htmlClass.remove('not-ready');
|
||||
}, 10);
|
||||
|
||||
|
||||
const btnMenu = document.querySelector('.btn-menu');
|
||||
btnMenu.addEventListener('click', () => {
|
||||
htmlClass.toggle('open');
|
||||
});
|
||||
|
||||
|
||||
const metaTheme = document.querySelector('meta[name="theme-color"]');
|
||||
const lightBg = '#faf8f1'.replace(/"/g, '');
|
||||
const setDark = (isDark) => {
|
||||
metaTheme.setAttribute('content', isDark ? '#000' : lightBg);
|
||||
htmlClass[isDark ? 'add' : 'remove']('dark');
|
||||
localStorage.setItem('dark', isDark);
|
||||
};
|
||||
|
||||
|
||||
const darkScheme = window.matchMedia('(prefers-color-scheme: dark)');
|
||||
if (htmlClass.contains('dark')) {
|
||||
setDark(true);
|
||||
} else {
|
||||
const darkVal = localStorage.getItem('dark');
|
||||
setDark(darkVal ? darkVal === 'true' : darkScheme.matches);
|
||||
}
|
||||
|
||||
|
||||
darkScheme.addEventListener('change', (event) => {
|
||||
setDark(event.matches);
|
||||
});
|
||||
|
||||
|
||||
const btnDark = document.querySelector('.btn-dark');
|
||||
btnDark.addEventListener('click', () => {
|
||||
setDark(localStorage.getItem('dark') !== 'true');
|
||||
});
|
||||
</script>
|
||||
|
||||
<div
|
||||
class="nav-wrapper fixed inset-x-0 top-full z-40 flex h-full flex-col justify-center bg-(--bg) pb-16 duration-200 select-none lg:static lg:h-auto lg:flex-row lg:bg-transparent! lg:pb-0 lg:transition-none"
|
||||
><nav
|
||||
class="lg:ml-12 lg:flex lg:flex-row lg:items-center lg:space-x-10 rtl:space-x-reverse"
|
||||
><a
|
||||
class="block text-center text-xl leading-[5rem] lg:text-base lg:font-normal"
|
||||
href="/cv/"
|
||||
>Cvs</a
|
||||
><a
|
||||
class="block text-center text-xl leading-[5rem] lg:text-base lg:font-normal"
|
||||
href="/links/"
|
||||
>Links</a
|
||||
><a
|
||||
class="block text-center text-xl leading-[5rem] lg:text-base lg:font-normal"
|
||||
href="/posts/"
|
||||
>Posts</a
|
||||
><a
|
||||
class="block text-center text-xl leading-[5rem] lg:text-base lg:font-normal"
|
||||
href="/slides/"
|
||||
>Slides</a
|
||||
></nav><nav
|
||||
class="mt-12 flex justify-center space-x-10 lg:mt-0 lg:items-center ltr:lg:ml-14 rtl:space-x-reverse rtl:lg:mr-14 dark:invert"
|
||||
>
|
||||
<a
|
||||
class="h-7 w-7 text-[0px] [background:var(--url)_center_center/cover_no-repeat] lg:h-6 lg:w-6"
|
||||
style="--url: url(./twitter.svg)"
|
||||
href="https://twitter.com/developerbedoya"
|
||||
target="_blank"
|
||||
rel="me"
|
||||
>twitter</a>
|
||||
<a
|
||||
class="h-7 w-7 text-[0px] [background:var(--url)_center_center/cover_no-repeat] lg:h-6 lg:w-6"
|
||||
style="--url: url(./github.svg)"
|
||||
href="https://github.com/developerbedoya"
|
||||
target="_blank"
|
||||
rel="me"
|
||||
>github</a>
|
||||
<a
|
||||
class="h-7 w-7 text-[0px] [background:var(--url)_center_center/cover_no-repeat] lg:h-6 lg:w-6"
|
||||
style="--url: url(./instagram.svg)"
|
||||
href="https://instagram.com/developerbedoya"
|
||||
target="_blank"
|
||||
rel="me"
|
||||
>instagram</a>
|
||||
<a
|
||||
class="h-7 w-7 text-[0px] [background:var(--url)_center_center/cover_no-repeat] lg:h-6 lg:w-6"
|
||||
style="--url: url(./rss.svg)"
|
||||
href="https://developerbedoya.net/index.xml"
|
||||
target="_blank"
|
||||
rel="alternate"
|
||||
>rss</a>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
<main
|
||||
class="prose prose-neutral dark:prose-invert relative mx-auto min-h-[calc(100vh-9rem)] max-w-(--w) px-8 pt-14 pb-16"
|
||||
><article>
|
||||
<header class="mb-14">
|
||||
<h1 class="my-0! pb-2.5">Markdown Is Life</h1><div class="text-xs antialiased opacity-60"><time>Dec 23, 2022</time></div></header>
|
||||
|
||||
<section><p>Some years ago, I made a website for me, to show my abilities… and I was frustrated!</p>
|
||||
<p>I was wasting too much time trying to styling my website, and my main focus at the time was backend developing, so my website was an ugly mix of bootstrap and infantile HTML. That site was created in a home server that was exposed to the internet using <a href="https://ngrok.com/">ngrok</a>.</p>
|
||||
<p>Some days ago I decided to make a more professional website for me, and I stumbled with a tool called <a href="https://gohugo.io/">Hugo</a>. I was mesmerized with the easiness to create a website using <a href="https://commonmark.org/">Markdown</a>, and I decided to give a try.</p>
|
||||
<p>The syntax of Markdown is easy enough to write focusing more on the content and less in the style of your site. Creating a page in hugo is as easy as writing in Markdown:</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-markdown" data-lang="markdown"><span style="display:flex;"><span>---
|
||||
</span></span><span style="display:flex;"><span>title: "Markdown Is Life"
|
||||
</span></span><span style="display:flex;"><span>date: 2022-12-23T22:32:35-03:00
|
||||
</span></span><span style="display:flex;"><span>draft: false
|
||||
</span></span><span style="display:flex;"><span>---
|
||||
</span></span><span style="display:flex;"><span>
|
||||
</span></span><span style="display:flex;"><span>Some years ago, I made a website for me, to show my abilities... and I was frustrated!
|
||||
</span></span><span style="display:flex;"><span>
|
||||
</span></span><span style="display:flex;"><span>I was wasting too much time trying to styling my website, and my main focus at the time was backend developing, so my website was an ugly mix of bootstrap and infantile HTML. That site was created in a home server that was exposed to the internet using [<span style="color:#f92672">ngrok</span>](<span style="color:#a6e22e">https://ngrok.com/</span>).
|
||||
</span></span></code></pre></div><p>I was instantly hooked on Markdown. I will learn more about <code>Hugo</code> and try to improve the presentation of this website. For now, the simple template I’m using is enough for me.</p>
|
||||
</section>
|
||||
|
||||
<footer class="mt-12 flex flex-wrap"><a
|
||||
class="mb-1.5 rounded-lg bg-black/[3%] px-5 py-1 no-underline hover:bg-black/[6%] ltr:mr-1.5 rtl:ml-1.5 dark:bg-white/[8%] dark:hover:bg-white/[12%]"
|
||||
href="https://developerbedoya.net/tags/markdown"
|
||||
>markdown</a
|
||||
><a
|
||||
class="mb-1.5 rounded-lg bg-black/[3%] px-5 py-1 no-underline hover:bg-black/[6%] ltr:mr-1.5 rtl:ml-1.5 dark:bg-white/[8%] dark:hover:bg-white/[12%]"
|
||||
href="https://developerbedoya.net/tags/hugo"
|
||||
>hugo</a
|
||||
></footer><nav
|
||||
class="mt-24 flex overflow-hidden rounded-xl bg-black/[3%] text-lg leading-[1.2]! *:flex *:w-1/2 *:items-center *:p-5 *:font-medium *:no-underline dark:bg-white/[8%] [&>*:hover]:bg-black/[2%] dark:[&>*:hover]:bg-white/[3%]"
|
||||
><a class="ltr:pr-3 rtl:pl-3" href="https://developerbedoya.net/posts/find-all-possible-words-from-two-sillabes/"
|
||||
><span class="ltr:mr-1.5 rtl:ml-1.5">←</span><span>Find All Possible Words From Two Syllables</span></a
|
||||
><a
|
||||
class="justify-end pl-3 ltr:ml-auto rtl:mr-auto"
|
||||
href="https://developerbedoya.net/posts/some-drawings/"
|
||||
><span>Some Drawings</span><span class="ltr:ml-1.5 rtl:mr-1.5">→</span></a
|
||||
></nav><div class="mt-24" id="disqus_thread"></div>
|
||||
<script>
|
||||
const disqusShortname = 'developerbedoya';
|
||||
const script = document.createElement('script');
|
||||
script.src = 'https://' + disqusShortname + '.disqus.com/embed.js';
|
||||
script.setAttribute('data-timestamp', +new Date());
|
||||
document.head.appendChild(script);
|
||||
</script></article></main><footer
|
||||
class="mx-auto flex h-[4.5rem] max-w-(--w) items-center px-8 text-xs tracking-wider uppercase opacity-60"
|
||||
>
|
||||
<div class="mr-auto">©2025
|
||||
<a class="link" href="https://developerbedoya.net/">Developer Bedoya</a></div>
|
||||
<a class="link mx-6" href="https://gohugo.io/" rel="noopener" target="_blank"
|
||||
>powered by hugo️️</a
|
||||
>️
|
||||
<a
|
||||
class="link"
|
||||
href="https://github.com/nanxiaobei/hugo-paper"
|
||||
rel="noopener"
|
||||
target="_blank"
|
||||
>hugo-paper</a
|
||||
>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
392
public/posts/marp/index.html
Normal file
392
public/posts/marp/index.html
Normal file
@@ -0,0 +1,392 @@
|
||||
<!doctype html>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<html
|
||||
class="not-ready lg:text-base"
|
||||
style="--bg:#faf8f1"
|
||||
lang="pt-br"
|
||||
dir="ltr"
|
||||
><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"
|
||||
/>
|
||||
|
||||
|
||||
<title>Making slides in Marp (and saying 'Goodbye' to PowerPoint) - Developer Bedoya</title>
|
||||
|
||||
|
||||
<meta name="theme-color" />
|
||||
|
||||
<meta name="description" content="Writing slides in PowerPoint is so 20th century!!! So I watched this video:
|
||||
And I replicated the slide:
|
||||
--- marp: true theme: uncover class: invert math: mathjax style: | .columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; } --- # <!--fit-->An intro to Marp :rocket: <span style="color:grey;">By:</span> Daniel Bedoya Alzate --- ## Slide Header * Use Markdown to write slides! * Tons of cool features! --- ## Code! ```csharp /** A Super helpful function!" />
|
||||
<meta name="author" content="Daniel Bedoya Alzate" /><link rel="preload stylesheet" as="style" href="https://developerbedoya.net/main.min.css" />
|
||||
|
||||
|
||||
<link rel="preload" as="image" href="https://developerbedoya.net/theme.svg" />
|
||||
|
||||
<link rel="preload" as="image" href="https://www.gravatar.com/avatar/a59eeed83af0fccd921266a8f3e30019?s=160&d=identicon" />
|
||||
|
||||
<link rel="preload" as="image" href="https://developerbedoya.net/twitter.svg" /><link rel="preload" as="image" href="https://developerbedoya.net/github.svg" /><link rel="preload" as="image" href="https://developerbedoya.net/instagram.svg" /><link rel="preload" as="image" href="https://developerbedoya.net/rss.svg" />
|
||||
|
||||
<script
|
||||
defer
|
||||
src="https://developerbedoya.net/highlight.min.js"
|
||||
onload="hljs.initHighlightingOnLoad();"
|
||||
></script>
|
||||
|
||||
|
||||
<link
|
||||
rel="icon"
|
||||
href="https://developerbedoya.net/favicon.ico"
|
||||
/>
|
||||
<link
|
||||
rel="apple-touch-icon"
|
||||
href="https://developerbedoya.net/apple-touch-icon.png"
|
||||
/>
|
||||
|
||||
<meta name="generator" content="Hugo 0.131.0">
|
||||
|
||||
|
||||
|
||||
<meta itemprop="name" content="Making slides in Marp (and saying 'Goodbye' to PowerPoint)">
|
||||
<meta itemprop="description" content="Writing slides in PowerPoint is so 20th century!!! So I watched this video:
|
||||
And I replicated the slide:
|
||||
--- marp: true theme: uncover class: invert math: mathjax style: | .columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; } --- # <!--fit-->An intro to Marp :rocket: <span style="color:grey;">By:</span> Daniel Bedoya Alzate --- ## Slide Header * Use Markdown to write slides! * Tons of cool features! --- ## Code! ```csharp /** A Super helpful function!">
|
||||
<meta itemprop="datePublished" content="2022-12-24T11:43:50-03:00">
|
||||
<meta itemprop="dateModified" content="2022-12-24T11:43:50-03:00">
|
||||
<meta itemprop="wordCount" content="211">
|
||||
<meta itemprop="keywords" content="Markdown,Marp"><meta property="og:url" content="https://developerbedoya.net/posts/marp/">
|
||||
<meta property="og:site_name" content="Developer Bedoya">
|
||||
<meta property="og:title" content="Making slides in Marp (and saying 'Goodbye' to PowerPoint)">
|
||||
<meta property="og:description" content="Writing slides in PowerPoint is so 20th century!!! So I watched this video:
|
||||
And I replicated the slide:
|
||||
--- marp: true theme: uncover class: invert math: mathjax style: | .columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; } --- # <!--fit-->An intro to Marp :rocket: <span style="color:grey;">By:</span> Daniel Bedoya Alzate --- ## Slide Header * Use Markdown to write slides! * Tons of cool features! --- ## Code! ```csharp /** A Super helpful function!">
|
||||
<meta property="og:locale" content="pt_br">
|
||||
<meta property="og:type" content="article">
|
||||
<meta property="article:section" content="posts">
|
||||
<meta property="article:published_time" content="2022-12-24T11:43:50-03:00">
|
||||
<meta property="article:modified_time" content="2022-12-24T11:43:50-03:00">
|
||||
<meta property="article:tag" content="Markdown">
|
||||
<meta property="article:tag" content="Marp">
|
||||
|
||||
<meta name="twitter:card" content="summary">
|
||||
<meta name="twitter:title" content="Making slides in Marp (and saying 'Goodbye' to PowerPoint)">
|
||||
<meta name="twitter:description" content="Writing slides in PowerPoint is so 20th century!!! So I watched this video:
|
||||
And I replicated the slide:
|
||||
--- marp: true theme: uncover class: invert math: mathjax style: | .columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; } --- # <!--fit-->An intro to Marp :rocket: <span style="color:grey;">By:</span> Daniel Bedoya Alzate --- ## Slide Header * Use Markdown to write slides! * Tons of cool features! --- ## Code! ```csharp /** A Super helpful function!">
|
||||
|
||||
<link rel="canonical" href="https://developerbedoya.net/posts/marp/" />
|
||||
</head>
|
||||
<body
|
||||
class="bg-(--bg) text-black antialiased duration-200 ease-out [-webkit-tap-highlight-color:transparent] dark:text-white"
|
||||
><header
|
||||
class="mx-auto flex h-[4.5rem] max-w-(--w) px-8 whitespace-nowrap lg:justify-center"
|
||||
>
|
||||
<div class="relative z-50 flex items-center ltr:mr-auto rtl:ml-auto">
|
||||
<a
|
||||
class="-translate-y-[1px] text-2xl font-medium"
|
||||
href="https://developerbedoya.net/"
|
||||
>Developer Bedoya</a
|
||||
>
|
||||
<div
|
||||
class="btn-dark text-[0px] ltr:ml-4 rtl:mr-4 h-6 w-6 shrink-0 cursor-pointer [background:url(./theme.svg)_left_center/cover_no-repeat] dark:invert dark:[background-position:right]"
|
||||
role="button"
|
||||
aria-label="Dark"
|
||||
></div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="btn-menu relative z-50 flex h-[4.5rem] w-[5rem] shrink-0 cursor-pointer flex-col items-center justify-center gap-2.5 lg:hidden ltr:-mr-8 rtl:-ml-8"
|
||||
role="button"
|
||||
aria-label="Menu"
|
||||
></div>
|
||||
|
||||
<script>
|
||||
|
||||
const htmlClass = document.documentElement.classList;
|
||||
setTimeout(() => {
|
||||
htmlClass.remove('not-ready');
|
||||
}, 10);
|
||||
|
||||
|
||||
const btnMenu = document.querySelector('.btn-menu');
|
||||
btnMenu.addEventListener('click', () => {
|
||||
htmlClass.toggle('open');
|
||||
});
|
||||
|
||||
|
||||
const metaTheme = document.querySelector('meta[name="theme-color"]');
|
||||
const lightBg = '#faf8f1'.replace(/"/g, '');
|
||||
const setDark = (isDark) => {
|
||||
metaTheme.setAttribute('content', isDark ? '#000' : lightBg);
|
||||
htmlClass[isDark ? 'add' : 'remove']('dark');
|
||||
localStorage.setItem('dark', isDark);
|
||||
};
|
||||
|
||||
|
||||
const darkScheme = window.matchMedia('(prefers-color-scheme: dark)');
|
||||
if (htmlClass.contains('dark')) {
|
||||
setDark(true);
|
||||
} else {
|
||||
const darkVal = localStorage.getItem('dark');
|
||||
setDark(darkVal ? darkVal === 'true' : darkScheme.matches);
|
||||
}
|
||||
|
||||
|
||||
darkScheme.addEventListener('change', (event) => {
|
||||
setDark(event.matches);
|
||||
});
|
||||
|
||||
|
||||
const btnDark = document.querySelector('.btn-dark');
|
||||
btnDark.addEventListener('click', () => {
|
||||
setDark(localStorage.getItem('dark') !== 'true');
|
||||
});
|
||||
</script>
|
||||
|
||||
<div
|
||||
class="nav-wrapper fixed inset-x-0 top-full z-40 flex h-full flex-col justify-center bg-(--bg) pb-16 duration-200 select-none lg:static lg:h-auto lg:flex-row lg:bg-transparent! lg:pb-0 lg:transition-none"
|
||||
><nav
|
||||
class="lg:ml-12 lg:flex lg:flex-row lg:items-center lg:space-x-10 rtl:space-x-reverse"
|
||||
><a
|
||||
class="block text-center text-xl leading-[5rem] lg:text-base lg:font-normal"
|
||||
href="/cv/"
|
||||
>Cvs</a
|
||||
><a
|
||||
class="block text-center text-xl leading-[5rem] lg:text-base lg:font-normal"
|
||||
href="/links/"
|
||||
>Links</a
|
||||
><a
|
||||
class="block text-center text-xl leading-[5rem] lg:text-base lg:font-normal"
|
||||
href="/posts/"
|
||||
>Posts</a
|
||||
><a
|
||||
class="block text-center text-xl leading-[5rem] lg:text-base lg:font-normal"
|
||||
href="/slides/"
|
||||
>Slides</a
|
||||
></nav><nav
|
||||
class="mt-12 flex justify-center space-x-10 lg:mt-0 lg:items-center ltr:lg:ml-14 rtl:space-x-reverse rtl:lg:mr-14 dark:invert"
|
||||
>
|
||||
<a
|
||||
class="h-7 w-7 text-[0px] [background:var(--url)_center_center/cover_no-repeat] lg:h-6 lg:w-6"
|
||||
style="--url: url(./twitter.svg)"
|
||||
href="https://twitter.com/developerbedoya"
|
||||
target="_blank"
|
||||
rel="me"
|
||||
>twitter</a>
|
||||
<a
|
||||
class="h-7 w-7 text-[0px] [background:var(--url)_center_center/cover_no-repeat] lg:h-6 lg:w-6"
|
||||
style="--url: url(./github.svg)"
|
||||
href="https://github.com/developerbedoya"
|
||||
target="_blank"
|
||||
rel="me"
|
||||
>github</a>
|
||||
<a
|
||||
class="h-7 w-7 text-[0px] [background:var(--url)_center_center/cover_no-repeat] lg:h-6 lg:w-6"
|
||||
style="--url: url(./instagram.svg)"
|
||||
href="https://instagram.com/developerbedoya"
|
||||
target="_blank"
|
||||
rel="me"
|
||||
>instagram</a>
|
||||
<a
|
||||
class="h-7 w-7 text-[0px] [background:var(--url)_center_center/cover_no-repeat] lg:h-6 lg:w-6"
|
||||
style="--url: url(./rss.svg)"
|
||||
href="https://developerbedoya.net/index.xml"
|
||||
target="_blank"
|
||||
rel="alternate"
|
||||
>rss</a>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
<main
|
||||
class="prose prose-neutral dark:prose-invert relative mx-auto min-h-[calc(100vh-9rem)] max-w-(--w) px-8 pt-14 pb-16"
|
||||
><article>
|
||||
<header class="mb-14">
|
||||
<h1 class="my-0! pb-2.5">Making slides in Marp (and saying 'Goodbye' to PowerPoint)</h1><div class="text-xs antialiased opacity-60"><time>Dec 24, 2022</time></div></header>
|
||||
|
||||
<section><p>Writing slides in PowerPoint is so 20th century!!! So I watched this video:</p>
|
||||
|
||||
|
||||
|
||||
<div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;">
|
||||
<iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen="allowfullscreen" loading="eager" referrerpolicy="strict-origin-when-cross-origin" src="https://www.youtube.com/embed/EzQ-p41wNEE?autoplay=0&controls=1&end=0&loop=0&mute=0&start=0" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;" title="YouTube video"
|
||||
></iframe>
|
||||
</div>
|
||||
|
||||
<p>And I replicated the slide:</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-md" data-lang="md"><span style="display:flex;"><span>---
|
||||
</span></span><span style="display:flex;"><span>marp: true
|
||||
</span></span><span style="display:flex;"><span>theme: uncover
|
||||
</span></span><span style="display:flex;"><span>class: invert
|
||||
</span></span><span style="display:flex;"><span>math: mathjax
|
||||
</span></span><span style="display:flex;"><span>style: |
|
||||
</span></span><span style="display:flex;"><span> .columns {
|
||||
</span></span><span style="display:flex;"><span> display: grid;
|
||||
</span></span><span style="display:flex;"><span> grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
</span></span><span style="display:flex;"><span> gap: 1rem;
|
||||
</span></span><span style="display:flex;"><span> }
|
||||
</span></span><span style="display:flex;"><span>---
|
||||
</span></span><span style="display:flex;"><span>
|
||||
</span></span><span style="display:flex;"><span># <!--fit-->An intro to Marp :rocket:
|
||||
</span></span><span style="display:flex;"><span>
|
||||
</span></span><span style="display:flex;"><span><<span style="color:#f92672">span</span> <span style="color:#a6e22e">style</span><span style="color:#f92672">=</span><span style="color:#e6db74">"color:grey;"</span>>By:</<span style="color:#f92672">span</span>> Daniel Bedoya Alzate
|
||||
</span></span><span style="display:flex;"><span>
|
||||
</span></span><span style="display:flex;"><span>---
|
||||
</span></span><span style="display:flex;"><span>
|
||||
</span></span><span style="display:flex;"><span><span style="color:#75715e">## Slide Header
|
||||
</span></span></span><span style="display:flex;"><span><span style="color:#75715e"></span>
|
||||
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">*</span> Use Markdown to write slides!
|
||||
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">*</span> Tons of cool features!
|
||||
</span></span><span style="display:flex;"><span>
|
||||
</span></span><span style="display:flex;"><span>---
|
||||
</span></span><span style="display:flex;"><span>
|
||||
</span></span><span style="display:flex;"><span><span style="color:#75715e">## Code!
|
||||
</span></span></span><span style="display:flex;"><span><span style="color:#75715e"></span>
|
||||
</span></span><span style="display:flex;"><span><span style="color:#e6db74">```csharp
|
||||
</span></span></span><span style="display:flex;"><span><span style="color:#e6db74"></span><span style="color:#75715e">/** A Super helpful function! */</span>
|
||||
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">void</span> Add (<span style="color:#66d9ef">int</span> a, <span style="color:#66d9ef">int</span> b)
|
||||
</span></span><span style="display:flex;"><span>{
|
||||
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">return</span> a + b;
|
||||
</span></span><span style="display:flex;"><span>}
|
||||
</span></span><span style="display:flex;"><span>
|
||||
</span></span><span style="display:flex;"><span><span style="color:#e6db74">```</span>
|
||||
</span></span><span style="display:flex;"><span>
|
||||
</span></span><span style="display:flex;"><span>---
|
||||
</span></span><span style="display:flex;"><span>
|
||||
</span></span><span style="display:flex;"><span><span style="color:#75715e">## Math!
|
||||
</span></span></span><span style="display:flex;"><span><span style="color:#75715e"></span>
|
||||
</span></span><span style="display:flex;"><span>A single line expression...
|
||||
</span></span><span style="display:flex;"><span>
|
||||
</span></span><span style="display:flex;"><span>$\mathcal{O}(n\log{n})$
|
||||
</span></span><span style="display:flex;"><span>
|
||||
</span></span><span style="display:flex;"><span>OR, a multi-line expression.
|
||||
</span></span><span style="display:flex;"><span>
|
||||
</span></span><span style="display:flex;"><span>$$
|
||||
</span></span><span style="display:flex;"><span>\begin{align}
|
||||
</span></span><span style="display:flex;"><span>x <span style="color:#960050;background-color:#1e0010">&</span>= 1 + \frac{1}{2} \\
|
||||
</span></span><span style="display:flex;"><span> <span style="color:#960050;background-color:#1e0010">&</span>= 1.5
|
||||
</span></span><span style="display:flex;"><span>\end{align}
|
||||
</span></span><span style="display:flex;"><span>$$
|
||||
</span></span><span style="display:flex;"><span>
|
||||
</span></span><span style="display:flex;"><span>---
|
||||
</span></span><span style="display:flex;"><span>
|
||||
</span></span><span style="display:flex;"><span><span style="color:#75715e">## Images
|
||||
</span></span></span><span style="display:flex;"><span><span style="color:#75715e"></span>
|
||||
</span></span><span style="display:flex;"><span>![<span style="color:#f92672">height:8cm</span>](<span style="color:#a6e22e">Linkedin.png</span>)
|
||||
</span></span><span style="display:flex;"><span>
|
||||
</span></span><span style="display:flex;"><span>---
|
||||
</span></span><span style="display:flex;"><span>
|
||||
</span></span><span style="display:flex;"><span><span style="color:#75715e">## Images
|
||||
</span></span></span><span style="display:flex;"><span><span style="color:#75715e"></span>
|
||||
</span></span><span style="display:flex;"><span>Marp has a variety of image modifiers
|
||||
</span></span><span style="display:flex;"><span>
|
||||
</span></span><span style="display:flex;"><span><span style="color:#e6db74">```markdown
|
||||
</span></span></span><span style="display:flex;"><span><span style="color:#e6db74"></span>![<span style="color:#f92672">height:8cm bg.hue-rotate:90deg saturate</span>](<span style="color:#a6e22e">Linkedin.png</span>)
|
||||
</span></span><span style="display:flex;"><span><span style="color:#e6db74">```</span>
|
||||
</span></span><span style="display:flex;"><span>
|
||||
</span></span><span style="display:flex;"><span>![<span style="color:#f92672">height:8cm bg.hue-rotate:90deg saturate</span>](<span style="color:#a6e22e">Linkedin.png</span>)
|
||||
</span></span><span style="display:flex;"><span>
|
||||
</span></span><span style="display:flex;"><span>---
|
||||
</span></span><span style="display:flex;"><span>
|
||||
</span></span><span style="display:flex;"><span>![<span style="color:#f92672">height:8cm bg blur</span>](<span style="color:#a6e22e">Linkedin.png</span>)
|
||||
</span></span><span style="display:flex;"><span>![<span style="color:#f92672">height:8cm bg greyscale</span>](<span style="color:#a6e22e">Linkedin.png</span>)
|
||||
</span></span><span style="display:flex;"><span>![<span style="color:#f92672">height:8cm bg sepia</span>](<span style="color:#a6e22e">Linkedin.png</span>)
|
||||
</span></span><span style="display:flex;"><span>
|
||||
</span></span><span style="display:flex;"><span>You can stack backgrounds horizontally
|
||||
</span></span><span style="display:flex;"><span>
|
||||
</span></span><span style="display:flex;"><span>---
|
||||
</span></span><span style="display:flex;"><span>
|
||||
</span></span><span style="display:flex;"><span>![<span style="color:#f92672">height:8cm bg vertical blur</span>](<span style="color:#a6e22e">Linkedin.png</span>)
|
||||
</span></span><span style="display:flex;"><span>![<span style="color:#f92672">height:8cm bg greyscale</span>](<span style="color:#a6e22e">Linkedin.png</span>)
|
||||
</span></span><span style="display:flex;"><span>![<span style="color:#f92672">height:8cm bg sepia</span>](<span style="color:#a6e22e">Linkedin.png</span>)
|
||||
</span></span><span style="display:flex;"><span>
|
||||
</span></span><span style="display:flex;"><span>... or vertically!
|
||||
</span></span><span style="display:flex;"><span>
|
||||
</span></span><span style="display:flex;"><span>---
|
||||
</span></span><span style="display:flex;"><span>
|
||||
</span></span><span style="display:flex;"><span><span style="color:#75715e">## Two columns!
|
||||
</span></span></span><span style="display:flex;"><span><span style="color:#75715e"></span>
|
||||
</span></span><span style="display:flex;"><span>![<span style="color:#f92672">bg left height:8cm</span>](<span style="color:#a6e22e">Linkedin.png</span>)
|
||||
</span></span><span style="display:flex;"><span>
|
||||
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">*</span> a
|
||||
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">*</span> b
|
||||
</span></span><span style="display:flex;"><span>
|
||||
</span></span><span style="display:flex;"><span>---
|
||||
</span></span><span style="display:flex;"><span>
|
||||
</span></span><span style="display:flex;"><span><span style="color:#75715e"><!--_color: red--></span>
|
||||
</span></span><span style="display:flex;"><span><span style="color:#75715e"><!--_backgroundColor: black--></span>
|
||||
</span></span><span style="display:flex;"><span># <!--fit-->Huge
|
||||
</span></span><span style="display:flex;"><span>
|
||||
</span></span><span style="display:flex;"><span>---
|
||||
</span></span><span style="display:flex;"><span>
|
||||
</span></span><span style="display:flex;"><span><span style="color:#75715e">## Two text columns!
|
||||
</span></span></span><span style="display:flex;"><span><span style="color:#75715e"></span>
|
||||
</span></span><span style="display:flex;"><span><<span style="color:#f92672">div</span> <span style="color:#a6e22e">class</span><span style="color:#f92672">=</span><span style="color:#e6db74">"columns"</span>>
|
||||
</span></span><span style="display:flex;"><span><<span style="color:#f92672">div</span>>
|
||||
</span></span><span style="display:flex;"><span>
|
||||
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">*</span> a
|
||||
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">*</span> b
|
||||
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">*</span> c
|
||||
</span></span><span style="display:flex;"><span>
|
||||
</span></span><span style="display:flex;"><span></<span style="color:#f92672">div</span>>
|
||||
</span></span><span style="display:flex;"><span><<span style="color:#f92672">div</span>>
|
||||
</span></span><span style="display:flex;"><span>
|
||||
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">*</span> d
|
||||
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">*</span> e
|
||||
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">*</span> f
|
||||
</span></span><span style="display:flex;"><span>
|
||||
</span></span><span style="display:flex;"><span></<span style="color:#f92672">div</span>>
|
||||
</span></span><span style="display:flex;"><span></<span style="color:#f92672">div</span>></span></span></code></pre></div>
|
||||
<p>The result are <a href="/slides/marp/">here</a></p>
|
||||
</section>
|
||||
|
||||
<footer class="mt-12 flex flex-wrap"><a
|
||||
class="mb-1.5 rounded-lg bg-black/[3%] px-5 py-1 no-underline hover:bg-black/[6%] ltr:mr-1.5 rtl:ml-1.5 dark:bg-white/[8%] dark:hover:bg-white/[12%]"
|
||||
href="https://developerbedoya.net/tags/markdown"
|
||||
>markdown</a
|
||||
><a
|
||||
class="mb-1.5 rounded-lg bg-black/[3%] px-5 py-1 no-underline hover:bg-black/[6%] ltr:mr-1.5 rtl:ml-1.5 dark:bg-white/[8%] dark:hover:bg-white/[12%]"
|
||||
href="https://developerbedoya.net/tags/marp"
|
||||
>marp</a
|
||||
></footer><nav
|
||||
class="mt-24 flex overflow-hidden rounded-xl bg-black/[3%] text-lg leading-[1.2]! *:flex *:w-1/2 *:items-center *:p-5 *:font-medium *:no-underline dark:bg-white/[8%] [&>*:hover]:bg-black/[2%] dark:[&>*:hover]:bg-white/[3%]"
|
||||
><a class="ltr:pr-3 rtl:pl-3" href="https://developerbedoya.net/posts/find-text-in-files-on-linux/"
|
||||
><span class="ltr:mr-1.5 rtl:ml-1.5">←</span><span>Find Text in Files on Linux</span></a
|
||||
><a
|
||||
class="justify-end pl-3 ltr:ml-auto rtl:mr-auto"
|
||||
href="https://developerbedoya.net/posts/linux-on-a-samsung-tab-2-7-inches/"
|
||||
><span>Linux on a Samsung Tab 2 (7 inches)</span><span class="ltr:ml-1.5 rtl:mr-1.5">→</span></a
|
||||
></nav><div class="mt-24" id="disqus_thread"></div>
|
||||
<script>
|
||||
const disqusShortname = 'developerbedoya';
|
||||
const script = document.createElement('script');
|
||||
script.src = 'https://' + disqusShortname + '.disqus.com/embed.js';
|
||||
script.setAttribute('data-timestamp', +new Date());
|
||||
document.head.appendChild(script);
|
||||
</script></article></main><footer
|
||||
class="mx-auto flex h-[4.5rem] max-w-(--w) items-center px-8 text-xs tracking-wider uppercase opacity-60"
|
||||
>
|
||||
<div class="mr-auto">©2025
|
||||
<a class="link" href="https://developerbedoya.net/">Developer Bedoya</a></div>
|
||||
<a class="link mx-6" href="https://gohugo.io/" rel="noopener" target="_blank"
|
||||
>powered by hugo️️</a
|
||||
>️
|
||||
<a
|
||||
class="link"
|
||||
href="https://github.com/nanxiaobei/hugo-paper"
|
||||
rel="noopener"
|
||||
target="_blank"
|
||||
>hugo-paper</a
|
||||
>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
285
public/posts/more-on-marp/index.html
Normal file
285
public/posts/more-on-marp/index.html
Normal file
@@ -0,0 +1,285 @@
|
||||
<!doctype html>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<html
|
||||
class="not-ready lg:text-base"
|
||||
style="--bg:#faf8f1"
|
||||
lang="pt-br"
|
||||
dir="ltr"
|
||||
><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"
|
||||
/>
|
||||
|
||||
|
||||
<title>More on Marp - Developer Bedoya</title>
|
||||
|
||||
|
||||
<meta name="theme-color" />
|
||||
|
||||
<meta name="description" content="Introduction I wrote a post about Marp that doesn’t include info on how to create the html output from the original markdown file.
|
||||
The following guide describes how to create a html file from marp.
|
||||
Steps Install Marp. Follow the guide here.
|
||||
Create your markdown file. Suppose the file is named slides.md. Convert the markdown file to html We can use marp slides.md -o slides.html. Result The markdown file is converted into a beautiful html slide." />
|
||||
<meta name="author" content="Daniel Bedoya Alzate" /><link rel="preload stylesheet" as="style" href="https://developerbedoya.net/main.min.css" />
|
||||
|
||||
|
||||
<link rel="preload" as="image" href="https://developerbedoya.net/theme.svg" />
|
||||
|
||||
<link rel="preload" as="image" href="https://www.gravatar.com/avatar/a59eeed83af0fccd921266a8f3e30019?s=160&d=identicon" />
|
||||
|
||||
<link rel="preload" as="image" href="https://developerbedoya.net/twitter.svg" /><link rel="preload" as="image" href="https://developerbedoya.net/github.svg" /><link rel="preload" as="image" href="https://developerbedoya.net/instagram.svg" /><link rel="preload" as="image" href="https://developerbedoya.net/rss.svg" />
|
||||
|
||||
<script
|
||||
defer
|
||||
src="https://developerbedoya.net/highlight.min.js"
|
||||
onload="hljs.initHighlightingOnLoad();"
|
||||
></script>
|
||||
|
||||
|
||||
<link
|
||||
rel="icon"
|
||||
href="https://developerbedoya.net/favicon.ico"
|
||||
/>
|
||||
<link
|
||||
rel="apple-touch-icon"
|
||||
href="https://developerbedoya.net/apple-touch-icon.png"
|
||||
/>
|
||||
|
||||
<meta name="generator" content="Hugo 0.131.0">
|
||||
|
||||
|
||||
|
||||
<meta itemprop="name" content="More on Marp">
|
||||
<meta itemprop="description" content="Introduction I wrote a post about Marp that doesn’t include info on how to create the html output from the original markdown file.
|
||||
The following guide describes how to create a html file from marp.
|
||||
Steps Install Marp. Follow the guide here.
|
||||
Create your markdown file. Suppose the file is named slides.md. Convert the markdown file to html We can use marp slides.md -o slides.html. Result The markdown file is converted into a beautiful html slide.">
|
||||
<meta itemprop="datePublished" content="2024-05-05T07:54:33-03:00">
|
||||
<meta itemprop="dateModified" content="2024-05-05T07:54:33-03:00">
|
||||
<meta itemprop="wordCount" content="76">
|
||||
<meta itemprop="keywords" content="Markdown,Marp"><meta property="og:url" content="https://developerbedoya.net/posts/more-on-marp/">
|
||||
<meta property="og:site_name" content="Developer Bedoya">
|
||||
<meta property="og:title" content="More on Marp">
|
||||
<meta property="og:description" content="Introduction I wrote a post about Marp that doesn’t include info on how to create the html output from the original markdown file.
|
||||
The following guide describes how to create a html file from marp.
|
||||
Steps Install Marp. Follow the guide here.
|
||||
Create your markdown file. Suppose the file is named slides.md. Convert the markdown file to html We can use marp slides.md -o slides.html. Result The markdown file is converted into a beautiful html slide.">
|
||||
<meta property="og:locale" content="pt_br">
|
||||
<meta property="og:type" content="article">
|
||||
<meta property="article:section" content="posts">
|
||||
<meta property="article:published_time" content="2024-05-05T07:54:33-03:00">
|
||||
<meta property="article:modified_time" content="2024-05-05T07:54:33-03:00">
|
||||
<meta property="article:tag" content="Markdown">
|
||||
<meta property="article:tag" content="Marp">
|
||||
|
||||
<meta name="twitter:card" content="summary">
|
||||
<meta name="twitter:title" content="More on Marp">
|
||||
<meta name="twitter:description" content="Introduction I wrote a post about Marp that doesn’t include info on how to create the html output from the original markdown file.
|
||||
The following guide describes how to create a html file from marp.
|
||||
Steps Install Marp. Follow the guide here.
|
||||
Create your markdown file. Suppose the file is named slides.md. Convert the markdown file to html We can use marp slides.md -o slides.html. Result The markdown file is converted into a beautiful html slide.">
|
||||
|
||||
<link rel="canonical" href="https://developerbedoya.net/posts/more-on-marp/" />
|
||||
</head>
|
||||
<body
|
||||
class="bg-(--bg) text-black antialiased duration-200 ease-out [-webkit-tap-highlight-color:transparent] dark:text-white"
|
||||
><header
|
||||
class="mx-auto flex h-[4.5rem] max-w-(--w) px-8 whitespace-nowrap lg:justify-center"
|
||||
>
|
||||
<div class="relative z-50 flex items-center ltr:mr-auto rtl:ml-auto">
|
||||
<a
|
||||
class="-translate-y-[1px] text-2xl font-medium"
|
||||
href="https://developerbedoya.net/"
|
||||
>Developer Bedoya</a
|
||||
>
|
||||
<div
|
||||
class="btn-dark text-[0px] ltr:ml-4 rtl:mr-4 h-6 w-6 shrink-0 cursor-pointer [background:url(./theme.svg)_left_center/cover_no-repeat] dark:invert dark:[background-position:right]"
|
||||
role="button"
|
||||
aria-label="Dark"
|
||||
></div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="btn-menu relative z-50 flex h-[4.5rem] w-[5rem] shrink-0 cursor-pointer flex-col items-center justify-center gap-2.5 lg:hidden ltr:-mr-8 rtl:-ml-8"
|
||||
role="button"
|
||||
aria-label="Menu"
|
||||
></div>
|
||||
|
||||
<script>
|
||||
|
||||
const htmlClass = document.documentElement.classList;
|
||||
setTimeout(() => {
|
||||
htmlClass.remove('not-ready');
|
||||
}, 10);
|
||||
|
||||
|
||||
const btnMenu = document.querySelector('.btn-menu');
|
||||
btnMenu.addEventListener('click', () => {
|
||||
htmlClass.toggle('open');
|
||||
});
|
||||
|
||||
|
||||
const metaTheme = document.querySelector('meta[name="theme-color"]');
|
||||
const lightBg = '#faf8f1'.replace(/"/g, '');
|
||||
const setDark = (isDark) => {
|
||||
metaTheme.setAttribute('content', isDark ? '#000' : lightBg);
|
||||
htmlClass[isDark ? 'add' : 'remove']('dark');
|
||||
localStorage.setItem('dark', isDark);
|
||||
};
|
||||
|
||||
|
||||
const darkScheme = window.matchMedia('(prefers-color-scheme: dark)');
|
||||
if (htmlClass.contains('dark')) {
|
||||
setDark(true);
|
||||
} else {
|
||||
const darkVal = localStorage.getItem('dark');
|
||||
setDark(darkVal ? darkVal === 'true' : darkScheme.matches);
|
||||
}
|
||||
|
||||
|
||||
darkScheme.addEventListener('change', (event) => {
|
||||
setDark(event.matches);
|
||||
});
|
||||
|
||||
|
||||
const btnDark = document.querySelector('.btn-dark');
|
||||
btnDark.addEventListener('click', () => {
|
||||
setDark(localStorage.getItem('dark') !== 'true');
|
||||
});
|
||||
</script>
|
||||
|
||||
<div
|
||||
class="nav-wrapper fixed inset-x-0 top-full z-40 flex h-full flex-col justify-center bg-(--bg) pb-16 duration-200 select-none lg:static lg:h-auto lg:flex-row lg:bg-transparent! lg:pb-0 lg:transition-none"
|
||||
><nav
|
||||
class="lg:ml-12 lg:flex lg:flex-row lg:items-center lg:space-x-10 rtl:space-x-reverse"
|
||||
><a
|
||||
class="block text-center text-xl leading-[5rem] lg:text-base lg:font-normal"
|
||||
href="/cv/"
|
||||
>Cvs</a
|
||||
><a
|
||||
class="block text-center text-xl leading-[5rem] lg:text-base lg:font-normal"
|
||||
href="/links/"
|
||||
>Links</a
|
||||
><a
|
||||
class="block text-center text-xl leading-[5rem] lg:text-base lg:font-normal"
|
||||
href="/posts/"
|
||||
>Posts</a
|
||||
><a
|
||||
class="block text-center text-xl leading-[5rem] lg:text-base lg:font-normal"
|
||||
href="/slides/"
|
||||
>Slides</a
|
||||
></nav><nav
|
||||
class="mt-12 flex justify-center space-x-10 lg:mt-0 lg:items-center ltr:lg:ml-14 rtl:space-x-reverse rtl:lg:mr-14 dark:invert"
|
||||
>
|
||||
<a
|
||||
class="h-7 w-7 text-[0px] [background:var(--url)_center_center/cover_no-repeat] lg:h-6 lg:w-6"
|
||||
style="--url: url(./twitter.svg)"
|
||||
href="https://twitter.com/developerbedoya"
|
||||
target="_blank"
|
||||
rel="me"
|
||||
>twitter</a>
|
||||
<a
|
||||
class="h-7 w-7 text-[0px] [background:var(--url)_center_center/cover_no-repeat] lg:h-6 lg:w-6"
|
||||
style="--url: url(./github.svg)"
|
||||
href="https://github.com/developerbedoya"
|
||||
target="_blank"
|
||||
rel="me"
|
||||
>github</a>
|
||||
<a
|
||||
class="h-7 w-7 text-[0px] [background:var(--url)_center_center/cover_no-repeat] lg:h-6 lg:w-6"
|
||||
style="--url: url(./instagram.svg)"
|
||||
href="https://instagram.com/developerbedoya"
|
||||
target="_blank"
|
||||
rel="me"
|
||||
>instagram</a>
|
||||
<a
|
||||
class="h-7 w-7 text-[0px] [background:var(--url)_center_center/cover_no-repeat] lg:h-6 lg:w-6"
|
||||
style="--url: url(./rss.svg)"
|
||||
href="https://developerbedoya.net/index.xml"
|
||||
target="_blank"
|
||||
rel="alternate"
|
||||
>rss</a>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
<main
|
||||
class="prose prose-neutral dark:prose-invert relative mx-auto min-h-[calc(100vh-9rem)] max-w-(--w) px-8 pt-14 pb-16"
|
||||
><article>
|
||||
<header class="mb-14">
|
||||
<h1 class="my-0! pb-2.5">More on Marp</h1><div class="text-xs antialiased opacity-60"><time>May 5, 2024</time></div></header>
|
||||
|
||||
<section><h2 id="introduction">Introduction</h2>
|
||||
<p>I wrote a post about Marp that doesn’t include info on how to create the html output from the original markdown file.</p>
|
||||
<p>The following guide describes how to create a html file from marp.</p>
|
||||
<h2 id="steps">Steps</h2>
|
||||
<ol>
|
||||
<li>
|
||||
<p>Install Marp.
|
||||
Follow the guide <a href="https://github.com/marp-team/marp-cli/">here</a>.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>Create your markdown file.
|
||||
Suppose the file is named <code>slides.md</code>.
|
||||
<img src="/images/marp-emacs.png" alt="Creating a markdown file"></p>
|
||||
</li>
|
||||
<li>
|
||||
<p>Convert the markdown file to html
|
||||
We can use <code>marp slides.md -o slides.html</code>.
|
||||
<img src="/images/marp-convert.png" alt="Converting a markdown file into html"></p>
|
||||
</li>
|
||||
</ol>
|
||||
<h2 id="result">Result</h2>
|
||||
<p>The markdown file is converted into a beautiful html slide.
|
||||
<img src="/images/marp-result.png" alt="HTML Result"></p>
|
||||
</section>
|
||||
|
||||
<footer class="mt-12 flex flex-wrap"><a
|
||||
class="mb-1.5 rounded-lg bg-black/[3%] px-5 py-1 no-underline hover:bg-black/[6%] ltr:mr-1.5 rtl:ml-1.5 dark:bg-white/[8%] dark:hover:bg-white/[12%]"
|
||||
href="https://developerbedoya.net/tags/markdown"
|
||||
>markdown</a
|
||||
><a
|
||||
class="mb-1.5 rounded-lg bg-black/[3%] px-5 py-1 no-underline hover:bg-black/[6%] ltr:mr-1.5 rtl:ml-1.5 dark:bg-white/[8%] dark:hover:bg-white/[12%]"
|
||||
href="https://developerbedoya.net/tags/marp"
|
||||
>marp</a
|
||||
></footer><nav
|
||||
class="mt-24 flex overflow-hidden rounded-xl bg-black/[3%] text-lg leading-[1.2]! *:flex *:w-1/2 *:items-center *:p-5 *:font-medium *:no-underline dark:bg-white/[8%] [&>*:hover]:bg-black/[2%] dark:[&>*:hover]:bg-white/[3%]"
|
||||
><a class="ltr:pr-3 rtl:pl-3" href="https://developerbedoya.net/posts/eclipse-de-lua-marco-2025/"
|
||||
><span class="ltr:mr-1.5 rtl:ml-1.5">←</span><span>Eclipse de Lua março 2025</span></a
|
||||
><a
|
||||
class="justify-end pl-3 ltr:ml-auto rtl:mr-auto"
|
||||
href="https://developerbedoya.net/posts/open-your-windows-files-from-linux-using-explorer/"
|
||||
><span>Open your Windows Files with WSL using Windows Explorer</span><span class="ltr:ml-1.5 rtl:mr-1.5">→</span></a
|
||||
></nav><div class="mt-24" id="disqus_thread"></div>
|
||||
<script>
|
||||
const disqusShortname = 'developerbedoya';
|
||||
const script = document.createElement('script');
|
||||
script.src = 'https://' + disqusShortname + '.disqus.com/embed.js';
|
||||
script.setAttribute('data-timestamp', +new Date());
|
||||
document.head.appendChild(script);
|
||||
</script></article></main><footer
|
||||
class="mx-auto flex h-[4.5rem] max-w-(--w) items-center px-8 text-xs tracking-wider uppercase opacity-60"
|
||||
>
|
||||
<div class="mr-auto">©2025
|
||||
<a class="link" href="https://developerbedoya.net/">Developer Bedoya</a></div>
|
||||
<a class="link mx-6" href="https://gohugo.io/" rel="noopener" target="_blank"
|
||||
>powered by hugo️️</a
|
||||
>️
|
||||
<a
|
||||
class="link"
|
||||
href="https://github.com/nanxiaobei/hugo-paper"
|
||||
rel="noopener"
|
||||
target="_blank"
|
||||
>hugo-paper</a
|
||||
>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
276
public/posts/my-best-friend/index.html
Normal file
276
public/posts/my-best-friend/index.html
Normal file
@@ -0,0 +1,276 @@
|
||||
<!doctype html>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<html
|
||||
class="not-ready lg:text-base"
|
||||
style="--bg:#faf8f1"
|
||||
lang="pt-br"
|
||||
dir="ltr"
|
||||
><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"
|
||||
/>
|
||||
|
||||
|
||||
<title>My Best Friend - Developer Bedoya</title>
|
||||
|
||||
|
||||
<meta name="theme-color" />
|
||||
|
||||
<meta name="description" content="This is my best friend, and with that I will write the history of this special relationship:
|
||||
All started when I was in eight grade, I was a lonely, strange student who was intelligent but socially inept. Immediately, I made a friendship with him that lasts onto today.
|
||||
We used to program together in QBasic in the computers of our school, and we had quite a bunch of similarities, we both were quite shy and reclusive." />
|
||||
<meta name="author" content="Daniel Bedoya Alzate" /><link rel="preload stylesheet" as="style" href="https://developerbedoya.net/main.min.css" />
|
||||
|
||||
|
||||
<link rel="preload" as="image" href="https://developerbedoya.net/theme.svg" />
|
||||
|
||||
<link rel="preload" as="image" href="https://www.gravatar.com/avatar/a59eeed83af0fccd921266a8f3e30019?s=160&d=identicon" />
|
||||
|
||||
<link rel="preload" as="image" href="https://developerbedoya.net/twitter.svg" /><link rel="preload" as="image" href="https://developerbedoya.net/github.svg" /><link rel="preload" as="image" href="https://developerbedoya.net/instagram.svg" /><link rel="preload" as="image" href="https://developerbedoya.net/rss.svg" />
|
||||
|
||||
<script
|
||||
defer
|
||||
src="https://developerbedoya.net/highlight.min.js"
|
||||
onload="hljs.initHighlightingOnLoad();"
|
||||
></script>
|
||||
|
||||
|
||||
<link
|
||||
rel="icon"
|
||||
href="https://developerbedoya.net/favicon.ico"
|
||||
/>
|
||||
<link
|
||||
rel="apple-touch-icon"
|
||||
href="https://developerbedoya.net/apple-touch-icon.png"
|
||||
/>
|
||||
|
||||
<meta name="generator" content="Hugo 0.131.0">
|
||||
|
||||
|
||||
|
||||
<meta itemprop="name" content="My Best Friend">
|
||||
<meta itemprop="description" content="This is my best friend, and with that I will write the history of this special relationship:
|
||||
All started when I was in eight grade, I was a lonely, strange student who was intelligent but socially inept. Immediately, I made a friendship with him that lasts onto today.
|
||||
We used to program together in QBasic in the computers of our school, and we had quite a bunch of similarities, we both were quite shy and reclusive.">
|
||||
<meta itemprop="datePublished" content="2022-12-24T03:21:20-03:00">
|
||||
<meta itemprop="dateModified" content="2022-12-24T03:21:20-03:00">
|
||||
<meta itemprop="wordCount" content="165">
|
||||
<meta itemprop="keywords" content="Drawing,Friendship"><meta property="og:url" content="https://developerbedoya.net/posts/my-best-friend/">
|
||||
<meta property="og:site_name" content="Developer Bedoya">
|
||||
<meta property="og:title" content="My Best Friend">
|
||||
<meta property="og:description" content="This is my best friend, and with that I will write the history of this special relationship:
|
||||
All started when I was in eight grade, I was a lonely, strange student who was intelligent but socially inept. Immediately, I made a friendship with him that lasts onto today.
|
||||
We used to program together in QBasic in the computers of our school, and we had quite a bunch of similarities, we both were quite shy and reclusive.">
|
||||
<meta property="og:locale" content="pt_br">
|
||||
<meta property="og:type" content="article">
|
||||
<meta property="article:section" content="posts">
|
||||
<meta property="article:published_time" content="2022-12-24T03:21:20-03:00">
|
||||
<meta property="article:modified_time" content="2022-12-24T03:21:20-03:00">
|
||||
<meta property="article:tag" content="Drawing">
|
||||
<meta property="article:tag" content="Friendship">
|
||||
|
||||
<meta name="twitter:card" content="summary">
|
||||
<meta name="twitter:title" content="My Best Friend">
|
||||
<meta name="twitter:description" content="This is my best friend, and with that I will write the history of this special relationship:
|
||||
All started when I was in eight grade, I was a lonely, strange student who was intelligent but socially inept. Immediately, I made a friendship with him that lasts onto today.
|
||||
We used to program together in QBasic in the computers of our school, and we had quite a bunch of similarities, we both were quite shy and reclusive.">
|
||||
|
||||
<link rel="canonical" href="https://developerbedoya.net/posts/my-best-friend/" />
|
||||
</head>
|
||||
<body
|
||||
class="bg-(--bg) text-black antialiased duration-200 ease-out [-webkit-tap-highlight-color:transparent] dark:text-white"
|
||||
><header
|
||||
class="mx-auto flex h-[4.5rem] max-w-(--w) px-8 whitespace-nowrap lg:justify-center"
|
||||
>
|
||||
<div class="relative z-50 flex items-center ltr:mr-auto rtl:ml-auto">
|
||||
<a
|
||||
class="-translate-y-[1px] text-2xl font-medium"
|
||||
href="https://developerbedoya.net/"
|
||||
>Developer Bedoya</a
|
||||
>
|
||||
<div
|
||||
class="btn-dark text-[0px] ltr:ml-4 rtl:mr-4 h-6 w-6 shrink-0 cursor-pointer [background:url(./theme.svg)_left_center/cover_no-repeat] dark:invert dark:[background-position:right]"
|
||||
role="button"
|
||||
aria-label="Dark"
|
||||
></div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="btn-menu relative z-50 flex h-[4.5rem] w-[5rem] shrink-0 cursor-pointer flex-col items-center justify-center gap-2.5 lg:hidden ltr:-mr-8 rtl:-ml-8"
|
||||
role="button"
|
||||
aria-label="Menu"
|
||||
></div>
|
||||
|
||||
<script>
|
||||
|
||||
const htmlClass = document.documentElement.classList;
|
||||
setTimeout(() => {
|
||||
htmlClass.remove('not-ready');
|
||||
}, 10);
|
||||
|
||||
|
||||
const btnMenu = document.querySelector('.btn-menu');
|
||||
btnMenu.addEventListener('click', () => {
|
||||
htmlClass.toggle('open');
|
||||
});
|
||||
|
||||
|
||||
const metaTheme = document.querySelector('meta[name="theme-color"]');
|
||||
const lightBg = '#faf8f1'.replace(/"/g, '');
|
||||
const setDark = (isDark) => {
|
||||
metaTheme.setAttribute('content', isDark ? '#000' : lightBg);
|
||||
htmlClass[isDark ? 'add' : 'remove']('dark');
|
||||
localStorage.setItem('dark', isDark);
|
||||
};
|
||||
|
||||
|
||||
const darkScheme = window.matchMedia('(prefers-color-scheme: dark)');
|
||||
if (htmlClass.contains('dark')) {
|
||||
setDark(true);
|
||||
} else {
|
||||
const darkVal = localStorage.getItem('dark');
|
||||
setDark(darkVal ? darkVal === 'true' : darkScheme.matches);
|
||||
}
|
||||
|
||||
|
||||
darkScheme.addEventListener('change', (event) => {
|
||||
setDark(event.matches);
|
||||
});
|
||||
|
||||
|
||||
const btnDark = document.querySelector('.btn-dark');
|
||||
btnDark.addEventListener('click', () => {
|
||||
setDark(localStorage.getItem('dark') !== 'true');
|
||||
});
|
||||
</script>
|
||||
|
||||
<div
|
||||
class="nav-wrapper fixed inset-x-0 top-full z-40 flex h-full flex-col justify-center bg-(--bg) pb-16 duration-200 select-none lg:static lg:h-auto lg:flex-row lg:bg-transparent! lg:pb-0 lg:transition-none"
|
||||
><nav
|
||||
class="lg:ml-12 lg:flex lg:flex-row lg:items-center lg:space-x-10 rtl:space-x-reverse"
|
||||
><a
|
||||
class="block text-center text-xl leading-[5rem] lg:text-base lg:font-normal"
|
||||
href="/cv/"
|
||||
>Cvs</a
|
||||
><a
|
||||
class="block text-center text-xl leading-[5rem] lg:text-base lg:font-normal"
|
||||
href="/links/"
|
||||
>Links</a
|
||||
><a
|
||||
class="block text-center text-xl leading-[5rem] lg:text-base lg:font-normal"
|
||||
href="/posts/"
|
||||
>Posts</a
|
||||
><a
|
||||
class="block text-center text-xl leading-[5rem] lg:text-base lg:font-normal"
|
||||
href="/slides/"
|
||||
>Slides</a
|
||||
></nav><nav
|
||||
class="mt-12 flex justify-center space-x-10 lg:mt-0 lg:items-center ltr:lg:ml-14 rtl:space-x-reverse rtl:lg:mr-14 dark:invert"
|
||||
>
|
||||
<a
|
||||
class="h-7 w-7 text-[0px] [background:var(--url)_center_center/cover_no-repeat] lg:h-6 lg:w-6"
|
||||
style="--url: url(./twitter.svg)"
|
||||
href="https://twitter.com/developerbedoya"
|
||||
target="_blank"
|
||||
rel="me"
|
||||
>twitter</a>
|
||||
<a
|
||||
class="h-7 w-7 text-[0px] [background:var(--url)_center_center/cover_no-repeat] lg:h-6 lg:w-6"
|
||||
style="--url: url(./github.svg)"
|
||||
href="https://github.com/developerbedoya"
|
||||
target="_blank"
|
||||
rel="me"
|
||||
>github</a>
|
||||
<a
|
||||
class="h-7 w-7 text-[0px] [background:var(--url)_center_center/cover_no-repeat] lg:h-6 lg:w-6"
|
||||
style="--url: url(./instagram.svg)"
|
||||
href="https://instagram.com/developerbedoya"
|
||||
target="_blank"
|
||||
rel="me"
|
||||
>instagram</a>
|
||||
<a
|
||||
class="h-7 w-7 text-[0px] [background:var(--url)_center_center/cover_no-repeat] lg:h-6 lg:w-6"
|
||||
style="--url: url(./rss.svg)"
|
||||
href="https://developerbedoya.net/index.xml"
|
||||
target="_blank"
|
||||
rel="alternate"
|
||||
>rss</a>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
<main
|
||||
class="prose prose-neutral dark:prose-invert relative mx-auto min-h-[calc(100vh-9rem)] max-w-(--w) px-8 pt-14 pb-16"
|
||||
><article>
|
||||
<header class="mb-14">
|
||||
<h1 class="my-0! pb-2.5">My Best Friend</h1><div class="text-xs antialiased opacity-60"><time>Dec 24, 2022</time></div></header>
|
||||
|
||||
<section><p>This is my best friend, and with that I will write the history of this special relationship:</p>
|
||||
<p><img src="/images/ssp01.png" alt="My best friend, Sebastián Suaza Palacio"></p>
|
||||
<p>All started when I was in eight grade, I was a lonely, strange student who was intelligent but socially inept. Immediately, I made a friendship with him that lasts onto today.</p>
|
||||
<p>We used to program together in QBasic in the computers of our school, and we had quite a bunch of similarities, we both were quite shy and reclusive.</p>
|
||||
<p>We tried to draw some person evolving from child to elder:</p>
|
||||
<ul>
|
||||
<li>
|
||||
<p>Sebastian version:
|
||||
<img src="/images/Escanear0006.jpg" alt="Sebastián Version"></p>
|
||||
</li>
|
||||
<li>
|
||||
<p>My version:
|
||||
<img src="/images/Escanear0005.jpg" alt="My version"></p>
|
||||
</li>
|
||||
</ul>
|
||||
<p>We played the guitar and played endlessly <em>Age of Empires</em> in our free time.</p>
|
||||
<p>When going to university, sadly, he took the course of History, and I was very sad because he had all the potential to be a Software Developer.</p>
|
||||
<p>But now he’s working as an editor for various historian articles, and he is very happy at his job. I wonder what would happen if he decided to study programming instead of history.</p>
|
||||
</section>
|
||||
|
||||
<footer class="mt-12 flex flex-wrap"><a
|
||||
class="mb-1.5 rounded-lg bg-black/[3%] px-5 py-1 no-underline hover:bg-black/[6%] ltr:mr-1.5 rtl:ml-1.5 dark:bg-white/[8%] dark:hover:bg-white/[12%]"
|
||||
href="https://developerbedoya.net/tags/drawing"
|
||||
>drawing</a
|
||||
><a
|
||||
class="mb-1.5 rounded-lg bg-black/[3%] px-5 py-1 no-underline hover:bg-black/[6%] ltr:mr-1.5 rtl:ml-1.5 dark:bg-white/[8%] dark:hover:bg-white/[12%]"
|
||||
href="https://developerbedoya.net/tags/friendship"
|
||||
>friendship</a
|
||||
></footer><nav
|
||||
class="mt-24 flex overflow-hidden rounded-xl bg-black/[3%] text-lg leading-[1.2]! *:flex *:w-1/2 *:items-center *:p-5 *:font-medium *:no-underline dark:bg-white/[8%] [&>*:hover]:bg-black/[2%] dark:[&>*:hover]:bg-white/[3%]"
|
||||
><a class="ltr:pr-3 rtl:pl-3" href="https://developerbedoya.net/posts/linux-on-a-samsung-tab-2-7-inches/"
|
||||
><span class="ltr:mr-1.5 rtl:ml-1.5">←</span><span>Linux on a Samsung Tab 2 (7 inches)</span></a
|
||||
><a
|
||||
class="justify-end pl-3 ltr:ml-auto rtl:mr-auto"
|
||||
href="https://developerbedoya.net/posts/find-all-possible-words-from-two-sillabes/"
|
||||
><span>Find All Possible Words From Two Syllables</span><span class="ltr:ml-1.5 rtl:mr-1.5">→</span></a
|
||||
></nav><div class="mt-24" id="disqus_thread"></div>
|
||||
<script>
|
||||
const disqusShortname = 'developerbedoya';
|
||||
const script = document.createElement('script');
|
||||
script.src = 'https://' + disqusShortname + '.disqus.com/embed.js';
|
||||
script.setAttribute('data-timestamp', +new Date());
|
||||
document.head.appendChild(script);
|
||||
</script></article></main><footer
|
||||
class="mx-auto flex h-[4.5rem] max-w-(--w) items-center px-8 text-xs tracking-wider uppercase opacity-60"
|
||||
>
|
||||
<div class="mr-auto">©2025
|
||||
<a class="link" href="https://developerbedoya.net/">Developer Bedoya</a></div>
|
||||
<a class="link mx-6" href="https://gohugo.io/" rel="noopener" target="_blank"
|
||||
>powered by hugo️️</a
|
||||
>️
|
||||
<a
|
||||
class="link"
|
||||
href="https://github.com/nanxiaobei/hugo-paper"
|
||||
rel="noopener"
|
||||
target="_blank"
|
||||
>hugo-paper</a
|
||||
>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
260
public/posts/ola-a-todos/index.html
Normal file
260
public/posts/ola-a-todos/index.html
Normal file
@@ -0,0 +1,260 @@
|
||||
<!doctype html>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<html
|
||||
class="not-ready lg:text-base"
|
||||
style="--bg:#faf8f1"
|
||||
lang="pt-br"
|
||||
dir="ltr"
|
||||
><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"
|
||||
/>
|
||||
|
||||
|
||||
<title>Olá a Todos - Developer Bedoya</title>
|
||||
|
||||
|
||||
<meta name="theme-color" />
|
||||
|
||||
<meta name="description" content="Introdução Eu sou Daniel Bedoya Alzate, desenvolvedor de software Colombiano e moro atualmente no Brasil, trabalhando com .NET.
|
||||
Especialidades Automação de processos. Migração de sistemas legados. Windows Forms/WPF, ASP.NET/ASP.NET Core. Entity Framework/Entity Framework Core, Dapper. Hobbies Programação Astronomia Desenho e caricatura " />
|
||||
<meta name="author" content="Daniel Bedoya Alzate" /><link rel="preload stylesheet" as="style" href="https://developerbedoya.net/main.min.css" />
|
||||
|
||||
|
||||
<link rel="preload" as="image" href="https://developerbedoya.net/theme.svg" />
|
||||
|
||||
<link rel="preload" as="image" href="https://www.gravatar.com/avatar/a59eeed83af0fccd921266a8f3e30019?s=160&d=identicon" />
|
||||
|
||||
<link rel="preload" as="image" href="https://developerbedoya.net/twitter.svg" /><link rel="preload" as="image" href="https://developerbedoya.net/github.svg" /><link rel="preload" as="image" href="https://developerbedoya.net/instagram.svg" /><link rel="preload" as="image" href="https://developerbedoya.net/rss.svg" />
|
||||
|
||||
<script
|
||||
defer
|
||||
src="https://developerbedoya.net/highlight.min.js"
|
||||
onload="hljs.initHighlightingOnLoad();"
|
||||
></script>
|
||||
|
||||
|
||||
<link
|
||||
rel="icon"
|
||||
href="https://developerbedoya.net/favicon.ico"
|
||||
/>
|
||||
<link
|
||||
rel="apple-touch-icon"
|
||||
href="https://developerbedoya.net/apple-touch-icon.png"
|
||||
/>
|
||||
|
||||
<meta name="generator" content="Hugo 0.131.0">
|
||||
|
||||
|
||||
|
||||
<meta itemprop="name" content="Olá a Todos">
|
||||
<meta itemprop="description" content="Introdução Eu sou Daniel Bedoya Alzate, desenvolvedor de software Colombiano e moro atualmente no Brasil, trabalhando com .NET.
|
||||
Especialidades Automação de processos. Migração de sistemas legados. Windows Forms/WPF, ASP.NET/ASP.NET Core. Entity Framework/Entity Framework Core, Dapper. Hobbies Programação Astronomia Desenho e caricatura ">
|
||||
<meta itemprop="datePublished" content="2022-12-20T11:53:32-03:00">
|
||||
<meta itemprop="dateModified" content="2022-12-20T11:53:32-03:00">
|
||||
<meta itemprop="wordCount" content="41">
|
||||
<meta itemprop="keywords" content="Hello World"><meta property="og:url" content="https://developerbedoya.net/posts/ola-a-todos/">
|
||||
<meta property="og:site_name" content="Developer Bedoya">
|
||||
<meta property="og:title" content="Olá a Todos">
|
||||
<meta property="og:description" content="Introdução Eu sou Daniel Bedoya Alzate, desenvolvedor de software Colombiano e moro atualmente no Brasil, trabalhando com .NET.
|
||||
Especialidades Automação de processos. Migração de sistemas legados. Windows Forms/WPF, ASP.NET/ASP.NET Core. Entity Framework/Entity Framework Core, Dapper. Hobbies Programação Astronomia Desenho e caricatura ">
|
||||
<meta property="og:locale" content="pt_br">
|
||||
<meta property="og:type" content="article">
|
||||
<meta property="article:section" content="posts">
|
||||
<meta property="article:published_time" content="2022-12-20T11:53:32-03:00">
|
||||
<meta property="article:modified_time" content="2022-12-20T11:53:32-03:00">
|
||||
<meta property="article:tag" content="Hello World">
|
||||
|
||||
<meta name="twitter:card" content="summary">
|
||||
<meta name="twitter:title" content="Olá a Todos">
|
||||
<meta name="twitter:description" content="Introdução Eu sou Daniel Bedoya Alzate, desenvolvedor de software Colombiano e moro atualmente no Brasil, trabalhando com .NET.
|
||||
Especialidades Automação de processos. Migração de sistemas legados. Windows Forms/WPF, ASP.NET/ASP.NET Core. Entity Framework/Entity Framework Core, Dapper. Hobbies Programação Astronomia Desenho e caricatura ">
|
||||
|
||||
<link rel="canonical" href="https://developerbedoya.net/posts/ola-a-todos/" />
|
||||
</head>
|
||||
<body
|
||||
class="bg-(--bg) text-black antialiased duration-200 ease-out [-webkit-tap-highlight-color:transparent] dark:text-white"
|
||||
><header
|
||||
class="mx-auto flex h-[4.5rem] max-w-(--w) px-8 whitespace-nowrap lg:justify-center"
|
||||
>
|
||||
<div class="relative z-50 flex items-center ltr:mr-auto rtl:ml-auto">
|
||||
<a
|
||||
class="-translate-y-[1px] text-2xl font-medium"
|
||||
href="https://developerbedoya.net/"
|
||||
>Developer Bedoya</a
|
||||
>
|
||||
<div
|
||||
class="btn-dark text-[0px] ltr:ml-4 rtl:mr-4 h-6 w-6 shrink-0 cursor-pointer [background:url(./theme.svg)_left_center/cover_no-repeat] dark:invert dark:[background-position:right]"
|
||||
role="button"
|
||||
aria-label="Dark"
|
||||
></div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="btn-menu relative z-50 flex h-[4.5rem] w-[5rem] shrink-0 cursor-pointer flex-col items-center justify-center gap-2.5 lg:hidden ltr:-mr-8 rtl:-ml-8"
|
||||
role="button"
|
||||
aria-label="Menu"
|
||||
></div>
|
||||
|
||||
<script>
|
||||
|
||||
const htmlClass = document.documentElement.classList;
|
||||
setTimeout(() => {
|
||||
htmlClass.remove('not-ready');
|
||||
}, 10);
|
||||
|
||||
|
||||
const btnMenu = document.querySelector('.btn-menu');
|
||||
btnMenu.addEventListener('click', () => {
|
||||
htmlClass.toggle('open');
|
||||
});
|
||||
|
||||
|
||||
const metaTheme = document.querySelector('meta[name="theme-color"]');
|
||||
const lightBg = '#faf8f1'.replace(/"/g, '');
|
||||
const setDark = (isDark) => {
|
||||
metaTheme.setAttribute('content', isDark ? '#000' : lightBg);
|
||||
htmlClass[isDark ? 'add' : 'remove']('dark');
|
||||
localStorage.setItem('dark', isDark);
|
||||
};
|
||||
|
||||
|
||||
const darkScheme = window.matchMedia('(prefers-color-scheme: dark)');
|
||||
if (htmlClass.contains('dark')) {
|
||||
setDark(true);
|
||||
} else {
|
||||
const darkVal = localStorage.getItem('dark');
|
||||
setDark(darkVal ? darkVal === 'true' : darkScheme.matches);
|
||||
}
|
||||
|
||||
|
||||
darkScheme.addEventListener('change', (event) => {
|
||||
setDark(event.matches);
|
||||
});
|
||||
|
||||
|
||||
const btnDark = document.querySelector('.btn-dark');
|
||||
btnDark.addEventListener('click', () => {
|
||||
setDark(localStorage.getItem('dark') !== 'true');
|
||||
});
|
||||
</script>
|
||||
|
||||
<div
|
||||
class="nav-wrapper fixed inset-x-0 top-full z-40 flex h-full flex-col justify-center bg-(--bg) pb-16 duration-200 select-none lg:static lg:h-auto lg:flex-row lg:bg-transparent! lg:pb-0 lg:transition-none"
|
||||
><nav
|
||||
class="lg:ml-12 lg:flex lg:flex-row lg:items-center lg:space-x-10 rtl:space-x-reverse"
|
||||
><a
|
||||
class="block text-center text-xl leading-[5rem] lg:text-base lg:font-normal"
|
||||
href="/cv/"
|
||||
>Cvs</a
|
||||
><a
|
||||
class="block text-center text-xl leading-[5rem] lg:text-base lg:font-normal"
|
||||
href="/links/"
|
||||
>Links</a
|
||||
><a
|
||||
class="block text-center text-xl leading-[5rem] lg:text-base lg:font-normal"
|
||||
href="/posts/"
|
||||
>Posts</a
|
||||
><a
|
||||
class="block text-center text-xl leading-[5rem] lg:text-base lg:font-normal"
|
||||
href="/slides/"
|
||||
>Slides</a
|
||||
></nav><nav
|
||||
class="mt-12 flex justify-center space-x-10 lg:mt-0 lg:items-center ltr:lg:ml-14 rtl:space-x-reverse rtl:lg:mr-14 dark:invert"
|
||||
>
|
||||
<a
|
||||
class="h-7 w-7 text-[0px] [background:var(--url)_center_center/cover_no-repeat] lg:h-6 lg:w-6"
|
||||
style="--url: url(./twitter.svg)"
|
||||
href="https://twitter.com/developerbedoya"
|
||||
target="_blank"
|
||||
rel="me"
|
||||
>twitter</a>
|
||||
<a
|
||||
class="h-7 w-7 text-[0px] [background:var(--url)_center_center/cover_no-repeat] lg:h-6 lg:w-6"
|
||||
style="--url: url(./github.svg)"
|
||||
href="https://github.com/developerbedoya"
|
||||
target="_blank"
|
||||
rel="me"
|
||||
>github</a>
|
||||
<a
|
||||
class="h-7 w-7 text-[0px] [background:var(--url)_center_center/cover_no-repeat] lg:h-6 lg:w-6"
|
||||
style="--url: url(./instagram.svg)"
|
||||
href="https://instagram.com/developerbedoya"
|
||||
target="_blank"
|
||||
rel="me"
|
||||
>instagram</a>
|
||||
<a
|
||||
class="h-7 w-7 text-[0px] [background:var(--url)_center_center/cover_no-repeat] lg:h-6 lg:w-6"
|
||||
style="--url: url(./rss.svg)"
|
||||
href="https://developerbedoya.net/index.xml"
|
||||
target="_blank"
|
||||
rel="alternate"
|
||||
>rss</a>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
<main
|
||||
class="prose prose-neutral dark:prose-invert relative mx-auto min-h-[calc(100vh-9rem)] max-w-(--w) px-8 pt-14 pb-16"
|
||||
><article>
|
||||
<header class="mb-14">
|
||||
<h1 class="my-0! pb-2.5">Olá a Todos</h1><div class="text-xs antialiased opacity-60"><time>Dec 20, 2022</time></div></header>
|
||||
|
||||
<section><h2 id="introdução">Introdução</h2>
|
||||
<p>Eu sou Daniel Bedoya Alzate, desenvolvedor de software Colombiano e moro atualmente no Brasil, trabalhando com .NET.</p>
|
||||
<h2 id="especialidades">Especialidades</h2>
|
||||
<ul>
|
||||
<li>Automação de processos.</li>
|
||||
<li>Migração de sistemas legados.</li>
|
||||
<li>Windows Forms/WPF, ASP.NET/ASP.NET Core.</li>
|
||||
<li>Entity Framework/Entity Framework Core, Dapper.</li>
|
||||
</ul>
|
||||
<h2 id="hobbies">Hobbies</h2>
|
||||
<ul>
|
||||
<li>Programação</li>
|
||||
<li>Astronomia</li>
|
||||
<li>Desenho e caricatura</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<footer class="mt-12 flex flex-wrap"><a
|
||||
class="mb-1.5 rounded-lg bg-black/[3%] px-5 py-1 no-underline hover:bg-black/[6%] ltr:mr-1.5 rtl:ml-1.5 dark:bg-white/[8%] dark:hover:bg-white/[12%]"
|
||||
href="https://developerbedoya.net/tags/hello-world"
|
||||
>hello world</a
|
||||
></footer><nav
|
||||
class="mt-24 flex overflow-hidden rounded-xl bg-black/[3%] text-lg leading-[1.2]! *:flex *:w-1/2 *:items-center *:p-5 *:font-medium *:no-underline dark:bg-white/[8%] [&>*:hover]:bg-black/[2%] dark:[&>*:hover]:bg-white/[3%]"
|
||||
><a class="ltr:pr-3 rtl:pl-3" href="https://developerbedoya.net/posts/some-drawings/"
|
||||
><span class="ltr:mr-1.5 rtl:ml-1.5">←</span><span>Some Drawings</span></a
|
||||
></nav><div class="mt-24" id="disqus_thread"></div>
|
||||
<script>
|
||||
const disqusShortname = 'developerbedoya';
|
||||
const script = document.createElement('script');
|
||||
script.src = 'https://' + disqusShortname + '.disqus.com/embed.js';
|
||||
script.setAttribute('data-timestamp', +new Date());
|
||||
document.head.appendChild(script);
|
||||
</script></article></main><footer
|
||||
class="mx-auto flex h-[4.5rem] max-w-(--w) items-center px-8 text-xs tracking-wider uppercase opacity-60"
|
||||
>
|
||||
<div class="mr-auto">©2025
|
||||
<a class="link" href="https://developerbedoya.net/">Developer Bedoya</a></div>
|
||||
<a class="link mx-6" href="https://gohugo.io/" rel="noopener" target="_blank"
|
||||
>powered by hugo️️</a
|
||||
>️
|
||||
<a
|
||||
class="link"
|
||||
href="https://github.com/nanxiaobei/hugo-paper"
|
||||
rel="noopener"
|
||||
target="_blank"
|
||||
>hugo-paper</a
|
||||
>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,268 @@
|
||||
<!doctype html>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<html
|
||||
class="not-ready lg:text-base"
|
||||
style="--bg:#faf8f1"
|
||||
lang="pt-br"
|
||||
dir="ltr"
|
||||
><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"
|
||||
/>
|
||||
|
||||
|
||||
<title>Open your Windows Files with WSL using Windows Explorer - Developer Bedoya</title>
|
||||
|
||||
|
||||
<meta name="theme-color" />
|
||||
|
||||
<meta name="description" content="Hi! I just created a project from opening your Windows Files, from Windows Explorer, with a context menu action. The project is hosted at Github. Basically, you first need to install WSL and your preferred distro, compile the .NET 6.0 project from Windows and execute it the first time using the --register flag:
|
||||
OpenWithWSL.exe --register And you can now left-click in any file and open it with WSL:" />
|
||||
<meta name="author" content="Daniel Bedoya Alzate" /><link rel="preload stylesheet" as="style" href="https://developerbedoya.net/main.min.css" />
|
||||
|
||||
|
||||
<link rel="preload" as="image" href="https://developerbedoya.net/theme.svg" />
|
||||
|
||||
<link rel="preload" as="image" href="https://www.gravatar.com/avatar/a59eeed83af0fccd921266a8f3e30019?s=160&d=identicon" />
|
||||
|
||||
<link rel="preload" as="image" href="https://developerbedoya.net/twitter.svg" /><link rel="preload" as="image" href="https://developerbedoya.net/github.svg" /><link rel="preload" as="image" href="https://developerbedoya.net/instagram.svg" /><link rel="preload" as="image" href="https://developerbedoya.net/rss.svg" />
|
||||
|
||||
<script
|
||||
defer
|
||||
src="https://developerbedoya.net/highlight.min.js"
|
||||
onload="hljs.initHighlightingOnLoad();"
|
||||
></script>
|
||||
|
||||
|
||||
<link
|
||||
rel="icon"
|
||||
href="https://developerbedoya.net/favicon.ico"
|
||||
/>
|
||||
<link
|
||||
rel="apple-touch-icon"
|
||||
href="https://developerbedoya.net/apple-touch-icon.png"
|
||||
/>
|
||||
|
||||
<meta name="generator" content="Hugo 0.131.0">
|
||||
|
||||
|
||||
|
||||
<meta itemprop="name" content="Open your Windows Files with WSL using Windows Explorer">
|
||||
<meta itemprop="description" content="Hi! I just created a project from opening your Windows Files, from Windows Explorer, with a context menu action. The project is hosted at Github. Basically, you first need to install WSL and your preferred distro, compile the .NET 6.0 project from Windows and execute it the first time using the --register flag:
|
||||
OpenWithWSL.exe --register And you can now left-click in any file and open it with WSL:">
|
||||
<meta itemprop="datePublished" content="2023-11-05T11:00:00-03:00">
|
||||
<meta itemprop="dateModified" content="2023-11-05T11:00:00-03:00">
|
||||
<meta itemprop="wordCount" content="68">
|
||||
<meta itemprop="keywords" content="Wsl,Linux,Explorer,Net-6.0"><meta property="og:url" content="https://developerbedoya.net/posts/open-your-windows-files-from-linux-using-explorer/">
|
||||
<meta property="og:site_name" content="Developer Bedoya">
|
||||
<meta property="og:title" content="Open your Windows Files with WSL using Windows Explorer">
|
||||
<meta property="og:description" content="Hi! I just created a project from opening your Windows Files, from Windows Explorer, with a context menu action. The project is hosted at Github. Basically, you first need to install WSL and your preferred distro, compile the .NET 6.0 project from Windows and execute it the first time using the --register flag:
|
||||
OpenWithWSL.exe --register And you can now left-click in any file and open it with WSL:">
|
||||
<meta property="og:locale" content="pt_br">
|
||||
<meta property="og:type" content="article">
|
||||
<meta property="article:section" content="posts">
|
||||
<meta property="article:published_time" content="2023-11-05T11:00:00-03:00">
|
||||
<meta property="article:modified_time" content="2023-11-05T11:00:00-03:00">
|
||||
<meta property="article:tag" content="Wsl">
|
||||
<meta property="article:tag" content="Linux">
|
||||
<meta property="article:tag" content="Explorer">
|
||||
<meta property="article:tag" content="Net-6.0">
|
||||
|
||||
<meta name="twitter:card" content="summary">
|
||||
<meta name="twitter:title" content="Open your Windows Files with WSL using Windows Explorer">
|
||||
<meta name="twitter:description" content="Hi! I just created a project from opening your Windows Files, from Windows Explorer, with a context menu action. The project is hosted at Github. Basically, you first need to install WSL and your preferred distro, compile the .NET 6.0 project from Windows and execute it the first time using the --register flag:
|
||||
OpenWithWSL.exe --register And you can now left-click in any file and open it with WSL:">
|
||||
|
||||
<link rel="canonical" href="https://developerbedoya.net/posts/open-your-windows-files-from-linux-using-explorer/" />
|
||||
</head>
|
||||
<body
|
||||
class="bg-(--bg) text-black antialiased duration-200 ease-out [-webkit-tap-highlight-color:transparent] dark:text-white"
|
||||
><header
|
||||
class="mx-auto flex h-[4.5rem] max-w-(--w) px-8 whitespace-nowrap lg:justify-center"
|
||||
>
|
||||
<div class="relative z-50 flex items-center ltr:mr-auto rtl:ml-auto">
|
||||
<a
|
||||
class="-translate-y-[1px] text-2xl font-medium"
|
||||
href="https://developerbedoya.net/"
|
||||
>Developer Bedoya</a
|
||||
>
|
||||
<div
|
||||
class="btn-dark text-[0px] ltr:ml-4 rtl:mr-4 h-6 w-6 shrink-0 cursor-pointer [background:url(./theme.svg)_left_center/cover_no-repeat] dark:invert dark:[background-position:right]"
|
||||
role="button"
|
||||
aria-label="Dark"
|
||||
></div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="btn-menu relative z-50 flex h-[4.5rem] w-[5rem] shrink-0 cursor-pointer flex-col items-center justify-center gap-2.5 lg:hidden ltr:-mr-8 rtl:-ml-8"
|
||||
role="button"
|
||||
aria-label="Menu"
|
||||
></div>
|
||||
|
||||
<script>
|
||||
|
||||
const htmlClass = document.documentElement.classList;
|
||||
setTimeout(() => {
|
||||
htmlClass.remove('not-ready');
|
||||
}, 10);
|
||||
|
||||
|
||||
const btnMenu = document.querySelector('.btn-menu');
|
||||
btnMenu.addEventListener('click', () => {
|
||||
htmlClass.toggle('open');
|
||||
});
|
||||
|
||||
|
||||
const metaTheme = document.querySelector('meta[name="theme-color"]');
|
||||
const lightBg = '#faf8f1'.replace(/"/g, '');
|
||||
const setDark = (isDark) => {
|
||||
metaTheme.setAttribute('content', isDark ? '#000' : lightBg);
|
||||
htmlClass[isDark ? 'add' : 'remove']('dark');
|
||||
localStorage.setItem('dark', isDark);
|
||||
};
|
||||
|
||||
|
||||
const darkScheme = window.matchMedia('(prefers-color-scheme: dark)');
|
||||
if (htmlClass.contains('dark')) {
|
||||
setDark(true);
|
||||
} else {
|
||||
const darkVal = localStorage.getItem('dark');
|
||||
setDark(darkVal ? darkVal === 'true' : darkScheme.matches);
|
||||
}
|
||||
|
||||
|
||||
darkScheme.addEventListener('change', (event) => {
|
||||
setDark(event.matches);
|
||||
});
|
||||
|
||||
|
||||
const btnDark = document.querySelector('.btn-dark');
|
||||
btnDark.addEventListener('click', () => {
|
||||
setDark(localStorage.getItem('dark') !== 'true');
|
||||
});
|
||||
</script>
|
||||
|
||||
<div
|
||||
class="nav-wrapper fixed inset-x-0 top-full z-40 flex h-full flex-col justify-center bg-(--bg) pb-16 duration-200 select-none lg:static lg:h-auto lg:flex-row lg:bg-transparent! lg:pb-0 lg:transition-none"
|
||||
><nav
|
||||
class="lg:ml-12 lg:flex lg:flex-row lg:items-center lg:space-x-10 rtl:space-x-reverse"
|
||||
><a
|
||||
class="block text-center text-xl leading-[5rem] lg:text-base lg:font-normal"
|
||||
href="/cv/"
|
||||
>Cvs</a
|
||||
><a
|
||||
class="block text-center text-xl leading-[5rem] lg:text-base lg:font-normal"
|
||||
href="/links/"
|
||||
>Links</a
|
||||
><a
|
||||
class="block text-center text-xl leading-[5rem] lg:text-base lg:font-normal"
|
||||
href="/posts/"
|
||||
>Posts</a
|
||||
><a
|
||||
class="block text-center text-xl leading-[5rem] lg:text-base lg:font-normal"
|
||||
href="/slides/"
|
||||
>Slides</a
|
||||
></nav><nav
|
||||
class="mt-12 flex justify-center space-x-10 lg:mt-0 lg:items-center ltr:lg:ml-14 rtl:space-x-reverse rtl:lg:mr-14 dark:invert"
|
||||
>
|
||||
<a
|
||||
class="h-7 w-7 text-[0px] [background:var(--url)_center_center/cover_no-repeat] lg:h-6 lg:w-6"
|
||||
style="--url: url(./twitter.svg)"
|
||||
href="https://twitter.com/developerbedoya"
|
||||
target="_blank"
|
||||
rel="me"
|
||||
>twitter</a>
|
||||
<a
|
||||
class="h-7 w-7 text-[0px] [background:var(--url)_center_center/cover_no-repeat] lg:h-6 lg:w-6"
|
||||
style="--url: url(./github.svg)"
|
||||
href="https://github.com/developerbedoya"
|
||||
target="_blank"
|
||||
rel="me"
|
||||
>github</a>
|
||||
<a
|
||||
class="h-7 w-7 text-[0px] [background:var(--url)_center_center/cover_no-repeat] lg:h-6 lg:w-6"
|
||||
style="--url: url(./instagram.svg)"
|
||||
href="https://instagram.com/developerbedoya"
|
||||
target="_blank"
|
||||
rel="me"
|
||||
>instagram</a>
|
||||
<a
|
||||
class="h-7 w-7 text-[0px] [background:var(--url)_center_center/cover_no-repeat] lg:h-6 lg:w-6"
|
||||
style="--url: url(./rss.svg)"
|
||||
href="https://developerbedoya.net/index.xml"
|
||||
target="_blank"
|
||||
rel="alternate"
|
||||
>rss</a>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
<main
|
||||
class="prose prose-neutral dark:prose-invert relative mx-auto min-h-[calc(100vh-9rem)] max-w-(--w) px-8 pt-14 pb-16"
|
||||
><article>
|
||||
<header class="mb-14">
|
||||
<h1 class="my-0! pb-2.5">Open your Windows Files with WSL using Windows Explorer</h1><div class="text-xs antialiased opacity-60"><time>Nov 5, 2023</time></div></header>
|
||||
|
||||
<section><p>Hi! I just created a project from opening your Windows Files, from Windows Explorer, with a context menu action. The project is hosted at <a href="https://github.com/developerbedoya/OpenWithWSL">Github</a>. Basically, you first need to install WSL and your preferred distro, compile the .NET 6.0 project from Windows and execute it the first time using the <code>--register</code> flag:</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-cmd" data-lang="cmd"><span style="display:flex;"><span>OpenWithWSL.exe --register
|
||||
</span></span></code></pre></div><p>And you can now left-click in any file and open it with WSL:</p>
|
||||
<p><img src="/images/open-with-wsl-context-menu.png" alt="Open with WSL Context Menu"></p>
|
||||
</section>
|
||||
|
||||
<footer class="mt-12 flex flex-wrap"><a
|
||||
class="mb-1.5 rounded-lg bg-black/[3%] px-5 py-1 no-underline hover:bg-black/[6%] ltr:mr-1.5 rtl:ml-1.5 dark:bg-white/[8%] dark:hover:bg-white/[12%]"
|
||||
href="https://developerbedoya.net/tags/wsl"
|
||||
>wsl</a
|
||||
><a
|
||||
class="mb-1.5 rounded-lg bg-black/[3%] px-5 py-1 no-underline hover:bg-black/[6%] ltr:mr-1.5 rtl:ml-1.5 dark:bg-white/[8%] dark:hover:bg-white/[12%]"
|
||||
href="https://developerbedoya.net/tags/linux"
|
||||
>linux</a
|
||||
><a
|
||||
class="mb-1.5 rounded-lg bg-black/[3%] px-5 py-1 no-underline hover:bg-black/[6%] ltr:mr-1.5 rtl:ml-1.5 dark:bg-white/[8%] dark:hover:bg-white/[12%]"
|
||||
href="https://developerbedoya.net/tags/explorer"
|
||||
>explorer</a
|
||||
><a
|
||||
class="mb-1.5 rounded-lg bg-black/[3%] px-5 py-1 no-underline hover:bg-black/[6%] ltr:mr-1.5 rtl:ml-1.5 dark:bg-white/[8%] dark:hover:bg-white/[12%]"
|
||||
href="https://developerbedoya.net/tags/net-6.0"
|
||||
>net-6.0</a
|
||||
></footer><nav
|
||||
class="mt-24 flex overflow-hidden rounded-xl bg-black/[3%] text-lg leading-[1.2]! *:flex *:w-1/2 *:items-center *:p-5 *:font-medium *:no-underline dark:bg-white/[8%] [&>*:hover]:bg-black/[2%] dark:[&>*:hover]:bg-white/[3%]"
|
||||
><a class="ltr:pr-3 rtl:pl-3" href="https://developerbedoya.net/posts/more-on-marp/"
|
||||
><span class="ltr:mr-1.5 rtl:ml-1.5">←</span><span>More on Marp</span></a
|
||||
><a
|
||||
class="justify-end pl-3 ltr:ml-auto rtl:mr-auto"
|
||||
href="https://developerbedoya.net/posts/win98-qemu-postmarketos/"
|
||||
><span>Installing Windows 98 using Qemu in postmarketOS</span><span class="ltr:ml-1.5 rtl:mr-1.5">→</span></a
|
||||
></nav><div class="mt-24" id="disqus_thread"></div>
|
||||
<script>
|
||||
const disqusShortname = 'developerbedoya';
|
||||
const script = document.createElement('script');
|
||||
script.src = 'https://' + disqusShortname + '.disqus.com/embed.js';
|
||||
script.setAttribute('data-timestamp', +new Date());
|
||||
document.head.appendChild(script);
|
||||
</script></article></main><footer
|
||||
class="mx-auto flex h-[4.5rem] max-w-(--w) items-center px-8 text-xs tracking-wider uppercase opacity-60"
|
||||
>
|
||||
<div class="mr-auto">©2025
|
||||
<a class="link" href="https://developerbedoya.net/">Developer Bedoya</a></div>
|
||||
<a class="link mx-6" href="https://gohugo.io/" rel="noopener" target="_blank"
|
||||
>powered by hugo️️</a
|
||||
>️
|
||||
<a
|
||||
class="link"
|
||||
href="https://github.com/nanxiaobei/hugo-paper"
|
||||
rel="noopener"
|
||||
target="_blank"
|
||||
>hugo-paper</a
|
||||
>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
10
public/posts/page/1/index.html
Normal file
10
public/posts/page/1/index.html
Normal file
@@ -0,0 +1,10 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="pt-br">
|
||||
<head>
|
||||
<title>https://developerbedoya.net/posts/</title>
|
||||
<link rel="canonical" href="https://developerbedoya.net/posts/">
|
||||
<meta name="robots" content="noindex">
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="refresh" content="0; url=https://developerbedoya.net/posts/">
|
||||
</head>
|
||||
</html>
|
||||
236
public/posts/page/2/index.html
Normal file
236
public/posts/page/2/index.html
Normal file
@@ -0,0 +1,236 @@
|
||||
<!doctype html>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<html
|
||||
class="not-ready lg:text-base"
|
||||
style="--bg:#faf8f1"
|
||||
lang="pt-br"
|
||||
dir="ltr"
|
||||
><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"
|
||||
/>
|
||||
|
||||
|
||||
<title>Posts - Developer Bedoya</title>
|
||||
|
||||
|
||||
<meta name="theme-color" />
|
||||
|
||||
|
||||
<meta
|
||||
name="description"
|
||||
content="A personal blog"
|
||||
/>
|
||||
<meta name="author" content="Daniel Bedoya Alzate" /><link rel="preload stylesheet" as="style" href="https://developerbedoya.net/main.min.css" />
|
||||
|
||||
|
||||
<link rel="preload" as="image" href="https://developerbedoya.net/theme.svg" />
|
||||
|
||||
<link rel="preload" as="image" href="https://www.gravatar.com/avatar/a59eeed83af0fccd921266a8f3e30019?s=160&d=identicon" />
|
||||
|
||||
<link rel="preload" as="image" href="https://developerbedoya.net/twitter.svg" /><link rel="preload" as="image" href="https://developerbedoya.net/github.svg" /><link rel="preload" as="image" href="https://developerbedoya.net/instagram.svg" /><link rel="preload" as="image" href="https://developerbedoya.net/rss.svg" />
|
||||
|
||||
|
||||
|
||||
|
||||
<link
|
||||
rel="icon"
|
||||
href="https://developerbedoya.net/favicon.ico"
|
||||
/>
|
||||
<link
|
||||
rel="apple-touch-icon"
|
||||
href="https://developerbedoya.net/apple-touch-icon.png"
|
||||
/>
|
||||
|
||||
<meta name="generator" content="Hugo 0.131.0">
|
||||
|
||||
|
||||
|
||||
<meta itemprop="name" content="Posts">
|
||||
<meta itemprop="datePublished" content="2025-03-14T04:07:18-03:00">
|
||||
<meta itemprop="dateModified" content="2025-03-14T04:07:18-03:00"><meta property="og:url" content="https://developerbedoya.net/posts/">
|
||||
<meta property="og:site_name" content="Developer Bedoya">
|
||||
<meta property="og:title" content="Posts">
|
||||
<meta property="og:locale" content="pt_br">
|
||||
<meta property="og:type" content="website">
|
||||
|
||||
<meta name="twitter:card" content="summary">
|
||||
<meta name="twitter:title" content="Posts">
|
||||
<link
|
||||
rel="alternate"
|
||||
type="application/rss+xml"
|
||||
href="https://developerbedoya.net/posts/index.xml"
|
||||
title="Developer Bedoya"
|
||||
/>
|
||||
<link rel="canonical" href="https://developerbedoya.net/posts/" />
|
||||
</head>
|
||||
<body
|
||||
class="bg-(--bg) text-black antialiased duration-200 ease-out [-webkit-tap-highlight-color:transparent] dark:text-white"
|
||||
><header
|
||||
class="mx-auto flex h-[4.5rem] max-w-(--w) px-8 whitespace-nowrap lg:justify-center"
|
||||
>
|
||||
<div class="relative z-50 flex items-center ltr:mr-auto rtl:ml-auto">
|
||||
<a
|
||||
class="-translate-y-[1px] text-2xl font-medium"
|
||||
href="https://developerbedoya.net/"
|
||||
>Developer Bedoya</a
|
||||
>
|
||||
<div
|
||||
class="btn-dark text-[0px] ltr:ml-4 rtl:mr-4 h-6 w-6 shrink-0 cursor-pointer [background:url(./theme.svg)_left_center/cover_no-repeat] dark:invert dark:[background-position:right]"
|
||||
role="button"
|
||||
aria-label="Dark"
|
||||
></div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="btn-menu relative z-50 flex h-[4.5rem] w-[5rem] shrink-0 cursor-pointer flex-col items-center justify-center gap-2.5 lg:hidden ltr:-mr-8 rtl:-ml-8"
|
||||
role="button"
|
||||
aria-label="Menu"
|
||||
></div>
|
||||
|
||||
<script>
|
||||
|
||||
const htmlClass = document.documentElement.classList;
|
||||
setTimeout(() => {
|
||||
htmlClass.remove('not-ready');
|
||||
}, 10);
|
||||
|
||||
|
||||
const btnMenu = document.querySelector('.btn-menu');
|
||||
btnMenu.addEventListener('click', () => {
|
||||
htmlClass.toggle('open');
|
||||
});
|
||||
|
||||
|
||||
const metaTheme = document.querySelector('meta[name="theme-color"]');
|
||||
const lightBg = '#faf8f1'.replace(/"/g, '');
|
||||
const setDark = (isDark) => {
|
||||
metaTheme.setAttribute('content', isDark ? '#000' : lightBg);
|
||||
htmlClass[isDark ? 'add' : 'remove']('dark');
|
||||
localStorage.setItem('dark', isDark);
|
||||
};
|
||||
|
||||
|
||||
const darkScheme = window.matchMedia('(prefers-color-scheme: dark)');
|
||||
if (htmlClass.contains('dark')) {
|
||||
setDark(true);
|
||||
} else {
|
||||
const darkVal = localStorage.getItem('dark');
|
||||
setDark(darkVal ? darkVal === 'true' : darkScheme.matches);
|
||||
}
|
||||
|
||||
|
||||
darkScheme.addEventListener('change', (event) => {
|
||||
setDark(event.matches);
|
||||
});
|
||||
|
||||
|
||||
const btnDark = document.querySelector('.btn-dark');
|
||||
btnDark.addEventListener('click', () => {
|
||||
setDark(localStorage.getItem('dark') !== 'true');
|
||||
});
|
||||
</script>
|
||||
|
||||
<div
|
||||
class="nav-wrapper fixed inset-x-0 top-full z-40 flex h-full flex-col justify-center bg-(--bg) pb-16 duration-200 select-none lg:static lg:h-auto lg:flex-row lg:bg-transparent! lg:pb-0 lg:transition-none"
|
||||
><nav
|
||||
class="lg:ml-12 lg:flex lg:flex-row lg:items-center lg:space-x-10 rtl:space-x-reverse"
|
||||
><a
|
||||
class="block text-center text-xl leading-[5rem] lg:text-base lg:font-normal"
|
||||
href="/cv/"
|
||||
>Cvs</a
|
||||
><a
|
||||
class="block text-center text-xl leading-[5rem] lg:text-base lg:font-normal"
|
||||
href="/links/"
|
||||
>Links</a
|
||||
><a
|
||||
class="block text-center text-xl leading-[5rem] lg:text-base lg:font-normal"
|
||||
href="/posts/"
|
||||
>Posts</a
|
||||
><a
|
||||
class="block text-center text-xl leading-[5rem] lg:text-base lg:font-normal"
|
||||
href="/slides/"
|
||||
>Slides</a
|
||||
></nav><nav
|
||||
class="mt-12 flex justify-center space-x-10 lg:mt-0 lg:items-center ltr:lg:ml-14 rtl:space-x-reverse rtl:lg:mr-14 dark:invert"
|
||||
>
|
||||
<a
|
||||
class="h-7 w-7 text-[0px] [background:var(--url)_center_center/cover_no-repeat] lg:h-6 lg:w-6"
|
||||
style="--url: url(./twitter.svg)"
|
||||
href="https://twitter.com/developerbedoya"
|
||||
target="_blank"
|
||||
rel="me"
|
||||
>twitter</a>
|
||||
<a
|
||||
class="h-7 w-7 text-[0px] [background:var(--url)_center_center/cover_no-repeat] lg:h-6 lg:w-6"
|
||||
style="--url: url(./github.svg)"
|
||||
href="https://github.com/developerbedoya"
|
||||
target="_blank"
|
||||
rel="me"
|
||||
>github</a>
|
||||
<a
|
||||
class="h-7 w-7 text-[0px] [background:var(--url)_center_center/cover_no-repeat] lg:h-6 lg:w-6"
|
||||
style="--url: url(./instagram.svg)"
|
||||
href="https://instagram.com/developerbedoya"
|
||||
target="_blank"
|
||||
rel="me"
|
||||
>instagram</a>
|
||||
<a
|
||||
class="h-7 w-7 text-[0px] [background:var(--url)_center_center/cover_no-repeat] lg:h-6 lg:w-6"
|
||||
style="--url: url(./rss.svg)"
|
||||
href="https://developerbedoya.net/index.xml"
|
||||
target="_blank"
|
||||
rel="alternate"
|
||||
>rss</a>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
<main
|
||||
class="prose prose-neutral dark:prose-invert relative mx-auto min-h-[calc(100vh-9rem)] max-w-(--w) px-8 pt-14 pb-16"
|
||||
>
|
||||
|
||||
<section class="relative my-10 first-of-type:mt-0 last-of-type:mb-0"><h2 class="my-0!">Some Drawings</h2>
|
||||
<time class="text-xs antialiased opacity-60"
|
||||
>Dec 23, 2022</time
|
||||
>
|
||||
<a class="absolute inset-0 text-[0px]" href="https://developerbedoya.net/posts/some-drawings/"
|
||||
>Some Drawings</a
|
||||
>
|
||||
</section>
|
||||
|
||||
<section class="relative my-10 first-of-type:mt-0 last-of-type:mb-0"><h2 class="my-0!">Olá a Todos</h2>
|
||||
<time class="text-xs antialiased opacity-60"
|
||||
>Dec 20, 2022</time
|
||||
>
|
||||
<a class="absolute inset-0 text-[0px]" href="https://developerbedoya.net/posts/ola-a-todos/"
|
||||
>Olá a Todos</a
|
||||
>
|
||||
</section><nav class="mt-14 flex"><a class="btn not-prose" href="/posts/"
|
||||
>←Prev Page</a
|
||||
></nav></main><footer
|
||||
class="mx-auto flex h-[4.5rem] max-w-(--w) items-center px-8 text-xs tracking-wider uppercase opacity-60"
|
||||
>
|
||||
<div class="mr-auto">©2025
|
||||
<a class="link" href="https://developerbedoya.net/">Developer Bedoya</a></div>
|
||||
<a class="link mx-6" href="https://gohugo.io/" rel="noopener" target="_blank"
|
||||
>powered by hugo️️</a
|
||||
>️
|
||||
<a
|
||||
class="link"
|
||||
href="https://github.com/nanxiaobei/hugo-paper"
|
||||
rel="noopener"
|
||||
target="_blank"
|
||||
>hugo-paper</a
|
||||
>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
274
public/posts/some-drawings/index.html
Normal file
274
public/posts/some-drawings/index.html
Normal file
@@ -0,0 +1,274 @@
|
||||
<!doctype html>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<html
|
||||
class="not-ready lg:text-base"
|
||||
style="--bg:#faf8f1"
|
||||
lang="pt-br"
|
||||
dir="ltr"
|
||||
><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"
|
||||
/>
|
||||
|
||||
|
||||
<title>Some Drawings - Developer Bedoya</title>
|
||||
|
||||
|
||||
<meta name="theme-color" />
|
||||
|
||||
<meta name="description" content="I started to draw some ten or twelve years ago…
|
||||
Actually, I started drawing when I was a teenager. There is a drawing I made from one of my first crushes:
|
||||
Wneh I started college for the first time (when I was living in Colombia yet) I made some drawings and doodlings in my free time:
|
||||
Sometimes, I tried to draw imaginary women, reflecting some lack of relationships at the time:" />
|
||||
<meta name="author" content="Daniel Bedoya Alzate" /><link rel="preload stylesheet" as="style" href="https://developerbedoya.net/main.min.css" />
|
||||
|
||||
|
||||
<link rel="preload" as="image" href="https://developerbedoya.net/theme.svg" />
|
||||
|
||||
<link rel="preload" as="image" href="https://www.gravatar.com/avatar/a59eeed83af0fccd921266a8f3e30019?s=160&d=identicon" />
|
||||
|
||||
<link rel="preload" as="image" href="https://developerbedoya.net/twitter.svg" /><link rel="preload" as="image" href="https://developerbedoya.net/github.svg" /><link rel="preload" as="image" href="https://developerbedoya.net/instagram.svg" /><link rel="preload" as="image" href="https://developerbedoya.net/rss.svg" />
|
||||
|
||||
<script
|
||||
defer
|
||||
src="https://developerbedoya.net/highlight.min.js"
|
||||
onload="hljs.initHighlightingOnLoad();"
|
||||
></script>
|
||||
|
||||
|
||||
<link
|
||||
rel="icon"
|
||||
href="https://developerbedoya.net/favicon.ico"
|
||||
/>
|
||||
<link
|
||||
rel="apple-touch-icon"
|
||||
href="https://developerbedoya.net/apple-touch-icon.png"
|
||||
/>
|
||||
|
||||
<meta name="generator" content="Hugo 0.131.0">
|
||||
|
||||
|
||||
|
||||
<meta itemprop="name" content="Some Drawings">
|
||||
<meta itemprop="description" content="I started to draw some ten or twelve years ago…
|
||||
Actually, I started drawing when I was a teenager. There is a drawing I made from one of my first crushes:
|
||||
Wneh I started college for the first time (when I was living in Colombia yet) I made some drawings and doodlings in my free time:
|
||||
Sometimes, I tried to draw imaginary women, reflecting some lack of relationships at the time:">
|
||||
<meta itemprop="datePublished" content="2022-12-23T22:10:33-03:00">
|
||||
<meta itemprop="dateModified" content="2022-12-23T22:10:33-03:00">
|
||||
<meta itemprop="wordCount" content="157">
|
||||
<meta itemprop="keywords" content="Drawing"><meta property="og:url" content="https://developerbedoya.net/posts/some-drawings/">
|
||||
<meta property="og:site_name" content="Developer Bedoya">
|
||||
<meta property="og:title" content="Some Drawings">
|
||||
<meta property="og:description" content="I started to draw some ten or twelve years ago…
|
||||
Actually, I started drawing when I was a teenager. There is a drawing I made from one of my first crushes:
|
||||
Wneh I started college for the first time (when I was living in Colombia yet) I made some drawings and doodlings in my free time:
|
||||
Sometimes, I tried to draw imaginary women, reflecting some lack of relationships at the time:">
|
||||
<meta property="og:locale" content="pt_br">
|
||||
<meta property="og:type" content="article">
|
||||
<meta property="article:section" content="posts">
|
||||
<meta property="article:published_time" content="2022-12-23T22:10:33-03:00">
|
||||
<meta property="article:modified_time" content="2022-12-23T22:10:33-03:00">
|
||||
<meta property="article:tag" content="Drawing">
|
||||
|
||||
<meta name="twitter:card" content="summary">
|
||||
<meta name="twitter:title" content="Some Drawings">
|
||||
<meta name="twitter:description" content="I started to draw some ten or twelve years ago…
|
||||
Actually, I started drawing when I was a teenager. There is a drawing I made from one of my first crushes:
|
||||
Wneh I started college for the first time (when I was living in Colombia yet) I made some drawings and doodlings in my free time:
|
||||
Sometimes, I tried to draw imaginary women, reflecting some lack of relationships at the time:">
|
||||
|
||||
<link rel="canonical" href="https://developerbedoya.net/posts/some-drawings/" />
|
||||
</head>
|
||||
<body
|
||||
class="bg-(--bg) text-black antialiased duration-200 ease-out [-webkit-tap-highlight-color:transparent] dark:text-white"
|
||||
><header
|
||||
class="mx-auto flex h-[4.5rem] max-w-(--w) px-8 whitespace-nowrap lg:justify-center"
|
||||
>
|
||||
<div class="relative z-50 flex items-center ltr:mr-auto rtl:ml-auto">
|
||||
<a
|
||||
class="-translate-y-[1px] text-2xl font-medium"
|
||||
href="https://developerbedoya.net/"
|
||||
>Developer Bedoya</a
|
||||
>
|
||||
<div
|
||||
class="btn-dark text-[0px] ltr:ml-4 rtl:mr-4 h-6 w-6 shrink-0 cursor-pointer [background:url(./theme.svg)_left_center/cover_no-repeat] dark:invert dark:[background-position:right]"
|
||||
role="button"
|
||||
aria-label="Dark"
|
||||
></div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="btn-menu relative z-50 flex h-[4.5rem] w-[5rem] shrink-0 cursor-pointer flex-col items-center justify-center gap-2.5 lg:hidden ltr:-mr-8 rtl:-ml-8"
|
||||
role="button"
|
||||
aria-label="Menu"
|
||||
></div>
|
||||
|
||||
<script>
|
||||
|
||||
const htmlClass = document.documentElement.classList;
|
||||
setTimeout(() => {
|
||||
htmlClass.remove('not-ready');
|
||||
}, 10);
|
||||
|
||||
|
||||
const btnMenu = document.querySelector('.btn-menu');
|
||||
btnMenu.addEventListener('click', () => {
|
||||
htmlClass.toggle('open');
|
||||
});
|
||||
|
||||
|
||||
const metaTheme = document.querySelector('meta[name="theme-color"]');
|
||||
const lightBg = '#faf8f1'.replace(/"/g, '');
|
||||
const setDark = (isDark) => {
|
||||
metaTheme.setAttribute('content', isDark ? '#000' : lightBg);
|
||||
htmlClass[isDark ? 'add' : 'remove']('dark');
|
||||
localStorage.setItem('dark', isDark);
|
||||
};
|
||||
|
||||
|
||||
const darkScheme = window.matchMedia('(prefers-color-scheme: dark)');
|
||||
if (htmlClass.contains('dark')) {
|
||||
setDark(true);
|
||||
} else {
|
||||
const darkVal = localStorage.getItem('dark');
|
||||
setDark(darkVal ? darkVal === 'true' : darkScheme.matches);
|
||||
}
|
||||
|
||||
|
||||
darkScheme.addEventListener('change', (event) => {
|
||||
setDark(event.matches);
|
||||
});
|
||||
|
||||
|
||||
const btnDark = document.querySelector('.btn-dark');
|
||||
btnDark.addEventListener('click', () => {
|
||||
setDark(localStorage.getItem('dark') !== 'true');
|
||||
});
|
||||
</script>
|
||||
|
||||
<div
|
||||
class="nav-wrapper fixed inset-x-0 top-full z-40 flex h-full flex-col justify-center bg-(--bg) pb-16 duration-200 select-none lg:static lg:h-auto lg:flex-row lg:bg-transparent! lg:pb-0 lg:transition-none"
|
||||
><nav
|
||||
class="lg:ml-12 lg:flex lg:flex-row lg:items-center lg:space-x-10 rtl:space-x-reverse"
|
||||
><a
|
||||
class="block text-center text-xl leading-[5rem] lg:text-base lg:font-normal"
|
||||
href="/cv/"
|
||||
>Cvs</a
|
||||
><a
|
||||
class="block text-center text-xl leading-[5rem] lg:text-base lg:font-normal"
|
||||
href="/links/"
|
||||
>Links</a
|
||||
><a
|
||||
class="block text-center text-xl leading-[5rem] lg:text-base lg:font-normal"
|
||||
href="/posts/"
|
||||
>Posts</a
|
||||
><a
|
||||
class="block text-center text-xl leading-[5rem] lg:text-base lg:font-normal"
|
||||
href="/slides/"
|
||||
>Slides</a
|
||||
></nav><nav
|
||||
class="mt-12 flex justify-center space-x-10 lg:mt-0 lg:items-center ltr:lg:ml-14 rtl:space-x-reverse rtl:lg:mr-14 dark:invert"
|
||||
>
|
||||
<a
|
||||
class="h-7 w-7 text-[0px] [background:var(--url)_center_center/cover_no-repeat] lg:h-6 lg:w-6"
|
||||
style="--url: url(./twitter.svg)"
|
||||
href="https://twitter.com/developerbedoya"
|
||||
target="_blank"
|
||||
rel="me"
|
||||
>twitter</a>
|
||||
<a
|
||||
class="h-7 w-7 text-[0px] [background:var(--url)_center_center/cover_no-repeat] lg:h-6 lg:w-6"
|
||||
style="--url: url(./github.svg)"
|
||||
href="https://github.com/developerbedoya"
|
||||
target="_blank"
|
||||
rel="me"
|
||||
>github</a>
|
||||
<a
|
||||
class="h-7 w-7 text-[0px] [background:var(--url)_center_center/cover_no-repeat] lg:h-6 lg:w-6"
|
||||
style="--url: url(./instagram.svg)"
|
||||
href="https://instagram.com/developerbedoya"
|
||||
target="_blank"
|
||||
rel="me"
|
||||
>instagram</a>
|
||||
<a
|
||||
class="h-7 w-7 text-[0px] [background:var(--url)_center_center/cover_no-repeat] lg:h-6 lg:w-6"
|
||||
style="--url: url(./rss.svg)"
|
||||
href="https://developerbedoya.net/index.xml"
|
||||
target="_blank"
|
||||
rel="alternate"
|
||||
>rss</a>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
<main
|
||||
class="prose prose-neutral dark:prose-invert relative mx-auto min-h-[calc(100vh-9rem)] max-w-(--w) px-8 pt-14 pb-16"
|
||||
><article>
|
||||
<header class="mb-14">
|
||||
<h1 class="my-0! pb-2.5">Some Drawings</h1><div class="text-xs antialiased opacity-60"><time>Dec 23, 2022</time></div></header>
|
||||
|
||||
<section><p>I started to draw some ten or twelve years ago…</p>
|
||||
<p>Actually, I started drawing when I was a teenager. There is a drawing I made from one of my first crushes:</p>
|
||||
<p><img src="/images/Escanear0019.jpg" alt="Drawing of one of my first crushes"></p>
|
||||
<p>Wneh I started college for the first time (when I was living in Colombia yet) I made some drawings and doodlings in my free time:</p>
|
||||
<p><img src="/images/Escanear0023.jpg" alt="Some doodlings from college"></p>
|
||||
<p>Sometimes, I tried to draw imaginary women, reflecting some lack of relationships at the time:</p>
|
||||
<p><img src="/images/Escanear0022.jpg" alt="Drawing an idealistic woman"></p>
|
||||
<p>I have to admit that I wasn’t drawing very well, but it was entertaining for me. Some time after, I decided to draw with more detail:</p>
|
||||
<p><img src="/images/Escanear0053.jpg" alt="Drawing of a friend from college"></p>
|
||||
<p>That cycle of drawing ended with the portrait of my grandfather:</p>
|
||||
<p><img src="/images/Escanear0061.jpg" alt="Drawing of my grandfather"></p>
|
||||
<p>Then I forgot that hobby for some years…
|
||||
and I’m making a comeback!</p>
|
||||
<p><img src="/images/bird01.png" alt="A bird I googled and then draw"></p>
|
||||
<p>And I’m currently trying some cartooning:</p>
|
||||
<p><img src="/images/Naty03.png" alt="My wife"></p>
|
||||
<p>Some time ago I was feeling bored, without hobbies, but now I’m making a comeback and feeling more energic, making more hobbies that I will show later on this site.</p>
|
||||
</section>
|
||||
|
||||
<footer class="mt-12 flex flex-wrap"><a
|
||||
class="mb-1.5 rounded-lg bg-black/[3%] px-5 py-1 no-underline hover:bg-black/[6%] ltr:mr-1.5 rtl:ml-1.5 dark:bg-white/[8%] dark:hover:bg-white/[12%]"
|
||||
href="https://developerbedoya.net/tags/drawing"
|
||||
>drawing</a
|
||||
></footer><nav
|
||||
class="mt-24 flex overflow-hidden rounded-xl bg-black/[3%] text-lg leading-[1.2]! *:flex *:w-1/2 *:items-center *:p-5 *:font-medium *:no-underline dark:bg-white/[8%] [&>*:hover]:bg-black/[2%] dark:[&>*:hover]:bg-white/[3%]"
|
||||
><a class="ltr:pr-3 rtl:pl-3" href="https://developerbedoya.net/posts/markdown-is-life/"
|
||||
><span class="ltr:mr-1.5 rtl:ml-1.5">←</span><span>Markdown Is Life</span></a
|
||||
><a
|
||||
class="justify-end pl-3 ltr:ml-auto rtl:mr-auto"
|
||||
href="https://developerbedoya.net/posts/ola-a-todos/"
|
||||
><span>Olá a Todos</span><span class="ltr:ml-1.5 rtl:mr-1.5">→</span></a
|
||||
></nav><div class="mt-24" id="disqus_thread"></div>
|
||||
<script>
|
||||
const disqusShortname = 'developerbedoya';
|
||||
const script = document.createElement('script');
|
||||
script.src = 'https://' + disqusShortname + '.disqus.com/embed.js';
|
||||
script.setAttribute('data-timestamp', +new Date());
|
||||
document.head.appendChild(script);
|
||||
</script></article></main><footer
|
||||
class="mx-auto flex h-[4.5rem] max-w-(--w) items-center px-8 text-xs tracking-wider uppercase opacity-60"
|
||||
>
|
||||
<div class="mr-auto">©2025
|
||||
<a class="link" href="https://developerbedoya.net/">Developer Bedoya</a></div>
|
||||
<a class="link mx-6" href="https://gohugo.io/" rel="noopener" target="_blank"
|
||||
>powered by hugo️️</a
|
||||
>️
|
||||
<a
|
||||
class="link"
|
||||
href="https://github.com/nanxiaobei/hugo-paper"
|
||||
rel="noopener"
|
||||
target="_blank"
|
||||
>hugo-paper</a
|
||||
>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
279
public/posts/win98-qemu-postmarketos/index.html
Normal file
279
public/posts/win98-qemu-postmarketos/index.html
Normal file
@@ -0,0 +1,279 @@
|
||||
<!doctype html>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<html
|
||||
class="not-ready lg:text-base"
|
||||
style="--bg:#faf8f1"
|
||||
lang="pt-br"
|
||||
dir="ltr"
|
||||
><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"
|
||||
/>
|
||||
|
||||
|
||||
<title>Installing Windows 98 using Qemu in postmarketOS - Developer Bedoya</title>
|
||||
|
||||
|
||||
<meta name="theme-color" />
|
||||
|
||||
<meta name="description" content="So, in the previous article I installed postmarketOS on my Samsung Galaxy Tab 2 (7 inches), and I wanted to create a website on it. But I was encouraged to create my personal website on Azure, so in the end I didn’t install a web server on the tablet.
|
||||
I was wondering what will be the performance of Qemu on my tablet, emulating a x86 processor on a ARM device, and I installed qemu in the tablet, in the first place:" />
|
||||
<meta name="author" content="Daniel Bedoya Alzate" /><link rel="preload stylesheet" as="style" href="https://developerbedoya.net/main.min.css" />
|
||||
|
||||
|
||||
<link rel="preload" as="image" href="https://developerbedoya.net/theme.svg" />
|
||||
|
||||
<link rel="preload" as="image" href="https://www.gravatar.com/avatar/a59eeed83af0fccd921266a8f3e30019?s=160&d=identicon" />
|
||||
|
||||
<link rel="preload" as="image" href="https://developerbedoya.net/twitter.svg" /><link rel="preload" as="image" href="https://developerbedoya.net/github.svg" /><link rel="preload" as="image" href="https://developerbedoya.net/instagram.svg" /><link rel="preload" as="image" href="https://developerbedoya.net/rss.svg" />
|
||||
|
||||
<script
|
||||
defer
|
||||
src="https://developerbedoya.net/highlight.min.js"
|
||||
onload="hljs.initHighlightingOnLoad();"
|
||||
></script>
|
||||
|
||||
|
||||
<link
|
||||
rel="icon"
|
||||
href="https://developerbedoya.net/favicon.ico"
|
||||
/>
|
||||
<link
|
||||
rel="apple-touch-icon"
|
||||
href="https://developerbedoya.net/apple-touch-icon.png"
|
||||
/>
|
||||
|
||||
<meta name="generator" content="Hugo 0.131.0">
|
||||
|
||||
|
||||
|
||||
<meta itemprop="name" content="Installing Windows 98 using Qemu in postmarketOS">
|
||||
<meta itemprop="description" content="So, in the previous article I installed postmarketOS on my Samsung Galaxy Tab 2 (7 inches), and I wanted to create a website on it. But I was encouraged to create my personal website on Azure, so in the end I didn’t install a web server on the tablet.
|
||||
I was wondering what will be the performance of Qemu on my tablet, emulating a x86 processor on a ARM device, and I installed qemu in the tablet, in the first place:">
|
||||
<meta itemprop="datePublished" content="2022-12-25T19:46:13-03:00">
|
||||
<meta itemprop="dateModified" content="2022-12-25T19:46:13-03:00">
|
||||
<meta itemprop="wordCount" content="293">
|
||||
<meta itemprop="keywords" content="Linux,PostmarketOS,Windows,Emulation"><meta property="og:url" content="https://developerbedoya.net/posts/win98-qemu-postmarketos/">
|
||||
<meta property="og:site_name" content="Developer Bedoya">
|
||||
<meta property="og:title" content="Installing Windows 98 using Qemu in postmarketOS">
|
||||
<meta property="og:description" content="So, in the previous article I installed postmarketOS on my Samsung Galaxy Tab 2 (7 inches), and I wanted to create a website on it. But I was encouraged to create my personal website on Azure, so in the end I didn’t install a web server on the tablet.
|
||||
I was wondering what will be the performance of Qemu on my tablet, emulating a x86 processor on a ARM device, and I installed qemu in the tablet, in the first place:">
|
||||
<meta property="og:locale" content="pt_br">
|
||||
<meta property="og:type" content="article">
|
||||
<meta property="article:section" content="posts">
|
||||
<meta property="article:published_time" content="2022-12-25T19:46:13-03:00">
|
||||
<meta property="article:modified_time" content="2022-12-25T19:46:13-03:00">
|
||||
<meta property="article:tag" content="Linux">
|
||||
<meta property="article:tag" content="PostmarketOS">
|
||||
<meta property="article:tag" content="Windows">
|
||||
<meta property="article:tag" content="Emulation">
|
||||
|
||||
<meta name="twitter:card" content="summary">
|
||||
<meta name="twitter:title" content="Installing Windows 98 using Qemu in postmarketOS">
|
||||
<meta name="twitter:description" content="So, in the previous article I installed postmarketOS on my Samsung Galaxy Tab 2 (7 inches), and I wanted to create a website on it. But I was encouraged to create my personal website on Azure, so in the end I didn’t install a web server on the tablet.
|
||||
I was wondering what will be the performance of Qemu on my tablet, emulating a x86 processor on a ARM device, and I installed qemu in the tablet, in the first place:">
|
||||
|
||||
<link rel="canonical" href="https://developerbedoya.net/posts/win98-qemu-postmarketos/" />
|
||||
</head>
|
||||
<body
|
||||
class="bg-(--bg) text-black antialiased duration-200 ease-out [-webkit-tap-highlight-color:transparent] dark:text-white"
|
||||
><header
|
||||
class="mx-auto flex h-[4.5rem] max-w-(--w) px-8 whitespace-nowrap lg:justify-center"
|
||||
>
|
||||
<div class="relative z-50 flex items-center ltr:mr-auto rtl:ml-auto">
|
||||
<a
|
||||
class="-translate-y-[1px] text-2xl font-medium"
|
||||
href="https://developerbedoya.net/"
|
||||
>Developer Bedoya</a
|
||||
>
|
||||
<div
|
||||
class="btn-dark text-[0px] ltr:ml-4 rtl:mr-4 h-6 w-6 shrink-0 cursor-pointer [background:url(./theme.svg)_left_center/cover_no-repeat] dark:invert dark:[background-position:right]"
|
||||
role="button"
|
||||
aria-label="Dark"
|
||||
></div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="btn-menu relative z-50 flex h-[4.5rem] w-[5rem] shrink-0 cursor-pointer flex-col items-center justify-center gap-2.5 lg:hidden ltr:-mr-8 rtl:-ml-8"
|
||||
role="button"
|
||||
aria-label="Menu"
|
||||
></div>
|
||||
|
||||
<script>
|
||||
|
||||
const htmlClass = document.documentElement.classList;
|
||||
setTimeout(() => {
|
||||
htmlClass.remove('not-ready');
|
||||
}, 10);
|
||||
|
||||
|
||||
const btnMenu = document.querySelector('.btn-menu');
|
||||
btnMenu.addEventListener('click', () => {
|
||||
htmlClass.toggle('open');
|
||||
});
|
||||
|
||||
|
||||
const metaTheme = document.querySelector('meta[name="theme-color"]');
|
||||
const lightBg = '#faf8f1'.replace(/"/g, '');
|
||||
const setDark = (isDark) => {
|
||||
metaTheme.setAttribute('content', isDark ? '#000' : lightBg);
|
||||
htmlClass[isDark ? 'add' : 'remove']('dark');
|
||||
localStorage.setItem('dark', isDark);
|
||||
};
|
||||
|
||||
|
||||
const darkScheme = window.matchMedia('(prefers-color-scheme: dark)');
|
||||
if (htmlClass.contains('dark')) {
|
||||
setDark(true);
|
||||
} else {
|
||||
const darkVal = localStorage.getItem('dark');
|
||||
setDark(darkVal ? darkVal === 'true' : darkScheme.matches);
|
||||
}
|
||||
|
||||
|
||||
darkScheme.addEventListener('change', (event) => {
|
||||
setDark(event.matches);
|
||||
});
|
||||
|
||||
|
||||
const btnDark = document.querySelector('.btn-dark');
|
||||
btnDark.addEventListener('click', () => {
|
||||
setDark(localStorage.getItem('dark') !== 'true');
|
||||
});
|
||||
</script>
|
||||
|
||||
<div
|
||||
class="nav-wrapper fixed inset-x-0 top-full z-40 flex h-full flex-col justify-center bg-(--bg) pb-16 duration-200 select-none lg:static lg:h-auto lg:flex-row lg:bg-transparent! lg:pb-0 lg:transition-none"
|
||||
><nav
|
||||
class="lg:ml-12 lg:flex lg:flex-row lg:items-center lg:space-x-10 rtl:space-x-reverse"
|
||||
><a
|
||||
class="block text-center text-xl leading-[5rem] lg:text-base lg:font-normal"
|
||||
href="/cv/"
|
||||
>Cvs</a
|
||||
><a
|
||||
class="block text-center text-xl leading-[5rem] lg:text-base lg:font-normal"
|
||||
href="/links/"
|
||||
>Links</a
|
||||
><a
|
||||
class="block text-center text-xl leading-[5rem] lg:text-base lg:font-normal"
|
||||
href="/posts/"
|
||||
>Posts</a
|
||||
><a
|
||||
class="block text-center text-xl leading-[5rem] lg:text-base lg:font-normal"
|
||||
href="/slides/"
|
||||
>Slides</a
|
||||
></nav><nav
|
||||
class="mt-12 flex justify-center space-x-10 lg:mt-0 lg:items-center ltr:lg:ml-14 rtl:space-x-reverse rtl:lg:mr-14 dark:invert"
|
||||
>
|
||||
<a
|
||||
class="h-7 w-7 text-[0px] [background:var(--url)_center_center/cover_no-repeat] lg:h-6 lg:w-6"
|
||||
style="--url: url(./twitter.svg)"
|
||||
href="https://twitter.com/developerbedoya"
|
||||
target="_blank"
|
||||
rel="me"
|
||||
>twitter</a>
|
||||
<a
|
||||
class="h-7 w-7 text-[0px] [background:var(--url)_center_center/cover_no-repeat] lg:h-6 lg:w-6"
|
||||
style="--url: url(./github.svg)"
|
||||
href="https://github.com/developerbedoya"
|
||||
target="_blank"
|
||||
rel="me"
|
||||
>github</a>
|
||||
<a
|
||||
class="h-7 w-7 text-[0px] [background:var(--url)_center_center/cover_no-repeat] lg:h-6 lg:w-6"
|
||||
style="--url: url(./instagram.svg)"
|
||||
href="https://instagram.com/developerbedoya"
|
||||
target="_blank"
|
||||
rel="me"
|
||||
>instagram</a>
|
||||
<a
|
||||
class="h-7 w-7 text-[0px] [background:var(--url)_center_center/cover_no-repeat] lg:h-6 lg:w-6"
|
||||
style="--url: url(./rss.svg)"
|
||||
href="https://developerbedoya.net/index.xml"
|
||||
target="_blank"
|
||||
rel="alternate"
|
||||
>rss</a>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
<main
|
||||
class="prose prose-neutral dark:prose-invert relative mx-auto min-h-[calc(100vh-9rem)] max-w-(--w) px-8 pt-14 pb-16"
|
||||
><article>
|
||||
<header class="mb-14">
|
||||
<h1 class="my-0! pb-2.5">Installing Windows 98 using Qemu in postmarketOS</h1><div class="text-xs antialiased opacity-60"><time>Dec 25, 2022</time></div></header>
|
||||
|
||||
<section><p>So, in the <a href="/posts/linux-on-a-samsung-tab-2-7-inches">previous article</a> I installed postmarketOS on my Samsung Galaxy Tab 2 (7 inches), and I wanted to create a website on it. But I was encouraged to create my personal website on Azure, so in the end I didn’t install a web server on the tablet.</p>
|
||||
<p>I was wondering what will be the performance of Qemu on my tablet, emulating a x86 processor on a ARM device, and I installed qemu in the tablet, in the first place:</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>sudo apk add qemu qemu-img qemu-system-i386
|
||||
</span></span></code></pre></div><p>Then I tried to run qemu directly from the console. Qemu has a built-in VNC server, so I was hoping to connect from my PC using TightVNC, but it was a complete failure, because I didn’t knew that postmarketOS has a firewall that I had to deal with. So, after hours of googling, I found that I could install a package that enables VNC access from the firewall without having to mess with configuration files:</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>sudo apk add -i postmarketos-config-nftables-vncserver
|
||||
</span></span></code></pre></div><p>Now I can run qemu, but I first <a href="https://winworldpc.com/product/windows-98/98-second-edition">downloaded Windows 98 SE</a> from WinWorldPC and unzipped the file containing the ISO file of the installation disk.</p>
|
||||
<p>After that, I created a small (1 GB) hard disk image, because my tablet only has about 2 GB free on disk:</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>qemu-img create -f qcow2 w98.qcow2 1G
|
||||
</span></span></code></pre></div><p>Now I can run the Windows Setup from qemu. I am emulating a machine with 64 MB of RAM, booting from CD-ROM:</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>qemu-system-i386 -cdrom win98.iso -boot order<span style="color:#f92672">=</span>dc -drive file<span style="color:#f92672">=</span>w98.qcow2 -m <span style="color:#ae81ff">64</span>
|
||||
</span></span></code></pre></div><p>The setup process was very slow, but I felt happy when the graphical setup started:</p>
|
||||
<p><img src="/images/windows-98-qemu-01.png" alt="Windows 98 Setup starting"></p>
|
||||
<p>After passing through the installation steps, I left the installer make its work:</p>
|
||||
<p><img src="/images/windows-98-qemu-02.png" alt="Windows 98 Installing"></p>
|
||||
<p>It is sad that only remains <strong>301 minutes</strong> for the installation to complete…</p>
|
||||
</section>
|
||||
|
||||
<footer class="mt-12 flex flex-wrap"><a
|
||||
class="mb-1.5 rounded-lg bg-black/[3%] px-5 py-1 no-underline hover:bg-black/[6%] ltr:mr-1.5 rtl:ml-1.5 dark:bg-white/[8%] dark:hover:bg-white/[12%]"
|
||||
href="https://developerbedoya.net/tags/linux"
|
||||
>linux</a
|
||||
><a
|
||||
class="mb-1.5 rounded-lg bg-black/[3%] px-5 py-1 no-underline hover:bg-black/[6%] ltr:mr-1.5 rtl:ml-1.5 dark:bg-white/[8%] dark:hover:bg-white/[12%]"
|
||||
href="https://developerbedoya.net/tags/postmarketos"
|
||||
>postmarketOS</a
|
||||
><a
|
||||
class="mb-1.5 rounded-lg bg-black/[3%] px-5 py-1 no-underline hover:bg-black/[6%] ltr:mr-1.5 rtl:ml-1.5 dark:bg-white/[8%] dark:hover:bg-white/[12%]"
|
||||
href="https://developerbedoya.net/tags/windows"
|
||||
>windows</a
|
||||
><a
|
||||
class="mb-1.5 rounded-lg bg-black/[3%] px-5 py-1 no-underline hover:bg-black/[6%] ltr:mr-1.5 rtl:ml-1.5 dark:bg-white/[8%] dark:hover:bg-white/[12%]"
|
||||
href="https://developerbedoya.net/tags/emulation"
|
||||
>emulation</a
|
||||
></footer><nav
|
||||
class="mt-24 flex overflow-hidden rounded-xl bg-black/[3%] text-lg leading-[1.2]! *:flex *:w-1/2 *:items-center *:p-5 *:font-medium *:no-underline dark:bg-white/[8%] [&>*:hover]:bg-black/[2%] dark:[&>*:hover]:bg-white/[3%]"
|
||||
><a class="ltr:pr-3 rtl:pl-3" href="https://developerbedoya.net/posts/open-your-windows-files-from-linux-using-explorer/"
|
||||
><span class="ltr:mr-1.5 rtl:ml-1.5">←</span><span>Open your Windows Files with WSL using Windows Explorer</span></a
|
||||
><a
|
||||
class="justify-end pl-3 ltr:ml-auto rtl:mr-auto"
|
||||
href="https://developerbedoya.net/posts/find-text-in-files-on-linux/"
|
||||
><span>Find Text in Files on Linux</span><span class="ltr:ml-1.5 rtl:mr-1.5">→</span></a
|
||||
></nav><div class="mt-24" id="disqus_thread"></div>
|
||||
<script>
|
||||
const disqusShortname = 'developerbedoya';
|
||||
const script = document.createElement('script');
|
||||
script.src = 'https://' + disqusShortname + '.disqus.com/embed.js';
|
||||
script.setAttribute('data-timestamp', +new Date());
|
||||
document.head.appendChild(script);
|
||||
</script></article></main><footer
|
||||
class="mx-auto flex h-[4.5rem] max-w-(--w) items-center px-8 text-xs tracking-wider uppercase opacity-60"
|
||||
>
|
||||
<div class="mr-auto">©2025
|
||||
<a class="link" href="https://developerbedoya.net/">Developer Bedoya</a></div>
|
||||
<a class="link mx-6" href="https://gohugo.io/" rel="noopener" target="_blank"
|
||||
>powered by hugo️️</a
|
||||
>️
|
||||
<a
|
||||
class="link"
|
||||
href="https://github.com/nanxiaobei/hugo-paper"
|
||||
rel="noopener"
|
||||
target="_blank"
|
||||
>hugo-paper</a
|
||||
>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user