Docusaurus Detector

How can you detect if a website uses Docusaurus?

Detecting if a website uses Docusaurus involves looking for specific indicators in the website’s source code and structure.

Here’s a step-by-step guide on how to do it:

1. Open the Page Source: Right-click on the webpage and select “View Page Source” or press Ctrl+U (Windows) or Cmd+Option+U (Mac) to open the page’s source code.
2. Look for Docusaurus in the Meta Generator: Use Ctrl+F (Windows) or Cmd+F (Mac) to search for keywords like:
   • Docusaurus: Look for a meta tag like <meta name="generator" content="Docusaurus">.
3. Check for Specific JavaScript Files: Docusaurus often includes specific JavaScript files. Look for:
   • docusaurus: Search for lines like <script src="/js/docusaurus.min.js"></script>.
4. Look for Docusaurus CSS Classes: Inspect the HTML elements and look for specific CSS classes that are common in Docusaurus websites, such as:
   • hero__title: Often used for main titles in the homepage hero section.
   • docMainContainer: A common container used to hold documentation content.
5. Check for Docusaurus Theme Indicators: Inspect the <head> section of the document and check for links to CSS files that mention Docusaurus themes or similar names, for example:
   • <link rel="stylesheet" href="/css/docusaurus.min.css">
6. Identify Docusaurus-Specific Page Structure: Docusaurus typically has a documentation structure. Look for URLs that contain /docs/ or /blog/ indicating that the website is publishing documentation or blog posts.
7. Look for Docusaurus Configuration File: Sometimes, you might find a file named docusaurus.config.js in the website’s JavaScript files, which is a configuration file used by Docusaurus. It’s often referenced in the code or assets.