Docusaurus detector

Docusaurus logo

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.