gb/mercury
Template
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Activity Actions

feat: change title path appearance

Browse source
This commit is contained in:
grassblock 2025-05-01 21:22:57 +08:00
parent 534abd91e3
commit 4abfef69d3
4 changed files with 15 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/config.ts Normal file
View file

@ -0,0 +1,4 @@
export const siteConfig = {
title: '/var/log/mercury',
description: 'A blog about software development, technology, and life.',
}

7
src/layouts/Layout.astro
View file

@ -2,13 +2,18 @@
import '../styles/global.css'; import '../styles/global.css';
import Search from '../components/Search.astro'; import Search from '../components/Search.astro';
import ThemeSwitcher from '../components/ThemeSwitcher.astro'; import ThemeSwitcher from '../components/ThemeSwitcher.astro';
import { siteConfig } from "../config";
interface Props { interface Props {
title: string; title: string;
path?: string; path?: string;
} }
const { title, path = "~/grassblock/micr0blog" } = Astro.props; const defaultTitle = siteConfig.title
const formattedPath = defaultTitle.toLowerCase().replace(/\s+/g, '-');
const { title, path = formattedPath } = Astro.props;
// TODO: make the path dynamic
--- ---
<!doctype html> <!doctype html>

8
src/pages/blog.astro
View file

@ -6,7 +6,7 @@ const posts = await getCollection('blog');
posts.sort((a, b) => new Date(b.data.pubDate).getTime() - new Date(a.data.pubDate).getTime()); posts.sort((a, b) => new Date(b.data.pubDate).getTime() - new Date(a.data.pubDate).getTime());
--- ---
<Layout title="Blog | Terminal Blog" path="~/grassblock/micr0blog/blog"> <Layout title="Blog | Terminal Blog">
<h1 class="post-title">~/blog</h1> <h1 class="post-title">~/blog</h1>
<div class="post-content"> <div class="post-content">
@ -25,15 +25,15 @@ posts.sort((a, b) => new Date(b.data.pubDate).getTime() - new Date(a.data.pubDat
{posts.length === 0 && ( {posts.length === 0 && (
<> <>
<p> <p>
<span style="color: var(--terminal-yellow);">2025-06-08</span> <span style="color: var(--terminal-yellow);">2025-06-08</span>
<a href="/blog/terminal-setup">My Terminal Setup</a> <a href="/blog/terminal-setup">My Terminal Setup</a>
</p> </p>
<p> <p>
<span style="color: var(--terminal-yellow);">2025-06-05</span> <span style="color: var(--terminal-yellow);">2025-06-05</span>
<a href="/blog/minimalism">The Art of Minimalism</a> <a href="/blog/minimalism">The Art of Minimalism</a>
</p> </p>
<p> <p>
<span style="color: var(--terminal-yellow);">2025-06-01</span> <span style="color: var(--terminal-yellow);">2025-06-01</span>
<a href="/blog/first-post">First Post</a> <a href="/blog/first-post">First Post</a>
</p> </p>
</> </>

2
src/pages/lab.astro
View file

@ -2,7 +2,7 @@
import Layout from '../layouts/Layout.astro'; import Layout from '../layouts/Layout.astro';
--- ---
<Layout title="Lab | Terminal Blog" path="~/grassblock/micr0blog/lab"> <Layout title="Lab | Terminal Blog" >
<h1 class="post-title">~/lab</h1> <h1 class="post-title">~/lab</h1>
<div class="post-content"> <div class="post-content">