139 lines
7.0 KiB
HTML
139 lines
7.0 KiB
HTML
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"/><meta author="Alex Mikhailov"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="color-scheme" content="light dark"/><meta http-equiv="content-language" content="en-us"/><meta name="description" content="Index page for my blog"/><meta property="og:description" content="Index page for my blog"/><meta property="og:image" content="https://fidonode.me/resources/images/preview/posts.org.png"/><meta property="og:title" content="Alex Mikhailov - Blog"/><meta name="twitter:description" content="Index page for my blog"/><meta name="twitter:title" content="Alex Mikhailov - Blog"/><meta name="twitter:image" content="https://fidonode.me/resources/images/preview/posts.org.png"/><meta name="twitter:card" content="summary_large_image"/><link rel="icon" type="image/x-icon" href="/resources/favicon.ico"/><link rel="stylesheet" type="text/css" href="/resources/css/pico.sand.min.css"/><script defer="true" src="https://umami.dokutsu.xyz/script.js" data-website-id="d52d9af1-0c7d-4531-84c6-0b9c2850011f"></script><title>Alex Mikhailov - Blog</title></head><body><header class="header"><div class="container"><nav><ul><li><strong>Alex Mikhailov</strong></li></ul><ul><li><a href="/index.html">About</a></li><li><a href="/posts.html">Blog</a></li><li><a href="/rss.xml">RSS</a></li></ul></nav></div></header><main class="container">
|
|
<div id="outline-container-orgd2fb22f" class="outline-2">
|
|
<h2 id="orgd2fb22f">Posts</h2>
|
|
<div class="outline-text-2" id="text-orgd2fb22f">
|
|
</div>
|
|
<div id="outline-container-orgac0fed9" class="outline-3">
|
|
<h3 id="orgac0fed9"><a href="./posts/blog_index_and_tags_automation.html">Blog index and tags automation</a></h3>
|
|
<div class="outline-text-3" id="text-orgac0fed9">
|
|
<p>
|
|
Let's add tags to blog posts
|
|
</p>
|
|
<blockquote>
|
|
<p>
|
|
Tags are a nice and easy way to organize posts without explicit search. In the simplest way, you have a list of tags in posts, and each tag links to a page with all posts having the corresponding tag. It is also helpful to have a page with all tags available in the blog. And, of course, I don't want to maintain the list of tags manually.
|
|
Automate tags. …
|
|
</p>
|
|
</blockquote>
|
|
<p>
|
|
drafted on 2024-07-05
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div id="outline-container-org9499b6e" class="outline-3">
|
|
<h3 id="org9499b6e"><a href="./posts/posts_preview.html">Posts preview</a></h3>
|
|
<div class="outline-text-3" id="text-org9499b6e">
|
|
<p>
|
|
Add post preview for OpenGraph cards
|
|
</p>
|
|
<blockquote>
|
|
<p>
|
|
<a href="https://imagemagick.org">Imagemagick</a> is a ffmpeg of the image world. You can do a lot of fun things with it. For example you can take a picture, cut corners on it, place it on top of another image, add some text and get final result. So it is looks like a good tool for making previews from code.
|
|
Basic idea of this process …
|
|
</p>
|
|
</blockquote>
|
|
<p>
|
|
drafted on 2024-06-28
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div id="outline-container-orgd34c669" class="outline-3">
|
|
<h3 id="orgd34c669"><a href="./posts/improve_code_blocks.html">Improve code blocks</a></h3>
|
|
<div class="outline-text-3" id="text-orgd34c669">
|
|
<p>
|
|
Use highlight.js for code syntax highlighting
|
|
</p>
|
|
<blockquote>
|
|
<p>
|
|
Htmlize works poorly with headless publishing. It lacks extensibility, including features like line numbers, a copy button, and the ability to highlight predefined parts of the code.
|
|
Highlight.js …
|
|
</p>
|
|
</blockquote>
|
|
<p>
|
|
drafted on 2024-06-25
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div id="outline-container-org730cf0d" class="outline-3">
|
|
<h3 id="org730cf0d"><a href="./posts/add_rss_to_blog.html">Org blog with RSS</a></h3>
|
|
<div class="outline-text-3" id="text-org730cf0d">
|
|
<p>
|
|
Let's add RSS feed to blog
|
|
</p>
|
|
<blockquote>
|
|
<p>
|
|
RSS might seem like an outdated, marginal thing. But it still has at least one benefit—you can use an RSS feed as a sitemap for search engines. Plus, it's pretty geeky.
|
|
Add RSS feed …
|
|
</p>
|
|
</blockquote>
|
|
<p>
|
|
drafted on 2024-06-23
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div id="outline-container-org010452c" class="outline-3">
|
|
<h3 id="org010452c"><a href="./posts/about_blog.html">Org to HTML and back</a></h3>
|
|
<div class="outline-text-3" id="text-org010452c">
|
|
<p>
|
|
Blog post about publishing my blog with Org Mode
|
|
</p>
|
|
<blockquote>
|
|
<p>
|
|
I'm neither proficient in Org Mode (further on "Org"), nor a good front-end engineer. I think that a simple solution is better than no solution. If you see a mistake, you can contact me via <a href="mailto:iam@fidonode.me">iam@fidonode.me</a>.
|
|
What is Org? …
|
|
</p>
|
|
</blockquote>
|
|
<p>
|
|
drafted on 2024-06-22
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div id="outline-container-org5ed71f2" class="outline-3">
|
|
<h3 id="org5ed71f2"><a href="./posts/keeb.html">My keyboard journey</a></h3>
|
|
<div class="outline-text-3" id="text-org5ed71f2">
|
|
<p>
|
|
Blog post about my keyboards
|
|
</p>
|
|
<blockquote>
|
|
<p>
|
|
Sometimes I think about the long journey I've made with keebs. In childhood, I had decent membrane keyboards, most of which had an ergonomic profile like the MS. Not sure if it somehow affected my taste because I started my career with the simplest, cheapest board and typed countless lines of code on such keebs. Then I heard about clickity-clack mechanical keyboards and decided to try one. It was a simple Chinese keeb with a thick metal body, double-shot caps, and Cherry Brown switches. A decent thing to annoy everyone around you. I think this purchase marked my dive into mech keebs
|
|
I'm not a geeky aficionado who thinks you can fix everything with a new keyboard, but I built a couple of them. I hope I've finally built the last one for quite some time. …
|
|
</p>
|
|
</blockquote>
|
|
<p>
|
|
drafted on 2024-06-05
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="outline-container-orgdfa2937" class="outline-2">
|
|
<h2 id="orgdfa2937">Tags</h2>
|
|
<div class="outline-text-2" id="text-orgdfa2937">
|
|
</div>
|
|
<div id="outline-container-org21ce92d" class="outline-3">
|
|
<h3 id="org21ce92d"><a href="./tags/@org-mode.html">@org-mode</a> (5)</h3>
|
|
</div>
|
|
<div id="outline-container-org25bbcc9" class="outline-3">
|
|
<h3 id="org25bbcc9"><a href="./tags/@elisp.html">@elisp</a> (4)</h3>
|
|
</div>
|
|
<div id="outline-container-org034f5f7" class="outline-3">
|
|
<h3 id="org034f5f7"><a href="./tags/@rss.html">@rss</a> (1)</h3>
|
|
</div>
|
|
<div id="outline-container-org3417858" class="outline-3">
|
|
<h3 id="org3417858"><a href="./tags/@tags.html">@tags</a> (1)</h3>
|
|
</div>
|
|
<div id="outline-container-org8841fde" class="outline-3">
|
|
<h3 id="org8841fde"><a href="./tags/@highlightjs.html">@highlightjs</a> (1)</h3>
|
|
</div>
|
|
<div id="outline-container-orgb04fb9f" class="outline-3">
|
|
<h3 id="orgb04fb9f"><a href="./tags/@keeb.html">@keeb</a> (1)</h3>
|
|
</div>
|
|
<div id="outline-container-org17c6e8b" class="outline-3">
|
|
<h3 id="org17c6e8b"><a href="./tags/@diy.html">@diy</a> (1)</h3>
|
|
</div>
|
|
<div id="outline-container-orgc7f623e" class="outline-3">
|
|
<h3 id="orgc7f623e"><a href="./tags/@imagemagick.html">@imagemagick</a> (1)</h3>
|
|
</div>
|
|
</div>
|
|
</main><footer class="footer"><div class="container"><hr/><small><p>Alex Mikhailov</p><p>Built with: <a href="https://www.gnu.org/software/emacs/">GNU Emacs</a> <a href="https://orgmode.org/">Org Mode</a> <a href="https://picocss.com/">picocss</a></p></small></div></footer></body></html>
|