Updated pages
This commit is contained in:
parent
e198638d3f
commit
b4be4c8ab4
GPG key ID:
680387646C7BAE8E
10 changed files with 11 additions and 413 deletions
|
|
@ -1,49 +0,0 @@
|
||||||
<!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="Some information about me">
|
|
||||||
<link rel="alternate" href="/blog/atom.xml" type="application/atom+xml">
|
|
||||||
<link rel="stylesheet" href="/blog/style.css" type="text/css">
|
|
||||||
<title>About Me | </title>
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body>
|
|
||||||
<header>
|
|
||||||
<h1><a href="/blog">Liliesh's Blog</a></h1>
|
|
||||||
<nav>
|
|
||||||
<h2></h2>
|
|
||||||
<ul>
|
|
||||||
<li><h2><a href="/blog">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>
|
|
||||||
|
|
||||||
|
|
||||||
<h1>About Me(ow)!</h1>
|
|
||||||
|
|
||||||
|
|
||||||
</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>
|
|
||||||
|
|
@ -1,98 +0,0 @@
|
||||||
<!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="/blog">Liliesh's Blog</a></h1>
|
|
||||||
<nav>
|
|
||||||
<h2></h2>
|
|
||||||
<ul>
|
|
||||||
<li><h2><a href="/blog">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>
|
|
||||||
|
|
@ -1,66 +0,0 @@
|
||||||
<!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="This is the second blog post, so you can see how it looks like on the front page.">
|
|
||||||
<link rel="alternate" href="/blog/atom.xml" type="application/atom+xml">
|
|
||||||
<link rel="stylesheet" href="/blog/style.css" type="text/css">
|
|
||||||
<title>Second Post | </title>
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body>
|
|
||||||
<header>
|
|
||||||
<h1><a href="/blog">Liliesh's Blog</a></h1>
|
|
||||||
<nav>
|
|
||||||
<h2></h2>
|
|
||||||
<ul>
|
|
||||||
<li><h2><a href="/blog">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>Second Post</h2>
|
|
||||||
|
|
||||||
|
|
||||||
<aside>
|
|
||||||
<p>published on 2023-01-02
|
|
||||||
|
|
||||||
|
|
||||||
· tagged with
|
|
||||||
|
|
||||||
<a href="/blog/tags/blag.html">#blag</a>
|
|
||||||
|
|
||||||
</p>
|
|
||||||
</aside>
|
|
||||||
|
|
||||||
<h2>Second Post</h2>
|
|
||||||
<p>This page serves no purpose :)</p>
|
|
||||||
<p><img alt="Blag Screenshot" src="blag.png"></p>
|
|
||||||
|
|
||||||
|
|
||||||
</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>
|
|
||||||
|
|
@ -1,85 +0,0 @@
|
||||||
<!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="">
|
|
||||||
<link rel="alternate" href="/blog/atom.xml" type="application/atom+xml">
|
|
||||||
<link rel="stylesheet" href="/blog/style.css" type="text/css">
|
|
||||||
<title> | </title>
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body>
|
|
||||||
<header>
|
|
||||||
<h1><a href="/blog">Liliesh's Blog</a></h1>
|
|
||||||
<nav>
|
|
||||||
<h2></h2>
|
|
||||||
<ul>
|
|
||||||
<li><h2><a href="/blog">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>
|
|
||||||
|
|
||||||
|
|
||||||
<h1>This Is A Headline</h1>
|
|
||||||
<p>This is some <strong>bold text</strong> with some <code>code</code> inside. This is <em>some_underlined</em>
|
|
||||||
text with some <code>code</code> inside. This is some text with some <code>code</code> inside. This
|
|
||||||
is some text with some <code>code</code> inside. This is some text with some <code>code</code>
|
|
||||||
inside. This is some text with some <code>code</code> inside. This is some text with some
|
|
||||||
<code>code</code> inside. This is some text with some <code>code</code> inside.</p>
|
|
||||||
<p>This is some <a href="https://example.com">link</a> inside the text – it does not really
|
|
||||||
lead anywhere! This is some <a href="https://example.com">link</a> inside the text – it
|
|
||||||
does not really lead anywhere! This is some <a href="https://example.com">link</a> inside
|
|
||||||
the text – it does not really lead anywhere!</p>
|
|
||||||
<ul>
|
|
||||||
<li>some bullets</li>
|
|
||||||
<li>some other</li>
|
|
||||||
<li>bullets</li>
|
|
||||||
<li>foo</li>
|
|
||||||
</ul>
|
|
||||||
<div class="codehilite"><pre><span></span><code><span class="c1"># this is some python code</span>
|
|
||||||
|
|
||||||
<span class="k">class</span><span class="w"> </span><span class="nc">Foo</span><span class="p">:</span>
|
|
||||||
|
|
||||||
<span class="k">def</span><span class="w"> </span><span class="fm">__init__</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">foo</span><span class="p">,</span> <span class="n">bar</span><span class="p">):</span>
|
|
||||||
<span class="bp">self</span><span class="o">.</span><span class="n">foo</span> <span class="o">=</span> <span class="n">foo</span>
|
|
||||||
<span class="bp">self</span><span class="o">.</span><span class="n">bar</span> <span class="o">=</span> <span class="n">bar</span>
|
|
||||||
|
|
||||||
<span class="k">def</span><span class="w"> </span><span class="nf">do_something</span><span class="p">():</span>
|
|
||||||
<span class="w"> </span><span class="sd">"""This is the docstring of this method.</span>
|
|
||||||
|
|
||||||
<span class="sd"> """</span>
|
|
||||||
<span class="k">return</span> <span class="n">foo</span>
|
|
||||||
</code></pre></div>
|
|
||||||
|
|
||||||
<h2>Some other headline</h2>
|
|
||||||
<p>This is some other text</p>
|
|
||||||
<div class="codehilite"><pre><span></span><code><span class="c"># some comment</span>
|
|
||||||
<span class="nf">foo</span><span class="o">:</span>
|
|
||||||
<span class="w"> </span>ls<span class="w"> </span>-lh
|
|
||||||
</code></pre></div>
|
|
||||||
|
|
||||||
|
|
||||||
</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>
|
|
||||||
|
|
@ -1,6 +0,0 @@
|
||||||
title: About Me
|
|
||||||
description: Some information about me
|
|
||||||
|
|
||||||
|
|
||||||
# About Me(ow)!
|
|
||||||
|
|
||||||
11
content/first-entry.md
Normal file
11
content/first-entry.md
Normal file
|
|
@ -0,0 +1,11 @@
|
||||||
|
Title: First Entry
|
||||||
|
Description: After around 1000 tries, here is another try on having a block.
|
||||||
|
Date: 2025-07-14 20:11
|
||||||
|
Tags: iliketomeow
|
||||||
|
|
||||||
|
# First Entry
|
||||||
|
|
||||||
|
Well, here we go again. Another try on writing a blog. This time with a static site generator called "blag".
|
||||||
|
It allows me to write my entries in markdown and then converts to html. In the past, I often struggled keeping up a blog, due to the maintenance, since I did neither want a fully static site nor something like "Ghost".
|
||||||
|
|
||||||
|
In the coming days I'm planning to write a blog post about how to setup your own music library at home and streaming it on the go.
|
||||||
|
|
@ -1,51 +0,0 @@
|
||||||
Title: Hello World!
|
|
||||||
Description: Hello there, this is the first blog post. You should read me first.
|
|
||||||
Date: 2023-01-01 12:00
|
|
||||||
Tags: blag, pygments
|
|
||||||
|
|
||||||
|
|
||||||
## Hello World
|
|
||||||
|
|
||||||
This is an example blog post. Internally, blag differentiates between **pages**
|
|
||||||
and **articles**. 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 `date` metadata element: Any document that
|
|
||||||
contains the `date` metadata element is an article, everything else a page.
|
|
||||||
|
|
||||||
This differentiation has consequences:
|
|
||||||
|
|
||||||
* blag uses different templates: `page.html` and `article.html`
|
|
||||||
* only articles are collected in the Atom feed
|
|
||||||
* only articles are aggregated in the tag pages
|
|
||||||
|
|
||||||
For more detailed information, please refer to the [documentation][doc]
|
|
||||||
|
|
||||||
[doc]: https://blag.readthedocs.io
|
|
||||||
|
|
||||||
|
|
||||||
### Syntax Highlighting
|
|
||||||
|
|
||||||
```python
|
|
||||||
def foo(bar):
|
|
||||||
"""This is a docstring.
|
|
||||||
|
|
||||||
"""
|
|
||||||
# comment
|
|
||||||
return bar
|
|
||||||
```
|
|
||||||
|
|
||||||
Syntax highlighting is done via [Pygments][pygments]. 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 [Pygments'
|
|
||||||
documentation][pygments].
|
|
||||||
|
|
||||||
[pygments]: https://pygments.org
|
|
||||||
|
|
||||||
|
|
||||||
### Next Steps
|
|
||||||
|
|
||||||
* Adapt the files in `templates` to your needs
|
|
||||||
* Check out the files in `static` and modify as needed
|
|
||||||
* Add some content
|
|
||||||
* Change the [favicon.ico](favicon.ico)
|
|
||||||
|
|
@ -1,11 +0,0 @@
|
||||||
Title: Second Post
|
|
||||||
Description: This is the second blog post, so you can see how it looks like on the front page.
|
|
||||||
Date: 2023-01-02 12:00
|
|
||||||
Tags: blag
|
|
||||||
|
|
||||||
|
|
||||||
## Second Post
|
|
||||||
|
|
||||||
This page serves no purpose :)
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -1,46 +0,0 @@
|
||||||
# This Is A Headline
|
|
||||||
|
|
||||||
This is some **bold text** with some `code` inside. This is _some_underlined_
|
|
||||||
text with some `code` inside. This is some text with some `code` inside. This
|
|
||||||
is some text with some `code` inside. This is some text with some `code`
|
|
||||||
inside. This is some text with some `code` inside. This is some text with some
|
|
||||||
`code` inside. This is some text with some `code` inside.
|
|
||||||
|
|
||||||
This is some [link](https://example.com) inside the text -- it does not really
|
|
||||||
lead anywhere! This is some [link](https://example.com) inside the text -- it
|
|
||||||
does not really lead anywhere! This is some [link](https://example.com) inside
|
|
||||||
the text -- it does not really lead anywhere!
|
|
||||||
|
|
||||||
|
|
||||||
* some bullets
|
|
||||||
* some other
|
|
||||||
* bullets
|
|
||||||
* foo
|
|
||||||
|
|
||||||
```python
|
|
||||||
# this is some python code
|
|
||||||
|
|
||||||
class Foo:
|
|
||||||
|
|
||||||
def __init__(self, foo, bar):
|
|
||||||
self.foo = foo
|
|
||||||
self.bar = bar
|
|
||||||
|
|
||||||
def do_something():
|
|
||||||
"""This is the docstring of this method.
|
|
||||||
|
|
||||||
"""
|
|
||||||
return foo
|
|
||||||
```
|
|
||||||
|
|
||||||
|
|
||||||
## Some other headline
|
|
||||||
|
|
||||||
This is some other text
|
|
||||||
|
|
||||||
```makefile
|
|
||||||
|
|
||||||
# some comment
|
|
||||||
foo:
|
|
||||||
ls -lh
|
|
||||||
```
|
|
||||||
|
|
@ -25,7 +25,6 @@
|
||||||
<li><h2><a href="/blog">Blog</a></h2></li>
|
<li><h2><a href="/blog">Blog</a></h2></li>
|
||||||
<li><h2><a href="/blog/archive.html">Archive</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/tags/">Tags</a></h2></li>
|
||||||
<li><h2><a href="/blog/about.html">About Me</a></h2></li>
|
|
||||||
</ul>
|
</ul>
|
||||||
</nav>
|
</nav>
|
||||||
</header>
|
</header>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue