baalajimaestro/personal-website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

fix: fix the pathname

Browse source
This commit is contained in:
kaivanwong 2024-05-16 18:47:03 +08:00
parent 8799aacc55
commit 576c309aea
1 changed files with 5 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/pages/blog/[...path].astro
View file

@ -17,6 +17,10 @@ export async function getStaticPaths() {
const { path } = Astro.params const { path } = Astro.params
const posts = await getPosts(path) const posts = await getPosts(path)
function activeLink(pathname: string) {
return Astro.url.pathname.replace(/\/+/g, '/').replace(/\/$/, '') === pathname
}
--- ---
<BaseLayout <BaseLayout
@ -30,7 +34,7 @@ const posts = await getPosts(path)
siteConfig.page.blogLinks.map((nav) => ( siteConfig.page.blogLinks.map((nav) => (
<a <a
aria-label={nav.text} aria-label={nav.text}
class={`nav-link text-3xl font-bold ${Astro.url.pathname === nav.href ? 'opacity-80' : 'opacity-30 hover:opacity-50'}`} class={`nav-link text-3xl font-bold ${activeLink(nav.href) ? 'opacity-80' : 'opacity-30 hover:opacity-50'}`}
href={nav.href} href={nav.href}
> >
{nav.text} {nav.text}