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

feat: custom navbar items and footer

Browse source
This commit is contained in:
grassblock 2025-05-13 21:28:08 +08:00
parent 41e1a4abee
commit 2c7b0edaf7
2 changed files with 14 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/layouts/Layout.astro
View file

@ -13,6 +13,9 @@ interface Props {
const defaultTitle = siteConfig.title
const formattedPath = defaultTitle.toLowerCase().replace(/\s+/g, '-');
const navBarItems = siteConfig.navBarItems
const customFooter = siteConfig.customFooter
const { title, path = formattedPath } = Astro.props;
// TODO: make the path dynamic
---
@ -36,6 +39,7 @@ const { title, path = formattedPath } = Astro.props;
<nav class="nav">
<a href="/">Home</a>
<a href="/blog">Blog</a>
{navBarItems.map((item) => <a href={item.link}>{item.text}</a>)}
</nav>
<Search />
@ -52,7 +56,8 @@ const { title, path = formattedPath } = Astro.props;
<ThemeSwitcher/>
</div>
<div class="container">
Powered by <a href="https://git.gb0.dev/gb/mercury"><img src="/mercury.svg" width="16px" alt="mercury logo" /> mercury</a>
<Fragment set:html={customFooter} />
<p>Powered by <a href="https://git.gb0.dev/gb/mercury"><img src="/mercury.svg" width="16px" alt="mercury logo" /> mercury</a></p>
</div>
</footer>
</body>