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

3 stars

Watchers

0 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Generated from Juniors017/my-website