Skip to content

Juniors017/docux-blog

Repository files navigation

Docux-blog

Docux-blog is a technical and community blog platform built with Docusaurus. It makes it easy to share articles, tutorials, and resources about development, open source, and collaborative learning.

🚀 Main Features

  • Structured blog by date, author, tags, and series.
  • Custom plugins: advanced routes (tags, series), analytics, automatic word replacement.
  • Reusable React components to enrich the UI.
  • Markdown & MDX support for flexible writing.
  • Advanced customization (themes, styles, graphic assets).
  • Integrated SEO & Analytics.

🗂️ Project Structure

  • blog/: articles organized by date and author.
  • plugins/: custom Docusaurus plugins.
  • src/components/: React component library.
  • static/: static files (images, favicon, robots.txt, CNAME).
  • docusaurus.config.js: main configuration.
  • sidebars.js: blog sidebars.

🧩 Main Components List

  • Avatar: Display authors and contributors.
  • Blog/PostCard: Article preview cards.
  • Timeline: Chronological timeline.
  • Tooltip: Interactive tooltips.
  • Button, Card, Columns, Contributor, Hero, Highlight, HomeCard, HomepageFeatures, ImageOnClick, LogoIcon, MyRepositories, ReplaceWords, ScrollToTopButton, Skill, Fourhomecards, GithubProjects, DocusaurusButton: Full UI component palette.

📚 Featured Articles Summary

  • Reusable Avatar Component: Tutorial to create and customize an Avatar component, based on Infima, with JS/TS and best practices.
  • Reusable Card Component: Build customizable and responsive cards with Infima and React.
  • Tooltip tools: Guide to design a dynamic, accessible, and customizable Tooltip component.
  • Add Skill Bars & Circles: Animated component to display skills as bars or circles, with animations and theme support.
  • LogoIcon Component: Easily integrate icons and logos in MDX pages via Iconify.
  • Simple Analytics Plugin: Tutorial to integrate Simple Analytics via a local Docusaurus plugin.

⚙️ Installation

npm install

🏃 Local Development

npm start

🚢 Deployment

Deployable on GitHub Pages, Vercel, Netlify or any compatible static host.

🤝 Contributing

  1. Fork the repo
  2. Create a dedicated branch
  3. Clearly describe your change
  4. Submit a Pull Request

📄 License

This project is MIT licensed.


About

Here you’ll find my developments, research, and notes on Docusaurus.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •