zyl/zyllian.github.io
1
0
Fork 0
mirror of https://github.com/zyllian/zyllian.github.io.git synced 2025-05-10 02:26:45 -07:00
Code Issues Projects Releases Packages Wiki Activity
zyllian.github.io/blog/so-now-i-have-a-blog.html

1 line
No EOL
2.3 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html> <html lang="en"> <meta charset="utf-8"> <meta name="referrer" content="no-referrer"> <link rel="stylesheet" href="/styles/index.css"> <title>Zyllian / so now i have a blog</title> <header class="main-header"> <span> <a class="name" href="/">Zyllian's Website</a> | <span class="pronouns">she/they</span> </span> <span class="spacer"></span> <a href="/images/">Images</a> | <a href="https://github.com/Zyllian/zyllian.github.io" rel="noopener noreferrer" target="_blank">Source</a> </header> <main class="page"> <div class="blog-post"> <h1 class="title">so now i have a blog</h1> <span class="timestamp">Published Friday, June 09, 2023</span> <h2>DRAFT</h2> <div class="header-image-wrapper"> <p class="short-desc">I added a blog to my site.</p> <img class="header-image" src="https://i.zyl.gay/cat.jpeg" alt="placeholder" style="object-fit: cover; object-position: 50% 50%;"> </div> <div class="content"> <p>So now I have a blog on my site. I don’t really have any plans to post here regularly, but idk maybe that’ll change in the future.</p> <p>That’s pretty much it as far as the non-technical side of things goes.</p> <h2>The Technical Side of Things</h2> <p>I haven’t really written anything about how my site works before, so this is also going to contain some general information about the site as a whole.</p> <p><code>zyl.gay</code> is a static website built with a custom static site builder I built for it. It started by taking Markdown pages and rendering them on top of the appropriate template.</p> <p>When I added the <a href="/images/">images section</a> to the site I added the first abstraction on top of this: YAML files with the relevant metadata for the image (including a short but unstyled description) which then get rendered not only into pages for the individual pages, but also a paginated display for all the images <em>and</em> a method to view images by tag.</p> <p>To get blogs working I modified the image page code to be generic over provided resource types, so really the images and the blog posts are rendered the same way, just with different configurations.</p> </div> <hr /> <h3 class="tags-title">Tags</h3> <div class="post-tags"> <a class="tag" href="/blog/tag/meta">meta</a>, <a class="tag" href="/blog/tag/technical">technical</a> </div> </div> </main>
Reference in a new issue View git blame Copy permalink