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.

Источник