98 lines
No EOL
3.5 KiB
HTML
98 lines
No EOL
3.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta name="color-scheme" content="light dark">
|
|
<meta name="author" content="Liliesh">
|
|
<meta name="description" content="Hello there, this is the first blog post. You should read me first.">
|
|
<link rel="alternate" href="/blog//atom.xml" type="application/atom+xml">
|
|
<link rel="stylesheet" href="/blog/style.css" type="text/css">
|
|
<title>Hello World! | </title>
|
|
</head>
|
|
|
|
<body>
|
|
<header>
|
|
<h1><a href="/">Liliesh's Blog</a></h1>
|
|
<nav>
|
|
<h2></h2>
|
|
<ul>
|
|
<li><h2><a href="/">Blog</a></h2></li>
|
|
<li><h2><a href="/blog/archive.html">Archive</a></h2></li>
|
|
<li><h2><a href="/blog/tags/">Tags</a></h2></li>
|
|
<li><h2><a href="/blog/about.html">About Me</a></h2></li>
|
|
</ul>
|
|
</nav>
|
|
</header>
|
|
|
|
<main>
|
|
|
|
|
|
|
|
<h2>Hello World!</h2>
|
|
|
|
|
|
<aside>
|
|
<p>published on 2023-01-01
|
|
|
|
|
|
· tagged with
|
|
|
|
<a href="/blog/tags/blag.html">#blag</a> and
|
|
<a href="/blog/tags/pygments.html">#pygments</a>
|
|
|
|
</p>
|
|
</aside>
|
|
|
|
<h2>Hello World</h2>
|
|
<p>This is an example blog post. Internally, blag differentiates between <strong>pages</strong>
|
|
and <strong>articles</strong>. Intuitively, pages are simple pages and articles are blog
|
|
posts. The decision whether a document is a page or an article is made
|
|
depending on the presence of the <code>date</code> metadata element: Any document that
|
|
contains the <code>date</code> metadata element is an article, everything else a page.</p>
|
|
<p>This differentiation has consequences:</p>
|
|
<ul>
|
|
<li>blag uses different templates: <code>page.html</code> and <code>article.html</code></li>
|
|
<li>only articles are collected in the Atom feed</li>
|
|
<li>only articles are aggregated in the tag pages</li>
|
|
</ul>
|
|
<p>For more detailed information, please refer to the <a href="https://blag.readthedocs.io">documentation</a></p>
|
|
<h3>Syntax Highlighting</h3>
|
|
<div class="codehilite"><pre><span></span><code><span class="k">def</span><span class="w"> </span><span class="nf">foo</span><span class="p">(</span><span class="n">bar</span><span class="p">):</span>
|
|
<span class="w"> </span><span class="sd">"""This is a docstring.</span>
|
|
|
|
<span class="sd"> """</span>
|
|
<span class="c1"># comment</span>
|
|
<span class="k">return</span> <span class="n">bar</span>
|
|
</code></pre></div>
|
|
|
|
<p>Syntax highlighting is done via <a href="https://pygments.org">Pygments</a>. For code blocks, blag
|
|
generates the necessary CSS classes by default, which you can use to style your
|
|
code using CSS. It provides you with a default light- and dark theme, for more
|
|
information on how to generate a different theme, please refer to <a href="https://pygments.org">Pygments’
|
|
documentation</a>.</p>
|
|
<h3>Next Steps</h3>
|
|
<ul>
|
|
<li>Adapt the files in <code>templates</code> to your needs</li>
|
|
<li>Check out the files in <code>static</code> and modify as needed</li>
|
|
<li>Add some content</li>
|
|
<li>Change the <a href="favicon.ico">favicon.ico</a></li>
|
|
</ul>
|
|
|
|
|
|
</main>
|
|
|
|
<footer>
|
|
<p>This website was built with <a href="https://github.com/venthur/blag">blag</a>.
|
|
<br>
|
|
Subscribe to the <a href="/blog/atom.xml">atom feed</a>.
|
|
<br>
|
|
Contact me via
|
|
<a rel="me" href="https://wetdry.world/@techfoxxo">Fediverse</a>,
|
|
<a href="https://matrix.to/#/@liliesh:catgirl.cloud">Matrix</a>
|
|
</p>
|
|
</footer>
|
|
</body>
|
|
|
|
</html> |