Madhurima Mindscape: A Deep Dive into My Jekyll-Based Blogging Project

说明与用途

在 Jekyll 上改造个人博客：动态主题、交互式搜索、朗读、书签、评论、分享以及结构化 SEO 元数据。

问题

Need a more interactive, discoverable, and manageable personal blogging platform built on Jekyll.

结果

The blog now offers interactive themes, content discovery, read‑aloud, bookmarking, comments, sharing, and structured SEO metadata, improving user engagement and maintainability.

工作流

• Organize content in _posts/ and metadata in _data/
• Create reusable layouts in _layouts/ and components in _includes/components/
• Implement dynamic themes and responsive design in css/
• Add read‑aloud using Web Speech API with word highlighting and auto‑scroll
• Add bookmarking, comments, sharing via LocalStorage, Web Share API, Clipboard API
• Generate site with Jekyll and deploy to GitHub Pages
• Document architecture and workflow in technical docs

证据

I have worked on making the overall interface more engaging while keeping the experience consistent across different screen sizes.

来源

Using the browser Web Speech API, blog posts can be read aloud without depending on an external speech service.

来源

Individual blog posts also have reusable interaction components.

来源

The platform uses Jekyll, Ruby, Liquid, and YAML, with a modular structure that separates content, structured data, layouts, reusable components, and frontend assets.

来源