deploy: fido-node/org@94754dc759
This commit is contained in:
fido-node
parent
bdeaf3a2b9
commit
27f3bbc1ee
24
index.html
24
index.html
@ -3,9 +3,9 @@
|
||||
<p><img src="./resources/images/index/avatar.jpg" alt="avatar.jpg" />
|
||||
</p>
|
||||
</div>
|
||||
<div id="outline-container-orgb844283" class="outline-2">
|
||||
<h2 id="orgb844283"> </h2>
|
||||
<div class="outline-text-2" id="text-orgb844283">
|
||||
<div id="outline-container-org0c9b707" class="outline-2">
|
||||
<h2 id="org0c9b707"> </h2>
|
||||
<div class="outline-text-2" id="text-org0c9b707">
|
||||
<p>
|
||||
Full stack engineer
|
||||
FP-curious | λ-affected
|
||||
@ -13,9 +13,9 @@ Wanna be rustacean 🦀 and/or secops guy 🔒
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="outline-container-org9200ee1" class="outline-2">
|
||||
<h2 id="org9200ee1">Experience</h2>
|
||||
<div class="outline-text-2" id="text-org9200ee1">
|
||||
<div id="outline-container-org464bfb7" class="outline-2">
|
||||
<h2 id="org464bfb7">Experience</h2>
|
||||
<div class="outline-text-2" id="text-org464bfb7">
|
||||
<ul class="org-ul">
|
||||
<li>Current position <a href="https://www.samsungfood.com/">@SamsungFood</a>.
|
||||
Internal tools engineer for data platform ➡ Internal tools engineer for developers.</li>
|
||||
@ -24,9 +24,9 @@ Fullstack engineer.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div id="outline-container-org8c72df9" class="outline-2">
|
||||
<h2 id="org8c72df9">Technologies</h2>
|
||||
<div class="outline-text-2" id="text-org8c72df9">
|
||||
<div id="outline-container-orgdc4305d" class="outline-2">
|
||||
<h2 id="orgdc4305d">Technologies</h2>
|
||||
<div class="outline-text-2" id="text-orgdc4305d">
|
||||
<p>
|
||||
Work with:
|
||||
</p>
|
||||
@ -43,9 +43,9 @@ Work with:
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div id="outline-container-orgaa6c553" class="outline-2">
|
||||
<h2 id="orgaa6c553">Contacts</h2>
|
||||
<div class="outline-text-2" id="text-orgaa6c553">
|
||||
<div id="outline-container-org5c4c2a7" class="outline-2">
|
||||
<h2 id="org5c4c2a7">Contacts</h2>
|
||||
<div class="outline-text-2" id="text-org5c4c2a7">
|
||||
<p>
|
||||
Contact me via:
|
||||
</p>
|
||||
|
||||
90
posts.html
90
posts.html
@ -1,11 +1,28 @@
|
||||
<!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-org32abf10" class="outline-2">
|
||||
<h2 id="org32abf10">Posts</h2>
|
||||
<div class="outline-text-2" id="text-org32abf10">
|
||||
<div id="outline-container-orgd2f1072" class="outline-2">
|
||||
<h2 id="orgd2f1072">Posts</h2>
|
||||
<div class="outline-text-2" id="text-orgd2f1072">
|
||||
</div>
|
||||
<div id="outline-container-org8db949d" class="outline-3">
|
||||
<h3 id="org8db949d"><a href="./posts/posts_preview.html">Posts preview</a></h3>
|
||||
<div class="outline-text-3" id="text-org8db949d">
|
||||
<div id="outline-container-org7299abc" class="outline-3">
|
||||
<h3 id="org7299abc"><a href="./posts/blog_index_and_tags_automation.html">Blog index and tags automation</a></h3>
|
||||
<div class="outline-text-3" id="text-org7299abc">
|
||||
<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>
|
||||
posted on 2024-07-05
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="outline-container-org9ab1331" class="outline-3">
|
||||
<h3 id="org9ab1331"><a href="./posts/posts_preview.html">Posts preview</a></h3>
|
||||
<div class="outline-text-3" id="text-org9ab1331">
|
||||
<p>
|
||||
Add post preview for OpenGraph cards
|
||||
</p>
|
||||
@ -20,9 +37,9 @@ posted on 2024-06-28
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="outline-container-org5d81a04" class="outline-3">
|
||||
<h3 id="org5d81a04"><a href="./posts/improve_code_blocks.html">Improve code blocks</a></h3>
|
||||
<div class="outline-text-3" id="text-org5d81a04">
|
||||
<div id="outline-container-org51add3c" class="outline-3">
|
||||
<h3 id="org51add3c"><a href="./posts/improve_code_blocks.html">Improve code blocks</a></h3>
|
||||
<div class="outline-text-3" id="text-org51add3c">
|
||||
<p>
|
||||
Use highlight.js for code syntax highlighting
|
||||
</p>
|
||||
@ -37,9 +54,9 @@ posted on 2024-06-25
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="outline-container-org64b8a66" class="outline-3">
|
||||
<h3 id="org64b8a66"><a href="./posts/add_rss_to_blog.html">Org blog with RSS</a></h3>
|
||||
<div class="outline-text-3" id="text-org64b8a66">
|
||||
<div id="outline-container-org7e99dca" class="outline-3">
|
||||
<h3 id="org7e99dca"><a href="./posts/add_rss_to_blog.html">Org blog with RSS</a></h3>
|
||||
<div class="outline-text-3" id="text-org7e99dca">
|
||||
<p>
|
||||
Let's add RSS feed to blog
|
||||
</p>
|
||||
@ -54,9 +71,9 @@ posted on 2024-06-23
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="outline-container-org827d61b" class="outline-3">
|
||||
<h3 id="org827d61b"><a href="./posts/about_blog.html">Org to HTML and back</a></h3>
|
||||
<div class="outline-text-3" id="text-org827d61b">
|
||||
<div id="outline-container-org6072883" class="outline-3">
|
||||
<h3 id="org6072883"><a href="./posts/about_blog.html">Org to HTML and back</a></h3>
|
||||
<div class="outline-text-3" id="text-org6072883">
|
||||
<p>
|
||||
Blog post about publishing my blog with Org Mode
|
||||
</p>
|
||||
@ -71,9 +88,9 @@ posted on 2024-06-22
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="outline-container-orge6295fc" class="outline-3">
|
||||
<h3 id="orge6295fc"><a href="./posts/keeb.html">My keyboard journey</a></h3>
|
||||
<div class="outline-text-3" id="text-orge6295fc">
|
||||
<div id="outline-container-org1094d72" class="outline-3">
|
||||
<h3 id="org1094d72"><a href="./posts/keeb.html">My keyboard journey</a></h3>
|
||||
<div class="outline-text-3" id="text-org1094d72">
|
||||
<p>
|
||||
Blog post about my keyboards
|
||||
</p>
|
||||
@ -89,30 +106,33 @@ posted on 2024-06-05
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="outline-container-org91138a9" class="outline-2">
|
||||
<h2 id="org91138a9">Tags</h2>
|
||||
<div class="outline-text-2" id="text-org91138a9">
|
||||
<div id="outline-container-org632d2d3" class="outline-2">
|
||||
<h2 id="org632d2d3">Tags</h2>
|
||||
<div class="outline-text-2" id="text-org632d2d3">
|
||||
</div>
|
||||
<div id="outline-container-orgfd738e0" class="outline-3">
|
||||
<h3 id="orgfd738e0"><a href="./tags/@org-mode.html">@org-mode</a> (4)</h3>
|
||||
<div id="outline-container-orgee830be" class="outline-3">
|
||||
<h3 id="orgee830be"><a href="./tags/@org-mode.html">@org-mode</a> (5)</h3>
|
||||
</div>
|
||||
<div id="outline-container-orge00242d" class="outline-3">
|
||||
<h3 id="orge00242d"><a href="./tags/@elisp.html">@elisp</a> (3)</h3>
|
||||
<div id="outline-container-orge734ff1" class="outline-3">
|
||||
<h3 id="orge734ff1"><a href="./tags/@elisp.html">@elisp</a> (4)</h3>
|
||||
</div>
|
||||
<div id="outline-container-orge935ae1" class="outline-3">
|
||||
<h3 id="orge935ae1"><a href="./tags/@rss.html">@rss</a> (1)</h3>
|
||||
<div id="outline-container-orgcbb7bf7" class="outline-3">
|
||||
<h3 id="orgcbb7bf7"><a href="./tags/@rss.html">@rss</a> (1)</h3>
|
||||
</div>
|
||||
<div id="outline-container-org87a2fe7" class="outline-3">
|
||||
<h3 id="org87a2fe7"><a href="./tags/@highlightjs.html">@highlightjs</a> (1)</h3>
|
||||
<div id="outline-container-org3e7f16f" class="outline-3">
|
||||
<h3 id="org3e7f16f"><a href="./tags/@tags.html">@tags</a> (1)</h3>
|
||||
</div>
|
||||
<div id="outline-container-orgf6900f2" class="outline-3">
|
||||
<h3 id="orgf6900f2"><a href="./tags/@keeb.html">@keeb</a> (1)</h3>
|
||||
<div id="outline-container-orgfee5ead" class="outline-3">
|
||||
<h3 id="orgfee5ead"><a href="./tags/@highlightjs.html">@highlightjs</a> (1)</h3>
|
||||
</div>
|
||||
<div id="outline-container-orgfe5c727" class="outline-3">
|
||||
<h3 id="orgfe5c727"><a href="./tags/@diy.html">@diy</a> (1)</h3>
|
||||
<div id="outline-container-orgecd3446" class="outline-3">
|
||||
<h3 id="orgecd3446"><a href="./tags/@keeb.html">@keeb</a> (1)</h3>
|
||||
</div>
|
||||
<div id="outline-container-org5215bcb" class="outline-3">
|
||||
<h3 id="org5215bcb"><a href="./tags/@imagemagick.html">@imagemagick</a> (1)</h3>
|
||||
<div id="outline-container-orgf4bf784" class="outline-3">
|
||||
<h3 id="orgf4bf784"><a href="./tags/@diy.html">@diy</a> (1)</h3>
|
||||
</div>
|
||||
<div id="outline-container-org2043561" class="outline-3">
|
||||
<h3 id="org2043561"><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>
|
||||
|
||||
@ -2,44 +2,44 @@
|
||||
<h2>Table of Contents</h2>
|
||||
<div id="text-table-of-contents">
|
||||
<ul>
|
||||
<li><a href="#org222ee55">Disclaimer</a></li>
|
||||
<li><a href="#org64bf1ea">What is Org?</a></li>
|
||||
<li><a href="#org5115491">Why Org Mode?</a></li>
|
||||
<li><a href="#org70d0abd">Render Org to blog or whatever</a>
|
||||
<li><a href="#orgea0a3a0">Disclaimer</a></li>
|
||||
<li><a href="#org547ef4e">What is Org?</a></li>
|
||||
<li><a href="#org212a3e8">Why Org Mode?</a></li>
|
||||
<li><a href="#org9c06377">Render Org to blog or whatever</a>
|
||||
<ul>
|
||||
<li><a href="#orgf4403e4">Render HTML</a></li>
|
||||
<li><a href="#orgce29bcd">Static files</a></li>
|
||||
<li><a href="#orgd1f0479">Whole build script</a></li>
|
||||
<li><a href="#org329999c">Render HTML</a></li>
|
||||
<li><a href="#orgb978305">Static files</a></li>
|
||||
<li><a href="#orgb6466e5">Whole build script</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#org49fd58d">Publish through GitHub Action</a>
|
||||
<li><a href="#orga67672f">Publish through GitHub Action</a>
|
||||
<ul>
|
||||
<li><a href="#org181eaba">Install Emacs</a></li>
|
||||
<li><a href="#org4598767">Just bring everything</a></li>
|
||||
<li><a href="#orgefdb872">BTW I use GNU Emacs</a></li>
|
||||
<li><a href="#orgc3243bd">Install Emacs</a></li>
|
||||
<li><a href="#org011eb4d">Just bring everything</a></li>
|
||||
<li><a href="#orge03e311">BTW I use GNU Emacs</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#org216e166">What is next</a>
|
||||
<li><a href="#org5808e57">What is next</a>
|
||||
<ul>
|
||||
<li><a href="#orge154e9b">RSS Feed</a></li>
|
||||
<li><a href="#org41be5f4">Open Graph image preview</a></li>
|
||||
<li><a href="#orgd532095">Code highlighting</a></li>
|
||||
<li><a href="#orgf225f33">RSS Feed</a></li>
|
||||
<li><a href="#orgc88e1d0">Open Graph image preview</a></li>
|
||||
<li><a href="#orgf8669d9">Code highlighting</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div id="outline-container-org222ee55" class="outline-2">
|
||||
<h2 id="org222ee55">Disclaimer</h2>
|
||||
<div class="outline-text-2" id="text-org222ee55">
|
||||
<div id="outline-container-orgea0a3a0" class="outline-2">
|
||||
<h2 id="orgea0a3a0">Disclaimer</h2>
|
||||
<div class="outline-text-2" id="text-orgea0a3a0">
|
||||
<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>.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="outline-container-org64bf1ea" class="outline-2">
|
||||
<h2 id="org64bf1ea">What is Org?</h2>
|
||||
<div class="outline-text-2" id="text-org64bf1ea">
|
||||
<div id="outline-container-org547ef4e" class="outline-2">
|
||||
<h2 id="org547ef4e">What is Org?</h2>
|
||||
<div class="outline-text-2" id="text-org547ef4e">
|
||||
<blockquote>
|
||||
<p>
|
||||
Your life in plain text
|
||||
@ -55,9 +55,9 @@ Everything you can do in Org is to write a text. With a special markup, of cours
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="outline-container-org5115491" class="outline-2">
|
||||
<h2 id="org5115491">Why Org Mode?</h2>
|
||||
<div class="outline-text-2" id="text-org5115491">
|
||||
<div id="outline-container-org212a3e8" class="outline-2">
|
||||
<h2 id="org212a3e8">Why Org Mode?</h2>
|
||||
<div class="outline-text-2" id="text-org212a3e8">
|
||||
<ol class="org-ol">
|
||||
<li>Plain text.
|
||||
Plain text as a data source offers significant versatility. You can read and understand what happens in org files without needing Emacs.</li>
|
||||
@ -69,16 +69,16 @@ I do not have a habit of collecting and keeping information. I believe that disc
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="outline-container-org70d0abd" class="outline-2">
|
||||
<h2 id="org70d0abd">Render Org to blog or whatever</h2>
|
||||
<div class="outline-text-2" id="text-org70d0abd">
|
||||
<div id="outline-container-org9c06377" class="outline-2">
|
||||
<h2 id="org9c06377">Render Org to blog or whatever</h2>
|
||||
<div class="outline-text-2" id="text-org9c06377">
|
||||
<p>
|
||||
Org already has a way to render files into HTML, allowing you to create simple HTML files with minimal styling. I'm not interesting in styling from org, so I decide to use <a href="https://picocss.com">picocss</a> framework.
|
||||
</p>
|
||||
</div>
|
||||
<div id="outline-container-orgf4403e4" class="outline-3">
|
||||
<h3 id="orgf4403e4">Render HTML</h3>
|
||||
<div class="outline-text-3" id="text-orgf4403e4">
|
||||
<div id="outline-container-org329999c" class="outline-3">
|
||||
<h3 id="org329999c">Render HTML</h3>
|
||||
<div class="outline-text-3" id="text-org329999c">
|
||||
<p>
|
||||
I want to change some templates here and there. I've found <code>esxml</code> package. It is a decent DSL for writing XML/HTML.
|
||||
Here is how page header and footer look in this DSL.
|
||||
@ -183,9 +183,9 @@ So everything is almost done. Time to use our custom publishing function in proj
|
||||
</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
<div id="outline-container-orgce29bcd" class="outline-3">
|
||||
<h3 id="orgce29bcd">Static files</h3>
|
||||
<div class="outline-text-3" id="text-orgce29bcd">
|
||||
<div id="outline-container-orgb978305" class="outline-3">
|
||||
<h3 id="orgb978305">Static files</h3>
|
||||
<div class="outline-text-3" id="text-orgb978305">
|
||||
<p>
|
||||
Yep, you may want to publish some photos with your blog or any other static files.
|
||||
</p>
|
||||
@ -205,9 +205,9 @@ Looks self explanatory.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="outline-container-orgd1f0479" class="outline-3">
|
||||
<h3 id="orgd1f0479">Whole build script</h3>
|
||||
<div class="outline-text-3" id="text-orgd1f0479">
|
||||
<div id="outline-container-orgb6466e5" class="outline-3">
|
||||
<h3 id="orgb6466e5">Whole build script</h3>
|
||||
<div class="outline-text-3" id="text-orgb6466e5">
|
||||
<p>
|
||||
Here is the whole elisp script which I use to publish my blog. It have some additional quirks to work with <code class="src src-sh">doomscript ./build-site.el</code>.
|
||||
</p>
|
||||
@ -365,9 +365,9 @@ Here is the whole elisp script which I use to publish my blog. It have some addi
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="outline-container-org49fd58d" class="outline-2">
|
||||
<h2 id="org49fd58d">Publish through GitHub Action</h2>
|
||||
<div class="outline-text-2" id="text-org49fd58d">
|
||||
<div id="outline-container-orga67672f" class="outline-2">
|
||||
<h2 id="orga67672f">Publish through GitHub Action</h2>
|
||||
<div class="outline-text-2" id="text-orga67672f">
|
||||
<p>
|
||||
With all previous preparations, this step sounds simple like: <code class="src src-sh">emacs -Q --script ./build-site.el</code>
|
||||
I've chosen a pretty standard way to publish static sites through GitHub Pages. Since I keep my Org files in a private repo, I need some additional steps to address it. I use the <code>peaceiris/actions-gh-pages@v3</code> action to publish from my Org repo to the Pages repo.
|
||||
@ -375,9 +375,9 @@ However, since I use <code>Doom Emacs</code> as my configuration framework, we n
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div id="outline-container-org181eaba" class="outline-3">
|
||||
<h3 id="org181eaba">Install Emacs</h3>
|
||||
<div class="outline-text-3" id="text-org181eaba">
|
||||
<div id="outline-container-orgc3243bd" class="outline-3">
|
||||
<h3 id="orgc3243bd">Install Emacs</h3>
|
||||
<div class="outline-text-3" id="text-orgc3243bd">
|
||||
<p>
|
||||
If you want to run <code>Emacs Lisp</code>, you need the whole Emacs, at least without GUI. In a GitHub Action, you can simply run:
|
||||
</p>
|
||||
@ -388,9 +388,9 @@ This way has a downside - you will install Emacs on each action run since the sy
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="outline-container-org4598767" class="outline-3">
|
||||
<h3 id="org4598767">Just bring everything</h3>
|
||||
<div class="outline-text-3" id="text-org4598767">
|
||||
<div id="outline-container-org011eb4d" class="outline-3">
|
||||
<h3 id="org011eb4d">Just bring everything</h3>
|
||||
<div class="outline-text-3" id="text-org011eb4d">
|
||||
<p>
|
||||
I need to take extra steps since I use Doom Emacs and have my configs in Org. You may also need to install dependencies for your configuration.
|
||||
</p>
|
||||
@ -426,9 +426,9 @@ Of course, I use a caching step to make the whole process faster:
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="outline-container-orgefdb872" class="outline-3">
|
||||
<h3 id="orgefdb872">BTW I use GNU Emacs</h3>
|
||||
<div class="outline-text-3" id="text-orgefdb872">
|
||||
<div id="outline-container-orge03e311" class="outline-3">
|
||||
<h3 id="orge03e311">BTW I use GNU Emacs</h3>
|
||||
<div class="outline-text-3" id="text-orge03e311">
|
||||
<p>
|
||||
Here's the whole publishing workflow.
|
||||
</p>
|
||||
@ -507,21 +507,21 @@ jobs:
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="outline-container-org216e166" class="outline-2">
|
||||
<h2 id="org216e166">What is next</h2>
|
||||
<div class="outline-text-2" id="text-org216e166">
|
||||
<div id="outline-container-org5808e57" class="outline-2">
|
||||
<h2 id="org5808e57">What is next</h2>
|
||||
<div class="outline-text-2" id="text-org5808e57">
|
||||
<p>
|
||||
I have a plans to make posts about next features:
|
||||
</p>
|
||||
</div>
|
||||
<div id="outline-container-orge154e9b" class="outline-3">
|
||||
<h3 id="orge154e9b"><a href="./add_rss_to_blog.html">RSS Feed</a></h3>
|
||||
<div id="outline-container-orgf225f33" class="outline-3">
|
||||
<h3 id="orgf225f33"><a href="./add_rss_to_blog.html">RSS Feed</a></h3>
|
||||
</div>
|
||||
<div id="outline-container-org41be5f4" class="outline-3">
|
||||
<h3 id="org41be5f4"><a href="./posts_preview.html">Open Graph image preview</a></h3>
|
||||
<div id="outline-container-orgc88e1d0" class="outline-3">
|
||||
<h3 id="orgc88e1d0"><a href="./posts_preview.html">Open Graph image preview</a></h3>
|
||||
</div>
|
||||
<div id="outline-container-orgd532095" class="outline-3">
|
||||
<h3 id="orgd532095"><a href="./improve_code_blocks.html">Code highlighting</a></h3>
|
||||
<div id="outline-container-orgf8669d9" class="outline-3">
|
||||
<h3 id="orgf8669d9"><a href="./improve_code_blocks.html">Code highlighting</a></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>
|
||||
|
||||
@ -2,34 +2,34 @@
|
||||
<h2>Table of Contents</h2>
|
||||
<div id="text-table-of-contents">
|
||||
<ul>
|
||||
<li><a href="#orgd393966">Why do you even need RSS?</a></li>
|
||||
<li><a href="#org2d84836">Add RSS feed</a>
|
||||
<li><a href="#org89c1158">Why do you even need RSS?</a></li>
|
||||
<li><a href="#org44d95ae">Add RSS feed</a>
|
||||
<ul>
|
||||
<li><a href="#org93418a3">Use sitemap backend in the build</a></li>
|
||||
<li><a href="#org27b5853">Publishing and formatting functions</a></li>
|
||||
<li><a href="#org99967e9">Use sitemap backend in the build</a></li>
|
||||
<li><a href="#orgd2d6c83">Publishing and formatting functions</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div id="outline-container-orgd393966" class="outline-2">
|
||||
<h2 id="orgd393966">Why do you even need RSS?</h2>
|
||||
<div class="outline-text-2" id="text-orgd393966">
|
||||
<div id="outline-container-org89c1158" class="outline-2">
|
||||
<h2 id="org89c1158">Why do you even need RSS?</h2>
|
||||
<div class="outline-text-2" id="text-org89c1158">
|
||||
<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.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="outline-container-org2d84836" class="outline-2">
|
||||
<h2 id="org2d84836">Add RSS feed</h2>
|
||||
<div class="outline-text-2" id="text-org2d84836">
|
||||
<div id="outline-container-org44d95ae" class="outline-2">
|
||||
<h2 id="org44d95ae">Add RSS feed</h2>
|
||||
<div class="outline-text-2" id="text-org44d95ae">
|
||||
<p>
|
||||
So, what's happening here? Let's start by integrating our templating functions into the build.
|
||||
</p>
|
||||
</div>
|
||||
<div id="outline-container-org93418a3" class="outline-3">
|
||||
<h3 id="org93418a3">Use sitemap backend in the build</h3>
|
||||
<div class="outline-text-3" id="text-org93418a3">
|
||||
<div id="outline-container-org99967e9" class="outline-3">
|
||||
<h3 id="org99967e9">Use sitemap backend in the build</h3>
|
||||
<div class="outline-text-3" id="text-org99967e9">
|
||||
<pre><code class="language-lisp">(setq org-publish-project-alist
|
||||
(list
|
||||
(list "blog-rss"
|
||||
@ -59,9 +59,9 @@ How does it work? As you can see, we use the default sitemap generator from Org
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="outline-container-org27b5853" class="outline-3">
|
||||
<h3 id="org27b5853">Publishing and formatting functions</h3>
|
||||
<div class="outline-text-3" id="text-org27b5853">
|
||||
<div id="outline-container-orgd2d6c83" class="outline-3">
|
||||
<h3 id="orgd2d6c83">Publishing and formatting functions</h3>
|
||||
<div class="outline-text-3" id="text-orgd2d6c83">
|
||||
<p>
|
||||
We need a mandatory dependency because we don't want to mess with forming correct XML by ourselves.
|
||||
</p>
|
||||
|
||||
@ -1,13 +1,709 @@
|
||||
<!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="Let's add tags to blog posts"/><meta property="og:description" content="Let's add tags to blog posts"/><meta property="og:image" content="https://fidonode.me/resources/images/preview/posts/blog_index_and_tags_automation.org.png"/><meta property="og:title" content="Blog index and tags automation"/><meta name="twitter:description" content="Let's add tags to blog posts"/><meta name="twitter:title" content="Blog index and tags automation"/><meta name="twitter:image" content="https://fidonode.me/resources/images/preview/posts/blog_index_and_tags_automation.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>Blog index and tags automation</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 blog-post"><hgroup><h1>Blog index and tags automation</h1><p>Let's add tags to blog posts</p><nav><ul><li>Tags:</li><li><mark><a href="/tags/@org-mode.html" class="secondary">@org-mode</a></mark></li><li><mark><a href="/tags/@elisp.html" class="secondary">@elisp</a></mark></li></ul></nav></hgroup><div id="table-of-contents">
|
||||
<!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="Let's add tags to blog posts"/><meta property="og:description" content="Let's add tags to blog posts"/><meta property="og:image" content="https://fidonode.me/resources/images/preview/posts/blog_index_and_tags_automation.org.png"/><meta property="og:title" content="Blog index and tags automation"/><meta name="twitter:description" content="Let's add tags to blog posts"/><meta name="twitter:title" content="Blog index and tags automation"/><meta name="twitter:image" content="https://fidonode.me/resources/images/preview/posts/blog_index_and_tags_automation.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>Blog index and tags automation</title><link id="highlight-theme" rel="stylesheet" type="text/css"/><script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script><script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/languages/bash.min.js"></script><script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/languages/lisp.min.js"></script><script src="/resources/js/theme-selector.js"></script></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 blog-post"><hgroup><h1>Blog index and tags automation</h1><p>Let's add tags to blog posts</p><nav><ul><li>Tags:</li><li><mark><a href="/tags/@org-mode.html" class="secondary">@org-mode</a></mark></li><li><mark><a href="/tags/@elisp.html" class="secondary">@elisp</a></mark></li><li><mark><a href="/tags/@tags.html" class="secondary">@tags</a></mark></li></ul></nav></hgroup><div id="table-of-contents">
|
||||
<h2>Table of Contents</h2>
|
||||
<div id="text-table-of-contents">
|
||||
<ul>
|
||||
<li><a href="#org2da4f9e">Tag</a></li>
|
||||
<li><a href="#org88e0d89">Tags.</a>
|
||||
<ul>
|
||||
<li><a href="#org5a69793">Automate tags.</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#org4ba32cd">Posts index.</a>
|
||||
<ul>
|
||||
<li><a href="#org225174c">Posts index automation.</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#org4b0c84f">Cons.</a></li>
|
||||
<li><a href="#orgbc11995">Whole config.</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div id="outline-container-org88e0d89" class="outline-2">
|
||||
<h2 id="org88e0d89">Tags.</h2>
|
||||
<div class="outline-text-2" id="text-org88e0d89">
|
||||
<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.
|
||||
</p>
|
||||
</div>
|
||||
<div id="outline-container-org5a69793" class="outline-3">
|
||||
<h3 id="org5a69793">Automate tags.</h3>
|
||||
<div class="outline-text-3" id="text-org5a69793">
|
||||
<p>
|
||||
Simple idea - go through all files, collect titles, dates and descriptions, render into org files. Easy peazy lemon squezy.
|
||||
Let me show you parts of function body.
|
||||
Prepare required pathes, list needed org files, map to collect data.
|
||||
</p>
|
||||
<pre><code class="language-lisp">(let* ((base-dir (plist-get plist :base-directory) )
|
||||
(tag-dir (concat base-dir "/tags/"))
|
||||
(posts-dir (concat base-dir "/posts"))
|
||||
(post-org-files (directory-files-recursively posts-dir "\\.org$"))
|
||||
(tag-map (make-hash-table :test 'equal))
|
||||
(posts-list (list))
|
||||
)
|
||||
</code></pre>
|
||||
<p>
|
||||
Create folder for tags files. Than we go through each file and collect plists with data required to render tags files
|
||||
</p>
|
||||
<pre><code class="language-lisp">
|
||||
(unless (file-directory-p tag-dir)
|
||||
(make-directory tag-dir t))
|
||||
|
||||
<div id="outline-container-org2da4f9e" class="outline-2">
|
||||
<h2 id="org2da4f9e">Tag</h2>
|
||||
(dolist (file post-org-files)
|
||||
(with-temp-buffer
|
||||
(insert-file-contents file)
|
||||
(let* ((parsed-info (list :parse-tree (org-element-parse-buffer)))
|
||||
(tags (split-string (my/org-get-property "TAGS" parsed-info)))
|
||||
(title (my/org-get-property "TITLE" parsed-info))
|
||||
(date (my/org-get-property "DATE" parsed-info))
|
||||
(description (my/org-get-property "DESCRIPTION" parsed-info))
|
||||
(published (my/org-get-property "PUBLISHED" parsed-info))
|
||||
(preview (with-temp-buffer
|
||||
(insert-file-contents file)
|
||||
(my/get-first-two-meaningful-lines)))
|
||||
)
|
||||
(if (and published (string= published "true"))
|
||||
(progn
|
||||
(setq link-plist
|
||||
(list
|
||||
:title title
|
||||
:description description
|
||||
:preview preview
|
||||
:file file
|
||||
:date date))
|
||||
|
||||
(push link-plist posts-list)
|
||||
|
||||
(dolist (tag tags)
|
||||
(puthash tag (cons link-plist (gethash tag tag-map)) tag-map))
|
||||
|
||||
(setq posts-list
|
||||
(sort posts-list
|
||||
(lambda (a b)
|
||||
(date-less-p (plist-get b :date) (plist-get a :date))))))))))
|
||||
</code></pre>
|
||||
<p>
|
||||
Go through resulting map and render org files for each tag.
|
||||
</p>
|
||||
<pre><code class="language-lisp">
|
||||
(maphash
|
||||
(lambda (tag link-plists)
|
||||
(let
|
||||
((tag-file (concat tag-dir tag ".org")))
|
||||
(with-temp-file tag-file
|
||||
(insert (format "#+TITLE: Tag: %s\n" tag))
|
||||
(insert "#+OPTIONS: toc:nil\n\n")
|
||||
(insert (format "* %s\n" tag))
|
||||
|
||||
(dolist (link-plist link-plists)
|
||||
(let*
|
||||
((title (plist-get link-plist :title))
|
||||
(description (plist-get link-plist :description))
|
||||
(file (plist-get link-plist :file))
|
||||
(date (plist-get link-plist :date))
|
||||
(preview (plist-get link-plist :preview))
|
||||
(relative-file (file-relative-name file (file-name-directory tag-file))))
|
||||
(insert (format "** [[file:%s][%s]]\n" relative-file title))
|
||||
(insert (format "%s\n" description))
|
||||
(insert (format "#+BEGIN_QUOTE\n%s ...\n#+END_QUOTE\n" preview))
|
||||
(insert (format "%s\n" (my/date-format date))))))))
|
||||
tag-map)
|
||||
</code></pre>
|
||||
<p>
|
||||
Resulting page example: <a href="https://fidonode.me/tags/@org-mode">@org-mode</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="outline-container-org4ba32cd" class="outline-2">
|
||||
<h2 id="org4ba32cd">Posts index.</h2>
|
||||
<div class="outline-text-2" id="text-org4ba32cd">
|
||||
<p>
|
||||
Previously, I maintained a list of posts manually. Now that I have more than 5 posts, I no longer want to do it by hand. So, after introducing tags, I've decided to automate the page with the list of posts. The same idea, almost the same data, will be integrated into the same file. Pagination has not yet been implemented and is not planned.
|
||||
</p>
|
||||
</div>
|
||||
<div id="outline-container-org225174c" class="outline-3">
|
||||
<h3 id="org225174c">Posts index automation.</h3>
|
||||
<div class="outline-text-3" id="text-org225174c">
|
||||
<p>
|
||||
Here is the part of function which renders list of posts and list of tags with number of posts in each tag category.
|
||||
</p>
|
||||
<pre><code class="language-lisp">(let
|
||||
((index-file (concat base-dir "/posts.org")))
|
||||
(with-temp-file index-file
|
||||
(org-mode)
|
||||
|
||||
(insert "#+TITLE: Alex Mikhailov - Blog\n")
|
||||
(insert "#+AUTHOR: Aleksandr Mikhailov\n")
|
||||
(insert "#+DESCRIPTION: Index page for my blog\n")
|
||||
(insert "#+OPTIONS: toc:nil\n\n")
|
||||
|
||||
(insert "* Posts\n")
|
||||
|
||||
(dolist (post posts-list)
|
||||
(let*
|
||||
((title (plist-get post :title))
|
||||
(description (plist-get post :description))
|
||||
(file (plist-get post :file))
|
||||
(date (plist-get post :date))
|
||||
(preview (plist-get post :preview))
|
||||
(relative-file (file-relative-name file (file-name-directory file))))
|
||||
|
||||
(insert (format "** [[file:./posts/%s][%s]]\n" relative-file title))
|
||||
(insert (format "%s\n" description))
|
||||
(insert (format "#+BEGIN_QUOTE\n%s ...\n#+END_QUOTE\n" preview))
|
||||
(insert (format "%s\n" (my/date-format date)))
|
||||
)
|
||||
)
|
||||
|
||||
(insert "* Tags\n")
|
||||
(maphash
|
||||
(lambda (tag posts)
|
||||
(insert (format "** [[file:./tags/%s.org][%s]] (%d) \n" tag tag (length posts))) )
|
||||
tag-map
|
||||
)
|
||||
)
|
||||
|
||||
)
|
||||
</code></pre>
|
||||
<p>
|
||||
Here is an example of resulting page: <a href="https://fidonode.me/posts">Posts</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="outline-container-org4b0c84f" class="outline-2">
|
||||
<h2 id="org4b0c84f">Cons.</h2>
|
||||
<div class="outline-text-2" id="text-org4b0c84f">
|
||||
<p>
|
||||
Now, with the way the rendering function is integrated into the process, it is called when going through each Org file found by Org-Export. This introduces O(n<sup>n</sup>) complexity. It's not ideal, but never mind, I will redo it before reaching the 100th post.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="outline-container-orgbc11995" class="outline-2">
|
||||
<h2 id="orgbc11995">Whole config.</h2>
|
||||
<div class="outline-text-2" id="text-orgbc11995">
|
||||
<p>
|
||||
As usual, between posts, I decided to tackle a whole bunch of small tasks, so here is the entire config. I'm thinking about splitting the exporter into modules and maybe open-sourcing it properly.
|
||||
A neat thing I've implemented is a way to filter out unpublished posts using a <code>PUBLISHED</code> property. This allows me to work on drafts without affecting the blog's current state.
|
||||
</p>
|
||||
<pre><code class="language-org">#+TITLE: Blog index and tags automation
|
||||
#+DATE: &lt;2024-07-05 Fri&gt;
|
||||
#+DESCRIPTION: Let's add tags to blog posts
|
||||
#+PUBLISHED: false
|
||||
#+TAGS: @org-mode @elisp @tags
|
||||
</code></pre>
|
||||
|
||||
<pre><code class="language-lisp">;; Load the publishing system
|
||||
;; Configure environment
|
||||
;;
|
||||
(setq debug-on-error t)
|
||||
|
||||
(let ((default-directory (concat "~/.config/emacs/.local/straight/build-" emacs-version "/")))
|
||||
(normal-top-level-add-subdirs-to-load-path))
|
||||
|
||||
(add-to-list 'custom-theme-load-path
|
||||
(concat "~/.config/emacs/.local/straight/build-" emacs-version "/doom-themes"))
|
||||
(add-to-list 'custom-theme-load-path (concat "~/.config/emacs/.local/straight/build-" emacs-version "/base16-theme"))
|
||||
(add-to-list 'custom-theme-load-path (concat "~/.config/emacs/.local/straight/build-" emacs-version "/moe-theme"))
|
||||
|
||||
|
||||
(require 'xml)
|
||||
(require 'dom)
|
||||
(require 'ox-publish)
|
||||
(require 'ox-rss)
|
||||
(require 'org)
|
||||
(require 'esxml)
|
||||
;; (require 'esxml-html)
|
||||
|
||||
;;
|
||||
;;Variables
|
||||
;;
|
||||
(setq
|
||||
my/url "https://fidonode.me"
|
||||
my/web-export-path "./public"
|
||||
my/blog-src-path "./home/05 Blog"
|
||||
my/lang-substitution-map '(("elisp" . "lisp"))
|
||||
org-html-validation-link nil ;; Don't show validation link
|
||||
org-html-htmlize-output-type nil
|
||||
org-src-fontify-natively t)
|
||||
|
||||
;;
|
||||
;;Templates
|
||||
;;
|
||||
(defun my/footer (info)
|
||||
`(footer ((class . "footer"))
|
||||
(div ((class . "container"))
|
||||
(hr () )
|
||||
(small ()
|
||||
(p () "Alex Mikhailov")
|
||||
(p () "Built with: "
|
||||
(a ((href . "https://www.gnu.org/software/emacs/")) "GNU Emacs") " "
|
||||
(a ((href . "https://orgmode.org/")) "Org Mode") " "
|
||||
(a ((href . "https://picocss.com/")) "picocss")
|
||||
)))))
|
||||
|
||||
(defun my/header (info)
|
||||
(let ((title-str (org-export-data (plist-get info :title) info)))
|
||||
`(header ((class . "header"))
|
||||
(div ((class . "container"))
|
||||
(nav ()
|
||||
(ul ()
|
||||
(li ()
|
||||
(strong () ,"Alex Mikhailov")))
|
||||
(ul ()
|
||||
(li () (a ((href . "/index.html")) "About"))
|
||||
(li () (a ((href . "/posts.html")) "Blog"))
|
||||
(li () (a ((href . "/rss.xml")) "RSS"))
|
||||
))))))
|
||||
|
||||
(defun my/src-block (src-block contents info)
|
||||
"Translate SRC-BLOCK element into HTML.
|
||||
CONTENTS is nil. INFO is a plist holding contextual information."
|
||||
(let* (
|
||||
(org-language (format "language-%s" (org-element-property :language src-block)))
|
||||
(language (my/replace-substrings org-language))
|
||||
(code (org-element-property :value src-block)))
|
||||
(esxml-to-xml
|
||||
`(pre ()
|
||||
(code ((class . ,language))
|
||||
,(org-html-encode-plain-text code)
|
||||
)))))
|
||||
|
||||
(defun my/render-preview (file-name title description)
|
||||
(let* ((has-imagemagick (executable-find "magick"))
|
||||
(full-file-path (file-truename(format "%s%s/resources/images/preview/%s.png" script-directory my/blog-src-path file-name )))
|
||||
(file-dir (file-name-directory full-file-path))
|
||||
(has-dir (file-directory-p file-dir))
|
||||
(has-file (file-exists-p full-file-path))
|
||||
(path-to-script-root (format "%shelpers" script-directory))
|
||||
(path-to-script (format "%s/og_image_gen.sh" path-to-script-root)))
|
||||
(if (and has-imagemagick
|
||||
(and description (not (string= description ""))))
|
||||
(progn
|
||||
(when (not has-file)
|
||||
(progn
|
||||
(when (not has-dir)
|
||||
(make-directory file-dir t))
|
||||
(shell-command (format "bash '%s' '%s' '%s' '%s' '%s'" path-to-script title description full-file-path path-to-script-root))
|
||||
)
|
||||
))
|
||||
(message "Imagemagick is not installed. Preview generation skipped.")
|
||||
)))
|
||||
|
||||
(defun my/html-header (info)
|
||||
(let* ((title-str (org-export-data (plist-get info :title) info))
|
||||
(description-str (org-export-data (plist-get info :description) info))
|
||||
(file-path-str (org-export-data (plist-get info :input-file) info))
|
||||
(base-directory-str (org-export-data (plist-get info :base-directory) info))
|
||||
(file-name-str (file-relative-name file-path-str (format "%s/%s" script-directory base-directory-str)))
|
||||
(img-link-str (format "%s/resources/images/preview/%s.png" my/url file-name-str))
|
||||
(has-src-blocks (my/org-has-src-blocks-p info)))
|
||||
|
||||
(my/render-preview file-name-str title-str description-str)
|
||||
|
||||
(set-text-properties 0 (length title-str) nil title-str)
|
||||
(set-text-properties 0 (length description-str) nil description-str)
|
||||
(set-text-properties 0 (length img-link-str) nil img-link-str)
|
||||
|
||||
|
||||
`(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")))
|
||||
;; OG block
|
||||
(meta ((name . "description") (content . ,description-str)))
|
||||
(meta ((property . "og:description") (content . ,description-str)))
|
||||
(meta ((property . "og:image") (content . ,img-link-str)))
|
||||
(meta ((property . "og:title") (content . ,title-str)))
|
||||
|
||||
(meta ((name . "twitter:description") (content . ,description-str)))
|
||||
(meta ((name . "twitter:title") (content . ,title-str)))
|
||||
(meta ((name . "twitter:image") (content . ,img-link-str)))
|
||||
(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")) ())
|
||||
(title () ,title-str)
|
||||
|
||||
,@(when has-src-blocks
|
||||
(list
|
||||
`(link ((id . "highlight-theme") (rel . "stylesheet") (type . "text/css")))
|
||||
`(script ((src . "https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js")) ())
|
||||
`(script ((src . "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/languages/bash.min.js")) ())
|
||||
`(script ((src . "https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/languages/lisp.min.js")) ())
|
||||
`(script ((src . "/resources/js/theme-selector.js")) ())
|
||||
)))))
|
||||
|
||||
(defun my/regular-template (contents info)
|
||||
`(main ((class . "container"))
|
||||
(raw-string ,contents)))
|
||||
|
||||
(defun my/blog-post-template (contents info)
|
||||
(let* ((title-str (org-export-data (plist-get info :title) info))
|
||||
(description-str (org-export-data (plist-get info :description) info))
|
||||
(tags (split-string (my/org-get-property "TAGS" info)))
|
||||
(tags-html (cl-map 'list (lambda (tag)
|
||||
`(li () (mark () (a ((href . ,(format "/tags/%s.html" tag)) (class . "secondary")) ,(format "%s" tag))))) tags))
|
||||
)
|
||||
`(main ((class . "container blog-post"))
|
||||
(hgroup ()
|
||||
(h1 () ,title-str)
|
||||
(p () ,description-str)
|
||||
(nav () (ul () (li () "Tags:") ,@tags-html))
|
||||
|
||||
)
|
||||
(raw-string ,contents)
|
||||
)))
|
||||
|
||||
(defun my/template (contents info)
|
||||
(let
|
||||
((file-path-str (org-export-data (plist-get info :input-file) info)))
|
||||
|
||||
(concat
|
||||
"&lt;!DOCTYPE html&gt;"
|
||||
(esxml-to-xml
|
||||
`(html ((lang . "en"))
|
||||
,(my/html-header info)
|
||||
(body ()
|
||||
,(my/header info)
|
||||
,(if (string-match-p "\/posts\/" file-path-str)
|
||||
(my/blog-post-template contents info)
|
||||
(my/regular-template contents info))
|
||||
,(my/footer info)
|
||||
))))))
|
||||
|
||||
|
||||
(org-export-define-derived-backend 'my-html 'html
|
||||
:translate-alist '(
|
||||
(template . my/template)
|
||||
(src-block . my/src-block)
|
||||
))
|
||||
|
||||
(defun my/publish-to-html (plist filename pub-dir)
|
||||
"Publish an Org file to HTML using the custom backend."
|
||||
(org-publish-org-to 'my-html filename ".html" plist pub-dir))
|
||||
|
||||
;;
|
||||
;;Build blog index
|
||||
;;
|
||||
|
||||
(defun my/publish-blog-index (plist FF FFFF)
|
||||
"Process all Org files in 'posts' and 'tags' directories, create index file, and insert links."
|
||||
|
||||
(let* ((base-dir (plist-get plist :base-directory) )
|
||||
(tag-dir (concat base-dir "/tags/"))
|
||||
(posts-dir (concat base-dir "/posts"))
|
||||
(post-org-files (directory-files-recursively posts-dir "\\.org$"))
|
||||
(tag-map (make-hash-table :test 'equal))
|
||||
(posts-list (list))
|
||||
)
|
||||
|
||||
;; Ensure tag directory exists
|
||||
(unless (file-directory-p tag-dir)
|
||||
(make-directory tag-dir t))
|
||||
|
||||
;; Scan all org files and collect tags
|
||||
(dolist (file post-org-files)
|
||||
(with-temp-buffer
|
||||
(insert-file-contents file)
|
||||
(let* ((parsed-info (list :parse-tree (org-element-parse-buffer)))
|
||||
(tags (split-string (my/org-get-property "TAGS" parsed-info)))
|
||||
(title (my/org-get-property "TITLE" parsed-info))
|
||||
(date (my/org-get-property "DATE" parsed-info))
|
||||
(description (my/org-get-property "DESCRIPTION" parsed-info))
|
||||
(published (my/org-get-property "PUBLISHED" parsed-info))
|
||||
(preview (with-temp-buffer
|
||||
(insert-file-contents file)
|
||||
(my/get-first-two-meaningful-lines)))
|
||||
)
|
||||
(if (and published (string= published "true"))
|
||||
(progn
|
||||
(setq link-plist
|
||||
(list
|
||||
:title title
|
||||
:description description
|
||||
:preview preview
|
||||
:file file
|
||||
:date date))
|
||||
|
||||
(push link-plist posts-list)
|
||||
|
||||
(dolist (tag tags)
|
||||
(puthash tag (cons link-plist (gethash tag tag-map)) tag-map))
|
||||
|
||||
(setq posts-list
|
||||
(sort posts-list
|
||||
(lambda (a b)
|
||||
(date-less-p (plist-get b :date) (plist-get a :date))))))))))
|
||||
|
||||
(let
|
||||
((index-file (concat base-dir "/posts.org")))
|
||||
(with-temp-file index-file
|
||||
(org-mode)
|
||||
|
||||
(insert "#+TITLE: Alex Mikhailov - Blog\n")
|
||||
(insert "#+AUTHOR: Aleksandr Mikhailov\n")
|
||||
(insert "#+DESCRIPTION: Index page for my blog\n")
|
||||
(insert "#+OPTIONS: toc:nil\n\n")
|
||||
|
||||
(insert "* Posts\n")
|
||||
|
||||
(dolist (post posts-list)
|
||||
(let*
|
||||
((title (plist-get post :title))
|
||||
(description (plist-get post :description))
|
||||
(file (plist-get post :file))
|
||||
(date (plist-get post :date))
|
||||
(preview (plist-get post :preview))
|
||||
(relative-file (file-relative-name file (file-name-directory file))))
|
||||
|
||||
(insert (format "** [[file:./posts/%s][%s]]\n" relative-file title))
|
||||
(insert (format "%s\n" description))
|
||||
(insert (format "#+BEGIN_QUOTE\n%s ...\n#+END_QUOTE\n" preview))
|
||||
(insert (format "%s\n" (my/date-format date)))
|
||||
)
|
||||
)
|
||||
|
||||
(insert "* Tags\n")
|
||||
(maphash
|
||||
(lambda (tag posts)
|
||||
(insert (format "** [[file:./tags/%s.org][%s]] (%d) \n" tag tag (length posts))) )
|
||||
tag-map
|
||||
)
|
||||
)
|
||||
|
||||
)
|
||||
|
||||
;; Create tag files and insert links
|
||||
(maphash
|
||||
(lambda (tag link-plists)
|
||||
(let
|
||||
((tag-file (concat tag-dir tag ".org")))
|
||||
(with-temp-file tag-file
|
||||
(insert (format "#+TITLE: Tag: %s\n" tag))
|
||||
(insert "#+OPTIONS: toc:nil\n\n")
|
||||
(insert (format "* %s\n" tag))
|
||||
|
||||
(dolist (link-plist link-plists)
|
||||
(let*
|
||||
((title (plist-get link-plist :title))
|
||||
(description (plist-get link-plist :description))
|
||||
(file (plist-get link-plist :file))
|
||||
(date (plist-get link-plist :date))
|
||||
(preview (plist-get link-plist :preview))
|
||||
(relative-file (file-relative-name file (file-name-directory tag-file))))
|
||||
(insert (format "** [[file:%s][%s]]\n" relative-file title))
|
||||
(insert (format "%s\n" description))
|
||||
(insert (format "#+BEGIN_QUOTE\n%s ...\n#+END_QUOTE\n" preview))
|
||||
(insert (format "%s\n" (my/date-format date))))))))
|
||||
tag-map)
|
||||
)
|
||||
)
|
||||
|
||||
;;
|
||||
;;Sitemap/RSS
|
||||
;;
|
||||
(defun my/format-rss-feed-entry (entry style project)
|
||||
"Format ENTRY for the RSS feed.
|
||||
ENTRY is a file name. STYLE is either 'list' or 'tree'.
|
||||
PROJECT is the current project."
|
||||
(cond ((not (directory-name-p entry))
|
||||
(let* ((file (org-publish--expand-file-name entry project))
|
||||
(title (org-publish-find-title entry project))
|
||||
(date (format-time-string "%Y-%m-%d" (org-publish-find-date entry project)))
|
||||
(link (concat (file-name-sans-extension entry) ".html")))
|
||||
(with-temp-buffer
|
||||
(org-mode)
|
||||
(insert (format "* [[file:%s][%s]]\n" file title))
|
||||
(org-set-property "RSS_PERMALINK" link)
|
||||
(org-set-property "RSS_TITLE" title)
|
||||
(org-set-property "PUBDATE" date)
|
||||
(let ((first-two-lines (with-temp-buffer
|
||||
(insert-file-contents file)
|
||||
(buffer-substring-no-properties
|
||||
(point-min)
|
||||
(progn (forward-line 2) (point))))))
|
||||
(if (string-suffix-p "\n" first-two-lines)
|
||||
(setq first-two-lines (substring first-two-lines 0 -1)))
|
||||
(insert first-two-lines))
|
||||
(goto-char (point-max))
|
||||
(insert "...")
|
||||
(buffer-string))))
|
||||
((eq style 'tree)
|
||||
;; Return only last subdir.
|
||||
(file-name-nondirectory (directory-file-name entry)))
|
||||
(t entry)))
|
||||
|
||||
(defun my/format-rss-feed (title list)
|
||||
"Generate RSS feed, as a string.
|
||||
TITLE is the title of the RSS feed. LIST is an internal
|
||||
representation for the files to include, as returned by
|
||||
`org-list-to-lisp'. PROJECT is the current project."
|
||||
(concat "#+TITLE: " title "\n"
|
||||
"#+STARTUP: showall \n\n"
|
||||
(org-list-to-subtree list 1 '(:icount "" :istart ""))))
|
||||
|
||||
(defun my/publish-to-rss (plist filename pub-dir)
|
||||
"Publish RSS with PLIST, only when FILENAME is 'rss.org'.
|
||||
PUB-DIR is when the output will be placed."
|
||||
(if (equal "rss.org" (file-name-nondirectory filename))
|
||||
(org-rss-publish-to-rss plist filename pub-dir)))
|
||||
|
||||
;;
|
||||
;;Helpers
|
||||
;;
|
||||
|
||||
(defun cleanup-org-line (line)
|
||||
"Clean up Org-mode formatting from a single LINE."
|
||||
(let ((cleaned-line (org-no-properties line)))
|
||||
(setq cleaned-line (replace-regexp-in-string "^\\*+ " "" cleaned-line)) ; Remove heading stars
|
||||
(string-trim cleaned-line))) ; Remove leading/trailing whitespace
|
||||
|
||||
(defun my/get-first-two-meaningful-lines ()
|
||||
"Extracts the first two meaningful lines from an Org-mode buffer."
|
||||
(interactive)
|
||||
(save-excursion ; Do not change the cursor position permanently
|
||||
(goto-char (point-min)) ; Start at the beginning of the buffer
|
||||
;; Loop to skip comments and properties
|
||||
(while (looking-at "^[#*]")
|
||||
(forward-line 1)) ; Move to the next line until a meaningful line is found
|
||||
;; Now read and return the first two meaningful lines
|
||||
|
||||
(cleanup-org-line (buffer-substring-no-properties
|
||||
(point)
|
||||
(progn (forward-line 2) (point)))
|
||||
))
|
||||
)
|
||||
|
||||
(defun date-less-p (date1 date2)
|
||||
"Return t if DATE1 is less than DATE2.
|
||||
DATE1 and DATE2 should be strings in the format &lt;YYYY-MM-DD Day&gt;."
|
||||
(let* ((date1 (substring date1 1 11)) ; Extract the date part
|
||||
(date2 (substring date2 1 11))
|
||||
(time1 (apply 'encode-time (parse-time-string (concat date1 " 00:00:00"))))
|
||||
(time2 (apply 'encode-time (parse-time-string (concat date2 " 00:00:00")))))
|
||||
(time-less-p time1 time2)))
|
||||
|
||||
(defun my/date-format (org-date)
|
||||
"Convert an Org-mode date string ORG-DATE to a formatted date string."
|
||||
(let* ((parsed-time (org-parse-time-string org-date))
|
||||
(time (apply 'encode-time parsed-time)))
|
||||
(format-time-string "posted on %Y-%m-%d" time)))
|
||||
|
||||
(defun my/format-date-subtitle (file project)
|
||||
"Format the date found in FILE of PROJECT."
|
||||
(my/date-format (org-publish-find-date file project)))
|
||||
|
||||
(defun my/pt (var)
|
||||
"Print the value and type of VAR."
|
||||
(message "Value: %S, Type: %s" var (type-of var)))
|
||||
|
||||
(defun plist-keys (plist)
|
||||
"Return a list of keys in the property list PLIST."
|
||||
(let (keys)
|
||||
(while plist
|
||||
(setq keys (cons (car plist) keys))
|
||||
(setq plist (cddr plist)))
|
||||
(nreverse keys)))
|
||||
|
||||
(defvar script-directory
|
||||
(file-name-directory (or load-file-name buffer-file-name))
|
||||
"The directory where the current script is located.")
|
||||
|
||||
(defun my/org-get-property (property info)
|
||||
"Get the value of a PROPERTY in the Org document represented by INFO."
|
||||
(org-element-map (plist-get info :parse-tree) 'keyword
|
||||
(lambda (keyword)
|
||||
(when (string= (org-element-property :key keyword) property)
|
||||
(org-element-property :value keyword)))
|
||||
nil t))
|
||||
|
||||
(defun my/org-has-src-blocks-p (info)
|
||||
"Return t if the Org document represented by INFO has source code blocks."
|
||||
(org-element-map (plist-get info :parse-tree) 'src-block
|
||||
(lambda (src-block) t)
|
||||
nil t))
|
||||
|
||||
(defun my/replace-substrings (input-string)
|
||||
"Replace substrings in INPUT-STRING according to SUBSTITUTION-MAP."
|
||||
(let ((output-string input-string))
|
||||
(dolist (pair my/lang-substitution-map)
|
||||
(let ((old (regexp-quote (car pair)))
|
||||
(new (cdr pair)))
|
||||
(setq output-string (replace-regexp-in-string old new output-string))))
|
||||
output-string))
|
||||
|
||||
;;
|
||||
;;Clear folder with results
|
||||
;;
|
||||
(when (file-directory-p my/web-export-path)
|
||||
(delete-directory my/web-export-path t))
|
||||
(mkdir my/web-export-path)
|
||||
|
||||
|
||||
;;
|
||||
;;Main blog configuration
|
||||
;;
|
||||
(setq org-publish-project-alist
|
||||
(list
|
||||
(list "blog-index"
|
||||
:base-directory my/blog-src-path
|
||||
:base-extension "org"
|
||||
:recursive t
|
||||
:publishing-directory my/web-export-path
|
||||
:publishing-function 'my/publish-blog-index)
|
||||
(list "static"
|
||||
:base-directory my/blog-src-path
|
||||
:base-extension "css\\|js\\|png\\|jpg\\|jpeg\\|gif\\|pdf\\|ico\\|txt"
|
||||
:publishing-directory my/web-export-path
|
||||
:recursive t
|
||||
:publishing-function 'org-publish-attachment
|
||||
)
|
||||
(list "blog"
|
||||
:recursive t
|
||||
:base-directory my/blog-src-path
|
||||
:publishing-directory my/web-export-path
|
||||
:publishing-function 'my/publish-to-html
|
||||
:html-html5-fancy t
|
||||
:htmlized-source t
|
||||
:with-author nil
|
||||
:with-creator t
|
||||
:with-toc t
|
||||
:section-numbers nil
|
||||
:time-stamp-file nil
|
||||
)
|
||||
(list "blog-rss"
|
||||
:author "Alex M"
|
||||
:email "iam@fidonode.me"
|
||||
:base-directory my/blog-src-path
|
||||
:base-extension "org"
|
||||
:recursive t
|
||||
:exclude (regexp-opt '("rss.org" "index.org" "404.org" "posts.org"))
|
||||
:publishing-function 'my/publish-to-rss
|
||||
:publishing-directory my/web-export-path
|
||||
:rss-extension "xml"
|
||||
:html-link-home my/url
|
||||
:html-link-use-abs-url t
|
||||
:html-link-org-files-as-html t
|
||||
:auto-sitemap t
|
||||
:sitemap-filename "rss.org"
|
||||
:sitemap-title "rss"
|
||||
:sitemap-style 'list
|
||||
:sitemap-sort-files 'anti-chronologically
|
||||
:sitemap-function 'my/format-rss-feed
|
||||
:sitemap-format-entry 'my/format-rss-feed-entry)
|
||||
))
|
||||
|
||||
|
||||
;; Generate the site output
|
||||
(org-publish-all t)
|
||||
|
||||
(message "Build complete!")
|
||||
|
||||
</code></pre>
|
||||
</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>
|
||||
|
||||
@ -2,33 +2,33 @@
|
||||
<h2>Table of Contents</h2>
|
||||
<div id="text-table-of-contents">
|
||||
<ul>
|
||||
<li><a href="#org19878ef">What is the problem with default highlighting?</a></li>
|
||||
<li><a href="#org30c5955">Highlight.js</a>
|
||||
<li><a href="#org45405cc">What is the problem with default highlighting?</a></li>
|
||||
<li><a href="#org9cc5b45">Highlight.js</a>
|
||||
<ul>
|
||||
<li><a href="#orgcce50dc">Change code block template</a></li>
|
||||
<li><a href="#org6821ed8">Plug Highlight.js</a></li>
|
||||
<li><a href="#org6e5ae39">Respect prefers-color-scheme</a></li>
|
||||
<li><a href="#org6d91835">Change code block template</a></li>
|
||||
<li><a href="#org7d36b67">Plug Highlight.js</a></li>
|
||||
<li><a href="#org58e06c8">Respect prefers-color-scheme</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#org314059a">Whole config</a></li>
|
||||
<li><a href="#orgc1bbc22">Whole config</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div id="outline-container-org19878ef" class="outline-2">
|
||||
<h2 id="org19878ef">What is the problem with default highlighting?</h2>
|
||||
<div class="outline-text-2" id="text-org19878ef">
|
||||
<div id="outline-container-org45405cc" class="outline-2">
|
||||
<h2 id="org45405cc">What is the problem with default highlighting?</h2>
|
||||
<div class="outline-text-2" id="text-org45405cc">
|
||||
<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.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="outline-container-org30c5955" class="outline-2">
|
||||
<h2 id="org30c5955">Highlight.js</h2>
|
||||
<div class="outline-text-2" id="text-org30c5955">
|
||||
<div id="outline-container-org9cc5b45" class="outline-2">
|
||||
<h2 id="org9cc5b45">Highlight.js</h2>
|
||||
<div class="outline-text-2" id="text-org9cc5b45">
|
||||
</div>
|
||||
<div id="outline-container-orgcce50dc" class="outline-3">
|
||||
<h3 id="orgcce50dc">Change code block template</h3>
|
||||
<div class="outline-text-3" id="text-orgcce50dc">
|
||||
<div id="outline-container-org6d91835" class="outline-3">
|
||||
<h3 id="org6d91835">Change code block template</h3>
|
||||
<div class="outline-text-3" id="text-org6d91835">
|
||||
<p>
|
||||
We need to make small changes in how code blocks are rendered. By default, Org Export exports code blocks as <code><pre></pre></code>. For Highlight.js, we need <code><pre><code></code></pre></code>. Additionally, we need to set the correct language name in the class attribute. Since Highlight.js does not support <code>elisp</code>, I rewrite it to regular <code>lisp</code> using the <code>my/replace-substring</code> function.
|
||||
</p>
|
||||
@ -69,9 +69,9 @@ CONTENTS is nil. INFO is a plist holding contextual information."
|
||||
</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
<div id="outline-container-org6821ed8" class="outline-3">
|
||||
<h3 id="org6821ed8">Plug Highlight.js</h3>
|
||||
<div class="outline-text-3" id="text-org6821ed8">
|
||||
<div id="outline-container-org7d36b67" class="outline-3">
|
||||
<h3 id="org7d36b67">Plug Highlight.js</h3>
|
||||
<div class="outline-text-3" id="text-org7d36b67">
|
||||
<p>
|
||||
I do not want to load Highlight.js on every page, so I need to check if the initial Org file contains code blocks. Depending on this, we will render the part of the tree with JavaScript or not.
|
||||
</p>
|
||||
@ -105,9 +105,9 @@ I do not want to load Highlight.js on every page, so I need to check if the init
|
||||
</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
<div id="outline-container-org6e5ae39" class="outline-3">
|
||||
<h3 id="org6e5ae39">Respect prefers-color-scheme</h3>
|
||||
<div class="outline-text-3" id="text-org6e5ae39">
|
||||
<div id="outline-container-org58e06c8" class="outline-3">
|
||||
<h3 id="org58e06c8">Respect prefers-color-scheme</h3>
|
||||
<div class="outline-text-3" id="text-org58e06c8">
|
||||
<p>
|
||||
Additionally, I think it's a good idea to respect the <code>prefers-color-scheme</code> property of the user's browser. We can switch CSS files based on this property. We should also subscribe to changes in this property to handle the edge case when it switches while reading the page.
|
||||
</p>
|
||||
@ -142,9 +142,9 @@ window
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="outline-container-org314059a" class="outline-2">
|
||||
<h2 id="org314059a">Whole config</h2>
|
||||
<div class="outline-text-2" id="text-org314059a">
|
||||
<div id="outline-container-orgc1bbc22" class="outline-2">
|
||||
<h2 id="orgc1bbc22">Whole config</h2>
|
||||
<div class="outline-text-2" id="text-orgc1bbc22">
|
||||
<p>
|
||||
In between posts I've switched from <code>sxml</code> to <code>esxml</code> so here is the current config.
|
||||
</p>
|
||||
|
||||
118
posts/keeb.html
118
posts/keeb.html
@ -2,51 +2,51 @@
|
||||
<h2>Table of Contents</h2>
|
||||
<div id="text-table-of-contents">
|
||||
<ul>
|
||||
<li><a href="#org70bc75e">My end-game (at least I hope) keyboard</a>
|
||||
<li><a href="#org2b3273a">My end-game (at least I hope) keyboard</a>
|
||||
<ul>
|
||||
<li><a href="#org8535fca">Keebs path</a>
|
||||
<li><a href="#org2c3b8a3">Keebs path</a>
|
||||
<ul>
|
||||
<li><a href="#org8fdef56">Dactyl manuform</a></li>
|
||||
<li><a href="#org908bca2">Moonlander</a></li>
|
||||
<li><a href="#org683b2ac">Custom Corne</a></li>
|
||||
<li><a href="#org55a221f">Dactyl manuform again</a></li>
|
||||
<li><a href="#org7d4bfa5">Dactyl manuform</a></li>
|
||||
<li><a href="#orgc16ad4a">Moonlander</a></li>
|
||||
<li><a href="#org3f7a309">Custom Corne</a></li>
|
||||
<li><a href="#org971214d">Dactyl manuform again</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#orgf7bb340">Hardware</a>
|
||||
<li><a href="#org08f0426">Hardware</a>
|
||||
<ul>
|
||||
<li><a href="#org0b83c36">Body</a></li>
|
||||
<li><a href="#org3ee8733">Switches and caps</a></li>
|
||||
<li><a href="#orgf66637d">Controllers</a></li>
|
||||
<li><a href="#org389098f">Amoeba things</a></li>
|
||||
<li><a href="#org6175673">Body</a></li>
|
||||
<li><a href="#org5295e1a">Switches and caps</a></li>
|
||||
<li><a href="#orgf1d5757">Controllers</a></li>
|
||||
<li><a href="#orgc3f79ba">Amoeba things</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#orgfad044e">Software</a>
|
||||
<li><a href="#org33ecc9d">Software</a>
|
||||
<ul>
|
||||
<li><a href="#org4902400">Plain default - QMK</a></li>
|
||||
<li><a href="#orgea64b31">Make own layout</a></li>
|
||||
<li><a href="#orgd30770f">Plain default - QMK</a></li>
|
||||
<li><a href="#orgac0087c">Make own layout</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#orgd4f4f36">Whats next?</a></li>
|
||||
<li><a href="#orgdbc0d34">Whats next?</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div id="outline-container-org70bc75e" class="outline-2">
|
||||
<h2 id="org70bc75e">My end-game (at least I hope) keyboard</h2>
|
||||
<div class="outline-text-2" id="text-org70bc75e">
|
||||
<div id="outline-container-org2b3273a" class="outline-2">
|
||||
<h2 id="org2b3273a">My end-game (at least I hope) keyboard</h2>
|
||||
<div class="outline-text-2" id="text-org2b3273a">
|
||||
</div>
|
||||
<div id="outline-container-org8535fca" class="outline-3">
|
||||
<h3 id="org8535fca">Keebs path</h3>
|
||||
<div class="outline-text-3" id="text-org8535fca">
|
||||
<div id="outline-container-org2c3b8a3" class="outline-3">
|
||||
<h3 id="org2c3b8a3">Keebs path</h3>
|
||||
<div class="outline-text-3" id="text-org2c3b8a3">
|
||||
<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>
|
||||
</div>
|
||||
<div id="outline-container-org8fdef56" class="outline-4">
|
||||
<h4 id="org8fdef56">Dactyl manuform</h4>
|
||||
<div class="outline-text-4" id="text-org8fdef56">
|
||||
<div id="outline-container-org7d4bfa5" class="outline-4">
|
||||
<h4 id="org7d4bfa5">Dactyl manuform</h4>
|
||||
<div class="outline-text-4" id="text-org7d4bfa5">
|
||||
<p>
|
||||
Almost all of the time, I struggle with my maximalism. So I decided to build the ultimate mechanical ergonomic split keyboard and chose the Dactyl Manuform. Sounds like a crazy idea. Zero experience with QMK, zero experience with hand-wired keyboards, and zero experience in 3D printing.
|
||||
The last problem was the easiest one; I just asked my friend to print the bodies from PETG polymer, and Bob's your uncle. I got two pieces of rough-layered plastic with all the support structures. God, it was a nightmare to clean these prints from supports and small artifacts, but I was happy.
|
||||
@ -92,9 +92,9 @@ To be honest, this keeb was ugly, and I decided that I wanted a beautiful factor
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="outline-container-org908bca2" class="outline-4">
|
||||
<h4 id="org908bca2">Moonlander</h4>
|
||||
<div class="outline-text-4" id="text-org908bca2">
|
||||
<div id="outline-container-orgc16ad4a" class="outline-4">
|
||||
<h4 id="orgc16ad4a">Moonlander</h4>
|
||||
<div class="outline-text-4" id="text-orgc16ad4a">
|
||||
<p>
|
||||
Nothing special. Ordered, paid, got it, tried it. Everything worked. Looked good. Happy year of typing. Bored. Annoyed. Too big and chunky. No concave. Quality not the best. Started planning the next one.
|
||||
</p>
|
||||
@ -107,9 +107,9 @@ Nothing special. Ordered, paid, got it, tried it. Everything worked. Looked good
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="outline-container-org683b2ac" class="outline-4">
|
||||
<h4 id="org683b2ac">Custom Corne</h4>
|
||||
<div class="outline-text-4" id="text-org683b2ac">
|
||||
<div id="outline-container-org3f7a309" class="outline-4">
|
||||
<h4 id="org3f7a309">Custom Corne</h4>
|
||||
<div class="outline-text-4" id="text-org3f7a309">
|
||||
<p>
|
||||
This journey started with discovering the Jian keyboard. It is a niche keeb from the Ru community focused on full support of the whole Russian layout. It was originally created by KGOH. I missed the group buy and decided that I could easily patch a Corne board with two additional keys to mimic the Jian.
|
||||
Interesting journey. I learned how to use KiCad, and how to export gerbers.
|
||||
@ -158,9 +158,9 @@ Daily driver for ~6 months. Then the world changed, and I decided to leave my ho
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="outline-container-org55a221f" class="outline-4">
|
||||
<h4 id="org55a221f">Dactyl manuform again</h4>
|
||||
<div class="outline-text-4" id="text-org55a221f">
|
||||
<div id="outline-container-org971214d" class="outline-4">
|
||||
<h4 id="org971214d">Dactyl manuform again</h4>
|
||||
<div class="outline-text-4" id="text-org971214d">
|
||||
<p>
|
||||
Two years late I've settled down in new country and decide that I want to bring back my dactyl manuform experience.
|
||||
</p>
|
||||
@ -174,13 +174,13 @@ Two years late I've settled down in new country and decide that I want to bring
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="outline-container-orgf7bb340" class="outline-3">
|
||||
<h3 id="orgf7bb340">Hardware</h3>
|
||||
<div class="outline-text-3" id="text-orgf7bb340">
|
||||
<div id="outline-container-org08f0426" class="outline-3">
|
||||
<h3 id="org08f0426">Hardware</h3>
|
||||
<div class="outline-text-3" id="text-org08f0426">
|
||||
</div>
|
||||
<div id="outline-container-org0b83c36" class="outline-4">
|
||||
<h4 id="org0b83c36">Body</h4>
|
||||
<div class="outline-text-4" id="text-org0b83c36">
|
||||
<div id="outline-container-org6175673" class="outline-4">
|
||||
<h4 id="org6175673">Body</h4>
|
||||
<div class="outline-text-4" id="text-org6175673">
|
||||
<p>
|
||||
I've choose to use a <a href="https://ryanis.cool/dactyl/#manuform">Ryan's generator</a> and generate body on top of Corne preset with all keys in last row and disabled stagger for the last two columns. <a href="https://ryanis.cool/dactyl/#manuform:CiUIBhAEGgp0aHJlZS1taW5pIgRmdWxsKgNib3gyBm5vcm1pZTgAGgoIARIEbm9uZRgAIhdVAACAQBgAIABdAADgQGUAAEBAQABIADL5AZUDAAAgQJ0DAACAP4ADAIgDAA0AAAAAFQAAAAAdMzMzQCUAANDALQAAUME1AADAQD0AAAAARQAAAABNAADAQFUAAEDAXQAA4EBlMzNhwm0zMy3CdQAAvMF45wKAAc0YiAHIJJUBMzMXwp0BMzNdwqUBZmbKwagBnwuwAZkXuAH8JcUBAABQws0BAADQwdUBAABAwdgBnATgAfMX6AGQHPUBAADowf0BAAAkwoUCAABQwYgCmwSQAvMXmALgIaUCAAAMwq0CAABwwbUCAAAAwLgChAfAApUQyAKEB9UCAABAwd0CAACAweUCAABAQOgChAfwApUQ+AKEBw==">Generator preset</a>
|
||||
The body was printed by JLC3DP (JLCPCB printing department). I've choose <a href="https://jlc3dp.com/help/article/502-Precimid-1172-Pro">SLS from nylon</a>. Print has minor artifacts; I expected better quality.
|
||||
@ -216,9 +216,9 @@ Overall, I'm happy with results. I also printed bottom plates and <a href="https
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="outline-container-org3ee8733" class="outline-4">
|
||||
<h4 id="org3ee8733">Switches and caps</h4>
|
||||
<div class="outline-text-4" id="text-org3ee8733">
|
||||
<div id="outline-container-org5295e1a" class="outline-4">
|
||||
<h4 id="org5295e1a">Switches and caps</h4>
|
||||
<div class="outline-text-4" id="text-org5295e1a">
|
||||
<p>
|
||||
I've chosen Kailh BOX Navy switches. I really like the clickity-clack sound. They have a dedicated clickbar to produce this sound, and the box profile helps with moving down perpendicularly.
|
||||
</p>
|
||||
@ -234,9 +234,9 @@ The caps are inherited from the Moonlander. They are thick, double-shot caps wit
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="outline-container-orgf66637d" class="outline-4">
|
||||
<h4 id="orgf66637d">Controllers</h4>
|
||||
<div class="outline-text-4" id="text-orgf66637d">
|
||||
<div id="outline-container-orgf1d5757" class="outline-4">
|
||||
<h4 id="orgf1d5757">Controllers</h4>
|
||||
<div class="outline-text-4" id="text-orgf1d5757">
|
||||
<p>
|
||||
I used a bootleg Pro Micro called Tenstar Robot, based on the ATmega32u4. It's perfectly supported by QMK, pin-to-pin and size-compatible with the Pro Micro.
|
||||
</p>
|
||||
@ -249,9 +249,9 @@ I used a bootleg Pro Micro called Tenstar Robot, based on the ATmega32u4. It's p
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="outline-container-org389098f" class="outline-4">
|
||||
<h4 id="org389098f">Amoeba things</h4>
|
||||
<div class="outline-text-4" id="text-org389098f">
|
||||
<div id="outline-container-orgc3f79ba" class="outline-4">
|
||||
<h4 id="orgc3f79ba">Amoeba things</h4>
|
||||
<div class="outline-text-4" id="text-orgc3f79ba">
|
||||
<p>
|
||||
During this build, I decided that I did not want to make a big mess of wires and chose Amoeba single-switch PCBs.
|
||||
</p>
|
||||
@ -281,13 +281,13 @@ They are nice, have diodes on board, and simplify wiring. However, they have the
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="outline-container-orgfad044e" class="outline-3">
|
||||
<h3 id="orgfad044e">Software</h3>
|
||||
<div class="outline-text-3" id="text-orgfad044e">
|
||||
<div id="outline-container-org33ecc9d" class="outline-3">
|
||||
<h3 id="org33ecc9d">Software</h3>
|
||||
<div class="outline-text-3" id="text-org33ecc9d">
|
||||
</div>
|
||||
<div id="outline-container-org4902400" class="outline-4">
|
||||
<h4 id="org4902400">Plain default - QMK</h4>
|
||||
<div class="outline-text-4" id="text-org4902400">
|
||||
<div id="outline-container-orgd30770f" class="outline-4">
|
||||
<h4 id="orgd30770f">Plain default - QMK</h4>
|
||||
<div class="outline-text-4" id="text-orgd30770f">
|
||||
<p>
|
||||
Prerequiremets:
|
||||
<a href="https://docs.qmk.fm/cli">QMK CLI</a>
|
||||
@ -309,9 +309,9 @@ You may want to create a separate keyboard entry in QMK.
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="outline-container-orgea64b31" class="outline-4">
|
||||
<h4 id="orgea64b31">Make own layout</h4>
|
||||
<div class="outline-text-4" id="text-orgea64b31">
|
||||
<div id="outline-container-orgac0087c" class="outline-4">
|
||||
<h4 id="orgac0087c">Make own layout</h4>
|
||||
<div class="outline-text-4" id="text-orgac0087c">
|
||||
<p>
|
||||
I'll try to go through setting of my personal layout. It is based on <a href="http://www.keyboard-layout-editor.com/#/gists/4b6c2af67148f58ddd6c6b2976c4370f">Jian layout</a>.
|
||||
</p>
|
||||
@ -468,8 +468,8 @@ const uint16_t PROGMEM keymaps[][MATRIX_ROWS][MATRIX_COLS] = {
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="outline-container-orgd4f4f36" class="outline-3">
|
||||
<h3 id="orgd4f4f36">Whats next?</h3>
|
||||
<div id="outline-container-orgdbc0d34" class="outline-3">
|
||||
<h3 id="orgdbc0d34">Whats next?</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>
|
||||
|
||||
@ -2,31 +2,31 @@
|
||||
<h2>Table of Contents</h2>
|
||||
<div id="text-table-of-contents">
|
||||
<ul>
|
||||
<li><a href="#org0d3f050">What is imagemagick</a></li>
|
||||
<li><a href="#org6f55439">Basic idea of this process</a></li>
|
||||
<li><a href="#org69f7c86">Integrate into build</a></li>
|
||||
<li><a href="#org5d91d4c">Whats next?</a>
|
||||
<li><a href="#org2ffe406">What is imagemagick</a></li>
|
||||
<li><a href="#orge756ba8">Basic idea of this process</a></li>
|
||||
<li><a href="#org49530e8">Integrate into build</a></li>
|
||||
<li><a href="#orge5b710f">Whats next?</a>
|
||||
<ul>
|
||||
<li><a href="#org78af959">Tags</a></li>
|
||||
<li><a href="#orgd2f2c56">Post series</a></li>
|
||||
<li><a href="#orgdb26061">Adopt/fix htmlize.el</a></li>
|
||||
<li><a href="#org0bbbf26">Show more meta on posts index page.</a></li>
|
||||
<li><a href="#org061294c">Tags</a></li>
|
||||
<li><a href="#org2fb8a6a">Post series</a></li>
|
||||
<li><a href="#org53f7b49">Adopt/fix htmlize.el</a></li>
|
||||
<li><a href="#orgecefc81">Show more meta on posts index page.</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div id="outline-container-org0d3f050" class="outline-2">
|
||||
<h2 id="org0d3f050">What is imagemagick</h2>
|
||||
<div class="outline-text-2" id="text-org0d3f050">
|
||||
<div id="outline-container-org2ffe406" class="outline-2">
|
||||
<h2 id="org2ffe406">What is imagemagick</h2>
|
||||
<div class="outline-text-2" id="text-org2ffe406">
|
||||
<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.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="outline-container-org6f55439" class="outline-2">
|
||||
<h2 id="org6f55439">Basic idea of this process</h2>
|
||||
<div class="outline-text-2" id="text-org6f55439">
|
||||
<div id="outline-container-orge756ba8" class="outline-2">
|
||||
<h2 id="orge756ba8">Basic idea of this process</h2>
|
||||
<div class="outline-text-2" id="text-orge756ba8">
|
||||
<p>
|
||||
I want to hook a process of rendering post. Since this function called on each run of publishing and for each post it is a good idea to cache resulting images. I gonna simply check presence of preview image and use it as guard for running image generation. After that I gonna extract <code>#+TITLE</code> and <code>#+DESCRIPTION</code> properties from Org file. Each Org file I have, has next header:
|
||||
</p>
|
||||
@ -48,9 +48,9 @@ So I with all these data I can generate my previews with simple script:
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="outline-container-org69f7c86" class="outline-2">
|
||||
<h2 id="org69f7c86">Integrate into build</h2>
|
||||
<div class="outline-text-2" id="text-org69f7c86">
|
||||
<div id="outline-container-org49530e8" class="outline-2">
|
||||
<h2 id="org49530e8">Integrate into build</h2>
|
||||
<div class="outline-text-2" id="text-org49530e8">
|
||||
<p>
|
||||
As I already mention I gonna skip file generation when file already here. Here is the whole function. Pretty simple. Just prepare pathes, check some dependencies, create pathes and execute script which calls imagemagick.
|
||||
</p>
|
||||
@ -113,37 +113,37 @@ You can check whole function in previous post <a href="./improve_code_blocks.htm
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="outline-container-org5d91d4c" class="outline-2">
|
||||
<h2 id="org5d91d4c">Whats next?</h2>
|
||||
<div class="outline-text-2" id="text-org5d91d4c">
|
||||
<div id="outline-container-orge5b710f" class="outline-2">
|
||||
<h2 id="orge5b710f">Whats next?</h2>
|
||||
<div class="outline-text-2" id="text-orge5b710f">
|
||||
</div>
|
||||
<div id="outline-container-org78af959" class="outline-3">
|
||||
<h3 id="org78af959">Tags</h3>
|
||||
<div class="outline-text-3" id="text-org78af959">
|
||||
<div id="outline-container-org061294c" class="outline-3">
|
||||
<h3 id="org061294c">Tags</h3>
|
||||
<div class="outline-text-3" id="text-org061294c">
|
||||
<p>
|
||||
Show tags, show posts by tag.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="outline-container-orgd2f2c56" class="outline-3">
|
||||
<h3 id="orgd2f2c56">Post series</h3>
|
||||
<div class="outline-text-3" id="text-orgd2f2c56">
|
||||
<div id="outline-container-org2fb8a6a" class="outline-3">
|
||||
<h3 id="org2fb8a6a">Post series</h3>
|
||||
<div class="outline-text-3" id="text-org2fb8a6a">
|
||||
<p>
|
||||
Dunno how, but I'll figure out something.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="outline-container-orgdb26061" class="outline-3">
|
||||
<h3 id="orgdb26061">Adopt/fix htmlize.el</h3>
|
||||
<div class="outline-text-3" id="text-orgdb26061">
|
||||
<div id="outline-container-org53f7b49" class="outline-3">
|
||||
<h3 id="org53f7b49">Adopt/fix htmlize.el</h3>
|
||||
<div class="outline-text-3" id="text-org53f7b49">
|
||||
<p>
|
||||
I want to highlight code during publishing step.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="outline-container-org0bbbf26" class="outline-3">
|
||||
<h3 id="org0bbbf26">Show more meta on posts index page.</h3>
|
||||
<div class="outline-text-3" id="text-org0bbbf26">
|
||||
<div id="outline-container-orgecefc81" class="outline-3">
|
||||
<h3 id="orgecefc81">Show more meta on posts index page.</h3>
|
||||
<div class="outline-text-3" id="text-orgecefc81">
|
||||
<p>
|
||||
Creation date, preview, tags, whatever.
|
||||
</p>
|
||||
|
||||
102
rss.html
102
rss.html
@ -2,80 +2,86 @@
|
||||
<h2>Table of Contents</h2>
|
||||
<div id="text-table-of-contents">
|
||||
<ul>
|
||||
<li><a href="#org320ecdf">Tag: @imagemagick</a></li>
|
||||
<li><a href="#org5403cf0">Tag: @diy</a></li>
|
||||
<li><a href="#org3fe81f2">Tag: @keeb</a></li>
|
||||
<li><a href="#orgb9a1c63">Tag: @highlightjs</a></li>
|
||||
<li><a href="#orgc9b7f32">Tag: @elisp</a></li>
|
||||
<li><a href="#org1097e56">Tag: @org-mode</a></li>
|
||||
<li><a href="#org13f0d50">Tags in posts</a></li>
|
||||
<li><a href="#org9dc42ab">Posts preview</a></li>
|
||||
<li><a href="#orgd618e20">Improve code blocks</a></li>
|
||||
<li><a href="#org0af6edc">Org blog with RSS</a></li>
|
||||
<li><a href="#org578afb5">Org to HTML and back</a></li>
|
||||
<li><a href="#org088d795">My keyboard journey</a></li>
|
||||
<li><a href="#orga09cfdf">Tag: @imagemagick</a></li>
|
||||
<li><a href="#orgaa291c3">Tag: @diy</a></li>
|
||||
<li><a href="#orgf973cb0">Tag: @keeb</a></li>
|
||||
<li><a href="#orge9d6ec6">Tag: @tags</a></li>
|
||||
<li><a href="#org17ff10e">Tag: @highlightjs</a></li>
|
||||
<li><a href="#org6cbfff9">Tag: @elisp</a></li>
|
||||
<li><a href="#org1afa773">Tag: @org-mode</a></li>
|
||||
<li><a href="#org0ccf6f7">Blog index and tags automation</a></li>
|
||||
<li><a href="#orgf3f0d31">Posts preview</a></li>
|
||||
<li><a href="#org16dd5d3">Improve code blocks</a></li>
|
||||
<li><a href="#org05d47d9">Org blog with RSS</a></li>
|
||||
<li><a href="#orgcb5e8be">Org to HTML and back</a></li>
|
||||
<li><a href="#org77205e1">My keyboard journey</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="outline-container-org320ecdf" class="outline-2">
|
||||
<h2 id="org320ecdf"><a href="file:///home/fido-node/org/home/05 Blog/tags/@imagemagick.html">Tag: @imagemagick</a></h2>
|
||||
<div class="outline-text-2" id="text-org320ecdf">
|
||||
<div id="outline-container-orga09cfdf" class="outline-2">
|
||||
<h2 id="orga09cfdf"><a href="file:///home/fido-node/org/home/05 Blog/tags/@imagemagick.html">Tag: @imagemagick</a></h2>
|
||||
<div class="outline-text-2" id="text-orga09cfdf">
|
||||
</div>
|
||||
</div>
|
||||
<div id="outline-container-org5403cf0" class="outline-2">
|
||||
<h2 id="org5403cf0"><a href="file:///home/fido-node/org/home/05 Blog/tags/@diy.html">Tag: @diy</a></h2>
|
||||
<div class="outline-text-2" id="text-org5403cf0">
|
||||
<div id="outline-container-orgaa291c3" class="outline-2">
|
||||
<h2 id="orgaa291c3"><a href="file:///home/fido-node/org/home/05 Blog/tags/@diy.html">Tag: @diy</a></h2>
|
||||
<div class="outline-text-2" id="text-orgaa291c3">
|
||||
</div>
|
||||
</div>
|
||||
<div id="outline-container-org3fe81f2" class="outline-2">
|
||||
<h2 id="org3fe81f2"><a href="file:///home/fido-node/org/home/05 Blog/tags/@keeb.html">Tag: @keeb</a></h2>
|
||||
<div class="outline-text-2" id="text-org3fe81f2">
|
||||
<div id="outline-container-orgf973cb0" class="outline-2">
|
||||
<h2 id="orgf973cb0"><a href="file:///home/fido-node/org/home/05 Blog/tags/@keeb.html">Tag: @keeb</a></h2>
|
||||
<div class="outline-text-2" id="text-orgf973cb0">
|
||||
</div>
|
||||
</div>
|
||||
<div id="outline-container-orgb9a1c63" class="outline-2">
|
||||
<h2 id="orgb9a1c63"><a href="file:///home/fido-node/org/home/05 Blog/tags/@highlightjs.html">Tag: @highlightjs</a></h2>
|
||||
<div class="outline-text-2" id="text-orgb9a1c63">
|
||||
<div id="outline-container-orge9d6ec6" class="outline-2">
|
||||
<h2 id="orge9d6ec6"><a href="file:///home/fido-node/org/home/05 Blog/tags/@tags.html">Tag: @tags</a></h2>
|
||||
<div class="outline-text-2" id="text-orge9d6ec6">
|
||||
</div>
|
||||
</div>
|
||||
<div id="outline-container-orgc9b7f32" class="outline-2">
|
||||
<h2 id="orgc9b7f32"><a href="file:///home/fido-node/org/home/05 Blog/tags/@elisp.html">Tag: @elisp</a></h2>
|
||||
<div class="outline-text-2" id="text-orgc9b7f32">
|
||||
<div id="outline-container-org17ff10e" class="outline-2">
|
||||
<h2 id="org17ff10e"><a href="file:///home/fido-node/org/home/05 Blog/tags/@highlightjs.html">Tag: @highlightjs</a></h2>
|
||||
<div class="outline-text-2" id="text-org17ff10e">
|
||||
</div>
|
||||
</div>
|
||||
<div id="outline-container-org1097e56" class="outline-2">
|
||||
<h2 id="org1097e56"><a href="file:///home/fido-node/org/home/05 Blog/tags/@org-mode.html">Tag: @org-mode</a></h2>
|
||||
<div class="outline-text-2" id="text-org1097e56">
|
||||
<div id="outline-container-org6cbfff9" class="outline-2">
|
||||
<h2 id="org6cbfff9"><a href="file:///home/fido-node/org/home/05 Blog/tags/@elisp.html">Tag: @elisp</a></h2>
|
||||
<div class="outline-text-2" id="text-org6cbfff9">
|
||||
</div>
|
||||
</div>
|
||||
<div id="outline-container-org13f0d50" class="outline-2">
|
||||
<h2 id="org13f0d50"><a href="file:///home/fido-node/org/home/05 Blog/posts/add_tags_to_blog.html">Tags in posts</a></h2>
|
||||
<div class="outline-text-2" id="text-org13f0d50">
|
||||
<div id="outline-container-org1afa773" class="outline-2">
|
||||
<h2 id="org1afa773"><a href="file:///home/fido-node/org/home/05 Blog/tags/@org-mode.html">Tag: @org-mode</a></h2>
|
||||
<div class="outline-text-2" id="text-org1afa773">
|
||||
</div>
|
||||
</div>
|
||||
<div id="outline-container-org9dc42ab" class="outline-2">
|
||||
<h2 id="org9dc42ab"><a href="file:///home/fido-node/org/home/05 Blog/posts/posts_preview.html">Posts preview</a></h2>
|
||||
<div class="outline-text-2" id="text-org9dc42ab">
|
||||
<div id="outline-container-org0ccf6f7" class="outline-2">
|
||||
<h2 id="org0ccf6f7"><a href="file:///home/fido-node/org/home/05 Blog/posts/blog_index_and_tags_automation.html">Blog index and tags automation</a></h2>
|
||||
<div class="outline-text-2" id="text-org0ccf6f7">
|
||||
</div>
|
||||
</div>
|
||||
<div id="outline-container-orgd618e20" class="outline-2">
|
||||
<h2 id="orgd618e20"><a href="file:///home/fido-node/org/home/05 Blog/posts/improve_code_blocks.html">Improve code blocks</a></h2>
|
||||
<div class="outline-text-2" id="text-orgd618e20">
|
||||
<div id="outline-container-orgf3f0d31" class="outline-2">
|
||||
<h2 id="orgf3f0d31"><a href="file:///home/fido-node/org/home/05 Blog/posts/posts_preview.html">Posts preview</a></h2>
|
||||
<div class="outline-text-2" id="text-orgf3f0d31">
|
||||
</div>
|
||||
</div>
|
||||
<div id="outline-container-org0af6edc" class="outline-2">
|
||||
<h2 id="org0af6edc"><a href="file:///home/fido-node/org/home/05 Blog/posts/add_rss_to_blog.html">Org blog with RSS</a></h2>
|
||||
<div class="outline-text-2" id="text-org0af6edc">
|
||||
<div id="outline-container-org16dd5d3" class="outline-2">
|
||||
<h2 id="org16dd5d3"><a href="file:///home/fido-node/org/home/05 Blog/posts/improve_code_blocks.html">Improve code blocks</a></h2>
|
||||
<div class="outline-text-2" id="text-org16dd5d3">
|
||||
</div>
|
||||
</div>
|
||||
<div id="outline-container-org578afb5" class="outline-2">
|
||||
<h2 id="org578afb5"><a href="file:///home/fido-node/org/home/05 Blog/posts/about_blog.html">Org to HTML and back</a></h2>
|
||||
<div class="outline-text-2" id="text-org578afb5">
|
||||
<div id="outline-container-org05d47d9" class="outline-2">
|
||||
<h2 id="org05d47d9"><a href="file:///home/fido-node/org/home/05 Blog/posts/add_rss_to_blog.html">Org blog with RSS</a></h2>
|
||||
<div class="outline-text-2" id="text-org05d47d9">
|
||||
</div>
|
||||
</div>
|
||||
<div id="outline-container-org088d795" class="outline-2">
|
||||
<h2 id="org088d795"><a href="file:///home/fido-node/org/home/05 Blog/posts/keeb.html">My keyboard journey</a></h2>
|
||||
<div class="outline-text-2" id="text-org088d795">
|
||||
<div id="outline-container-orgcb5e8be" class="outline-2">
|
||||
<h2 id="orgcb5e8be"><a href="file:///home/fido-node/org/home/05 Blog/posts/about_blog.html">Org to HTML and back</a></h2>
|
||||
<div class="outline-text-2" id="text-orgcb5e8be">
|
||||
</div>
|
||||
</div>
|
||||
<div id="outline-container-org77205e1" class="outline-2">
|
||||
<h2 id="org77205e1"><a href="file:///home/fido-node/org/home/05 Blog/posts/keeb.html">My keyboard journey</a></h2>
|
||||
<div class="outline-text-2" id="text-org77205e1">
|
||||
</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>
|
||||
|
||||
13
rss.xml
13
rss.xml
@ -14,8 +14,8 @@
|
||||
<link>https://fidonode.me</link>
|
||||
<description><![CDATA[]]></description>
|
||||
<language>en</language>
|
||||
<pubDate>Sat, 06 Jul 2024 14:43:23 +0000</pubDate>
|
||||
<lastBuildDate>Sat, 06 Jul 2024 14:43:23 +0000</lastBuildDate>
|
||||
<pubDate>Sat, 06 Jul 2024 15:17:44 +0000</pubDate>
|
||||
<lastBuildDate>Sat, 06 Jul 2024 15:17:44 +0000</lastBuildDate>
|
||||
<generator>Emacs 27.1 Org-mode 9.3</generator>
|
||||
<webMaster>iam@fidonode.me (Alex M)</webMaster>
|
||||
<image>
|
||||
@ -70,6 +70,15 @@
|
||||
|
||||
<description><![CDATA[]]></description>
|
||||
</item>
|
||||
<item>
|
||||
<title>Tag: @tags</title>
|
||||
<link>https://fidonode.me/tags/@tags.html</link>
|
||||
<author>iam@fidonode.me (Alex M)</author>
|
||||
<guid isPermaLink="false">https://fidonode.me/tags/@tags.html</guid>
|
||||
<pubDate>Sat, 06 Jul 2024 00:00:00 +0000</pubDate>
|
||||
|
||||
<description><![CDATA[]]></description>
|
||||
</item>
|
||||
<item>
|
||||
<title>Tag: @elisp</title>
|
||||
<link>https://fidonode.me/tags/@elisp.html</link>
|
||||
|
||||
@ -1,11 +1,11 @@
|
||||
<!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=""/><meta property="og:description" content=""/><meta property="og:image" content="https://fidonode.me/resources/images/preview/tags/@diy.org.png"/><meta property="og:title" content="Tag: @diy"/><meta name="twitter:description" content=""/><meta name="twitter:title" content="Tag: @diy"/><meta name="twitter:image" content="https://fidonode.me/resources/images/preview/tags/@diy.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>Tag: @diy</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-org843c8f6" class="outline-2">
|
||||
<h2 id="org843c8f6">@diy</h2>
|
||||
<div class="outline-text-2" id="text-org843c8f6">
|
||||
<div id="outline-container-orgc090ee5" class="outline-2">
|
||||
<h2 id="orgc090ee5">@diy</h2>
|
||||
<div class="outline-text-2" id="text-orgc090ee5">
|
||||
</div>
|
||||
<div id="outline-container-org400270f" class="outline-3">
|
||||
<h3 id="org400270f"><a href="../posts/keeb.html">My keyboard journey</a></h3>
|
||||
<div class="outline-text-3" id="text-org400270f">
|
||||
<div id="outline-container-org9f80380" class="outline-3">
|
||||
<h3 id="org9f80380"><a href="../posts/keeb.html">My keyboard journey</a></h3>
|
||||
<div class="outline-text-3" id="text-org9f80380">
|
||||
<p>
|
||||
Blog post about my keyboards
|
||||
</p>
|
||||
|
||||
@ -1,11 +1,11 @@
|
||||
<!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=""/><meta property="og:description" content=""/><meta property="og:image" content="https://fidonode.me/resources/images/preview/tags/@elisp.org.png"/><meta property="og:title" content="Tag: @elisp"/><meta name="twitter:description" content=""/><meta name="twitter:title" content="Tag: @elisp"/><meta name="twitter:image" content="https://fidonode.me/resources/images/preview/tags/@elisp.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>Tag: @elisp</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-org014c669" class="outline-2">
|
||||
<h2 id="org014c669">@elisp</h2>
|
||||
<div class="outline-text-2" id="text-org014c669">
|
||||
<div id="outline-container-orgebf4d8b" class="outline-2">
|
||||
<h2 id="orgebf4d8b">@elisp</h2>
|
||||
<div class="outline-text-2" id="text-orgebf4d8b">
|
||||
</div>
|
||||
<div id="outline-container-org469bea6" class="outline-3">
|
||||
<h3 id="org469bea6"><a href="../posts/posts_preview.html">Posts preview</a></h3>
|
||||
<div class="outline-text-3" id="text-org469bea6">
|
||||
<div id="outline-container-orga255ade" class="outline-3">
|
||||
<h3 id="orga255ade"><a href="../posts/posts_preview.html">Posts preview</a></h3>
|
||||
<div class="outline-text-3" id="text-orga255ade">
|
||||
<p>
|
||||
Add post preview for OpenGraph cards
|
||||
</p>
|
||||
@ -20,9 +20,9 @@ posted on 2024-06-28
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="outline-container-org88a6c63" class="outline-3">
|
||||
<h3 id="org88a6c63"><a href="../posts/improve_code_blocks.html">Improve code blocks</a></h3>
|
||||
<div class="outline-text-3" id="text-org88a6c63">
|
||||
<div id="outline-container-org3f87cd8" class="outline-3">
|
||||
<h3 id="org3f87cd8"><a href="../posts/improve_code_blocks.html">Improve code blocks</a></h3>
|
||||
<div class="outline-text-3" id="text-org3f87cd8">
|
||||
<p>
|
||||
Use highlight.js for code syntax highlighting
|
||||
</p>
|
||||
@ -37,9 +37,26 @@ posted on 2024-06-25
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="outline-container-org564c9a8" class="outline-3">
|
||||
<h3 id="org564c9a8"><a href="../posts/add_rss_to_blog.html">Org blog with RSS</a></h3>
|
||||
<div class="outline-text-3" id="text-org564c9a8">
|
||||
<div id="outline-container-org42b5a28" class="outline-3">
|
||||
<h3 id="org42b5a28"><a href="../posts/blog_index_and_tags_automation.html">Blog index and tags automation</a></h3>
|
||||
<div class="outline-text-3" id="text-org42b5a28">
|
||||
<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>
|
||||
posted on 2024-07-05
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="outline-container-org8e4e74e" class="outline-3">
|
||||
<h3 id="org8e4e74e"><a href="../posts/add_rss_to_blog.html">Org blog with RSS</a></h3>
|
||||
<div class="outline-text-3" id="text-org8e4e74e">
|
||||
<p>
|
||||
Let's add RSS feed to blog
|
||||
</p>
|
||||
|
||||
@ -1,11 +1,11 @@
|
||||
<!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=""/><meta property="og:description" content=""/><meta property="og:image" content="https://fidonode.me/resources/images/preview/tags/@highlightjs.org.png"/><meta property="og:title" content="Tag: @highlightjs"/><meta name="twitter:description" content=""/><meta name="twitter:title" content="Tag: @highlightjs"/><meta name="twitter:image" content="https://fidonode.me/resources/images/preview/tags/@highlightjs.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>Tag: @highlightjs</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-org2cb7dbf" class="outline-2">
|
||||
<h2 id="org2cb7dbf">@highlightjs</h2>
|
||||
<div class="outline-text-2" id="text-org2cb7dbf">
|
||||
<div id="outline-container-orgf7adb29" class="outline-2">
|
||||
<h2 id="orgf7adb29">@highlightjs</h2>
|
||||
<div class="outline-text-2" id="text-orgf7adb29">
|
||||
</div>
|
||||
<div id="outline-container-orge5d510f" class="outline-3">
|
||||
<h3 id="orge5d510f"><a href="../posts/improve_code_blocks.html">Improve code blocks</a></h3>
|
||||
<div class="outline-text-3" id="text-orge5d510f">
|
||||
<div id="outline-container-org9e46a27" class="outline-3">
|
||||
<h3 id="org9e46a27"><a href="../posts/improve_code_blocks.html">Improve code blocks</a></h3>
|
||||
<div class="outline-text-3" id="text-org9e46a27">
|
||||
<p>
|
||||
Use highlight.js for code syntax highlighting
|
||||
</p>
|
||||
|
||||
@ -1,11 +1,11 @@
|
||||
<!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=""/><meta property="og:description" content=""/><meta property="og:image" content="https://fidonode.me/resources/images/preview/tags/@imagemagick.org.png"/><meta property="og:title" content="Tag: @imagemagick"/><meta name="twitter:description" content=""/><meta name="twitter:title" content="Tag: @imagemagick"/><meta name="twitter:image" content="https://fidonode.me/resources/images/preview/tags/@imagemagick.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>Tag: @imagemagick</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-orgae328c2" class="outline-2">
|
||||
<h2 id="orgae328c2">@imagemagick</h2>
|
||||
<div class="outline-text-2" id="text-orgae328c2">
|
||||
<div id="outline-container-orgee2599b" class="outline-2">
|
||||
<h2 id="orgee2599b">@imagemagick</h2>
|
||||
<div class="outline-text-2" id="text-orgee2599b">
|
||||
</div>
|
||||
<div id="outline-container-orgeafbab9" class="outline-3">
|
||||
<h3 id="orgeafbab9"><a href="../posts/posts_preview.html">Posts preview</a></h3>
|
||||
<div class="outline-text-3" id="text-orgeafbab9">
|
||||
<div id="outline-container-org986c80c" class="outline-3">
|
||||
<h3 id="org986c80c"><a href="../posts/posts_preview.html">Posts preview</a></h3>
|
||||
<div class="outline-text-3" id="text-org986c80c">
|
||||
<p>
|
||||
Add post preview for OpenGraph cards
|
||||
</p>
|
||||
|
||||
@ -1,11 +1,11 @@
|
||||
<!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=""/><meta property="og:description" content=""/><meta property="og:image" content="https://fidonode.me/resources/images/preview/tags/@keeb.org.png"/><meta property="og:title" content="Tag: @keeb"/><meta name="twitter:description" content=""/><meta name="twitter:title" content="Tag: @keeb"/><meta name="twitter:image" content="https://fidonode.me/resources/images/preview/tags/@keeb.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>Tag: @keeb</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-org53e37e1" class="outline-2">
|
||||
<h2 id="org53e37e1">@keeb</h2>
|
||||
<div class="outline-text-2" id="text-org53e37e1">
|
||||
<div id="outline-container-org2fd3f62" class="outline-2">
|
||||
<h2 id="org2fd3f62">@keeb</h2>
|
||||
<div class="outline-text-2" id="text-org2fd3f62">
|
||||
</div>
|
||||
<div id="outline-container-orgc83a0b0" class="outline-3">
|
||||
<h3 id="orgc83a0b0"><a href="../posts/keeb.html">My keyboard journey</a></h3>
|
||||
<div class="outline-text-3" id="text-orgc83a0b0">
|
||||
<div id="outline-container-orgce1550c" class="outline-3">
|
||||
<h3 id="orgce1550c"><a href="../posts/keeb.html">My keyboard journey</a></h3>
|
||||
<div class="outline-text-3" id="text-orgce1550c">
|
||||
<p>
|
||||
Blog post about my keyboards
|
||||
</p>
|
||||
|
||||
@ -1,11 +1,11 @@
|
||||
<!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=""/><meta property="og:description" content=""/><meta property="og:image" content="https://fidonode.me/resources/images/preview/tags/@org-mode.org.png"/><meta property="og:title" content="Tag: @org-mode"/><meta name="twitter:description" content=""/><meta name="twitter:title" content="Tag: @org-mode"/><meta name="twitter:image" content="https://fidonode.me/resources/images/preview/tags/@org-mode.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>Tag: @org-mode</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-org456c8c6" class="outline-2">
|
||||
<h2 id="org456c8c6">@org-mode</h2>
|
||||
<div class="outline-text-2" id="text-org456c8c6">
|
||||
<div id="outline-container-org04e5e0d" class="outline-2">
|
||||
<h2 id="org04e5e0d">@org-mode</h2>
|
||||
<div class="outline-text-2" id="text-org04e5e0d">
|
||||
</div>
|
||||
<div id="outline-container-org4b5902f" class="outline-3">
|
||||
<h3 id="org4b5902f"><a href="../posts/posts_preview.html">Posts preview</a></h3>
|
||||
<div class="outline-text-3" id="text-org4b5902f">
|
||||
<div id="outline-container-org2a8aec5" class="outline-3">
|
||||
<h3 id="org2a8aec5"><a href="../posts/posts_preview.html">Posts preview</a></h3>
|
||||
<div class="outline-text-3" id="text-org2a8aec5">
|
||||
<p>
|
||||
Add post preview for OpenGraph cards
|
||||
</p>
|
||||
@ -20,9 +20,9 @@ posted on 2024-06-28
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="outline-container-org8d2d8fe" class="outline-3">
|
||||
<h3 id="org8d2d8fe"><a href="../posts/improve_code_blocks.html">Improve code blocks</a></h3>
|
||||
<div class="outline-text-3" id="text-org8d2d8fe">
|
||||
<div id="outline-container-orgced874f" class="outline-3">
|
||||
<h3 id="orgced874f"><a href="../posts/improve_code_blocks.html">Improve code blocks</a></h3>
|
||||
<div class="outline-text-3" id="text-orgced874f">
|
||||
<p>
|
||||
Use highlight.js for code syntax highlighting
|
||||
</p>
|
||||
@ -37,9 +37,26 @@ posted on 2024-06-25
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="outline-container-org41f8745" class="outline-3">
|
||||
<h3 id="org41f8745"><a href="../posts/add_rss_to_blog.html">Org blog with RSS</a></h3>
|
||||
<div class="outline-text-3" id="text-org41f8745">
|
||||
<div id="outline-container-org587cc42" class="outline-3">
|
||||
<h3 id="org587cc42"><a href="../posts/blog_index_and_tags_automation.html">Blog index and tags automation</a></h3>
|
||||
<div class="outline-text-3" id="text-org587cc42">
|
||||
<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>
|
||||
posted on 2024-07-05
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="outline-container-orgf338a5c" class="outline-3">
|
||||
<h3 id="orgf338a5c"><a href="../posts/add_rss_to_blog.html">Org blog with RSS</a></h3>
|
||||
<div class="outline-text-3" id="text-orgf338a5c">
|
||||
<p>
|
||||
Let's add RSS feed to blog
|
||||
</p>
|
||||
@ -54,9 +71,9 @@ posted on 2024-06-23
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="outline-container-org3c399d0" class="outline-3">
|
||||
<h3 id="org3c399d0"><a href="../posts/about_blog.html">Org to HTML and back</a></h3>
|
||||
<div class="outline-text-3" id="text-org3c399d0">
|
||||
<div id="outline-container-org77588d7" class="outline-3">
|
||||
<h3 id="org77588d7"><a href="../posts/about_blog.html">Org to HTML and back</a></h3>
|
||||
<div class="outline-text-3" id="text-org77588d7">
|
||||
<p>
|
||||
Blog post about publishing my blog with Org Mode
|
||||
</p>
|
||||
|
||||
@ -1,11 +1,11 @@
|
||||
<!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=""/><meta property="og:description" content=""/><meta property="og:image" content="https://fidonode.me/resources/images/preview/tags/@rss.org.png"/><meta property="og:title" content="Tag: @rss"/><meta name="twitter:description" content=""/><meta name="twitter:title" content="Tag: @rss"/><meta name="twitter:image" content="https://fidonode.me/resources/images/preview/tags/@rss.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>Tag: @rss</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-org9372e54" class="outline-2">
|
||||
<h2 id="org9372e54">@rss</h2>
|
||||
<div class="outline-text-2" id="text-org9372e54">
|
||||
<div id="outline-container-orgb30ae12" class="outline-2">
|
||||
<h2 id="orgb30ae12">@rss</h2>
|
||||
<div class="outline-text-2" id="text-orgb30ae12">
|
||||
</div>
|
||||
<div id="outline-container-orga23116c" class="outline-3">
|
||||
<h3 id="orga23116c"><a href="../posts/add_rss_to_blog.html">Org blog with RSS</a></h3>
|
||||
<div class="outline-text-3" id="text-orga23116c">
|
||||
<div id="outline-container-org3728a45" class="outline-3">
|
||||
<h3 id="org3728a45"><a href="../posts/add_rss_to_blog.html">Org blog with RSS</a></h3>
|
||||
<div class="outline-text-3" id="text-org3728a45">
|
||||
<p>
|
||||
Let's add RSS feed to blog
|
||||
</p>
|
||||
|
||||
24
tags/@tags.html
Normal file
24
tags/@tags.html
Normal file
@ -0,0 +1,24 @@
|
||||
<!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=""/><meta property="og:description" content=""/><meta property="og:image" content="https://fidonode.me/resources/images/preview/tags/@tags.org.png"/><meta property="og:title" content="Tag: @tags"/><meta name="twitter:description" content=""/><meta name="twitter:title" content="Tag: @tags"/><meta name="twitter:image" content="https://fidonode.me/resources/images/preview/tags/@tags.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>Tag: @tags</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-org97ebe1c" class="outline-2">
|
||||
<h2 id="org97ebe1c">@tags</h2>
|
||||
<div class="outline-text-2" id="text-org97ebe1c">
|
||||
</div>
|
||||
<div id="outline-container-orgc491458" class="outline-3">
|
||||
<h3 id="orgc491458"><a href="../posts/blog_index_and_tags_automation.html">Blog index and tags automation</a></h3>
|
||||
<div class="outline-text-3" id="text-orgc491458">
|
||||
<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>
|
||||
posted on 2024-07-05
|
||||
</p>
|
||||
</div>
|
||||
</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>
|
||||
Loading…
Reference in New Issue
Block a user