website

#astro#js#html#css

git clone https://git.pyrossh.dev/website

木 Personal website of pyrossh. Built with astrojs, shiki, vite.


src/_includes/post.njk
3c79a68 1
---
3c79a68 2
layout: layout.njk
3c79a68 3
---
3c79a68 4
<article>
3c79a68 5
  <h1 style="view-transition-name:post-title-{{ page.fileSlug }};text-align:left;font-size:1.8rem;font-weight:bold;line-height:1;margin-top:0.5rem;margin-bottom:0.1rem">{{ title }}</h1>
3c79a68 6
  <h2 style="font-size:1.1rem;font-weight:500">{{ description }}</h2>
3c79a68 7
  <time style="font-size:1.1rem;color:light-dark(hsl(from var(--color-text) h s 40%), hsl(from var(--color-text) h s 80%))">{{ pubDate | readableDate }}</time>
3c79a68 8
  <hr style="margin:0.5rem 0;border-color:var(--color-text)" />
44991dd 9
  <article class="markdown-body">{{ content | safe }}</article>
3c79a68 10
</article>