Blogs/micro
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix canonical URL for blog posts to use pretty URL format

Browse source
This commit is contained in:
Obsidian Sync 2026-02-25 19:29:16 +05:30
parent 462b941b71
commit 8d707b6683
3 changed files with 30 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

16
public/_redirects
View file

@ -1,17 +1,3 @@
# redirects for pretty URLs - generated automatically # redirects for pretty URLs - generated automatically
# Using rewrites to preserve original URL
/2024-01-06-why-does-every-guest-house-room-have-a-tv-screen /blog/2024-01-06-why-does-every-guest-house-room-have-a-tv-screen 200
/2025-06-21-crowdsourcing-exam-problems /blog/2025-06-21-crowdsourcing-exam-problems 200
/2025-07-05-hypothetical-grading-policy /blog/2025-07-05-hypothetical-grading-policy 200
/2025-07-09-math-human-flourishing-struggle /blog/2025-07-09-math-human-flourishing-struggle 200
/2025-07-17-teacher-training-initiative /blog/2025-07-17-teacher-training-initiative 200
/2025-07-21-capacities-pkm /blog/2025-07-21-capacities-pkm 200
/2025-08-07-nptel-underrated /blog/2025-08-07-nptel-underrated 200
/2025-08-16-interactive-fiction-textbooks /blog/2025-08-16-interactive-fiction-textbooks 200
/2025-08-27-vibecoding-manim-slides /blog/2025-08-27-vibecoding-manim-slides 200
/2025-08-29-grok-a-book-new-editions /blog/2025-08-29-grok-a-book-new-editions 200
/2025-09-05-pocket-shutdown /blog/2025-09-05-pocket-shutdown 200
/2025-09-23-ten-years-iitgn /blog/2025-09-23-ten-years-iitgn 200
/2025-11-17-iisc-time-tracking /blog/2025-11-17-iisc-time-tracking 200
/2026-02-20-value-of-things-comment /blog/2026-02-20-value-of-things-comment 200
/2026-02-25-mattermost-for-openclaw /blog/2026-02-25-mattermost-for-openclaw 200

10
src/components/Head.astro
View file

@ -21,10 +21,12 @@ interface Props {
const canonicalURL = new URL(Astro.url.pathname, Astro.site); const canonicalURL = new URL(Astro.url.pathname, Astro.site);
// For pretty URLs (e.g., /slug), use the pretty URL as canonical // For blog posts with date-slug format, show pretty URL in og:url/canonical
const requestedPath = Astro.request.url.replace(Astro.site?.href || '', '/').replace(/\/$/, ''); // This handles both direct /slug access and proxy /blog/slug access
const isPrettyUrl = requestedPath.startsWith('/20') || /^\/\d{4}-/.test(requestedPath); const pathParts = Astro.url.pathname.split('/').filter(Boolean);
const finalCanonicalPath = isPrettyUrl ? requestedPath : Astro.url.pathname; const blogPostMatch = pathParts[0] === 'blog' ? pathParts[1] : pathParts[0];
const isBlogPost = blogPostMatch?.match(/^\d{4}-\d{2}-\d{2}-/);
const finalCanonicalPath = isBlogPost ? `/${blogPostMatch}` : Astro.url.pathname;
const finalCanonicalURL = new URL(finalCanonicalPath, Astro.site); const finalCanonicalURL = new URL(finalCanonicalPath, Astro.site);
const { title, description, image = "/astro-micro.jpg" } = Astro.props; const { title, description, image = "/astro-micro.jpg" } = Astro.props;

23
src/pages/[...id].astro Normal file
View file

@ -0,0 +1,23 @@
---
import { getCollection } from 'astro:content';
export async function getStaticPaths() {
const posts = await getCollection('blog');
// Generate paths for both /blog/slug and /slug
const paths = [];
for (const post of posts) {
// /blog/slug - the original path
paths.push({
params: { id: post.id },
props: { slug: post.id },
});
}
return paths;
}
const { slug } = Astro.props;
return Astro.redirect(`/blog/${slug}`, 301);
---