https://github.com/ccextractor/beacon-documentation
This repository contains the beacon project documentation.
https://github.com/ccextractor/beacon-documentation
beacon documentation
Last synced: 9 months ago
JSON representation
This repository contains the beacon project documentation.
- Host: GitHub
- URL: https://github.com/ccextractor/beacon-documentation
- Owner: CCExtractor
- Created: 2025-02-19T19:00:23.000Z (12 months ago)
- Default Branch: master
- Last Pushed: 2025-02-19T19:30:14.000Z (12 months ago)
- Last Synced: 2025-05-07T19:57:22.019Z (9 months ago)
- Topics: beacon, documentation
- Language: JavaScript
- Homepage: https://ccextractor-beacon-docs.netlify.app/
- Size: 223 KB
- Stars: 0
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Build Stunning Documentations With React & Docusaurus (Complete Guide)
Learn how to create stunning documentation in minutes with React and Docusaurus. Spend more time building your product and less time writing your documentation.
## Here’s What You’ll Learn 👨🏻💻
- What is Docusaurus?
- Install Docusaurus
- Creating your own documentation
- MDX (Markdown + JSX)
- Import components into Markdown
- Using tabs, alerts and codeblocks
- Customizing the sidebar
- Implementing a table of contents
- Custom styling
- Creating custom pages
- Setting up the blog
- SEO
- Deployment
## Change Homepage to Use Images Instead
Here's an example, you can replace the images inside the array. Edit the located at `/src/components/HomepageFeatures/index.js`.
```jsx
import React from 'react';
import clsx from 'clsx';
import styles from './styles.module.css';
const FeatureList = [
{
title: 'Easy to Use',
Image: require('@site/static/img/docusaurus-social-card.jpg').default,
description: (
<>
Docusaurus was designed from the ground up to be easily installed and
used to get your website up and running quickly.
>
),
},
{
title: 'Focus on What Matters',
Image: require('@site/static/img/docusaurus-social-card.jpg').default,
description: (
<>
Docusaurus lets you focus on your docs, and we'll do the chores. Go
ahead and move your docs into the docs directory.
>
),
},
{
title: 'Powered by React',
Image: require('@site/static/img/docusaurus-social-card.jpg').default,
description: (
<>
Extend or customize your website layout by reusing React. Docusaurus can
be extended while reusing the same header and footer.
>
),
},
];
function Feature({ Image, title, description }) {
return (
{title}
{description}
);
}
export default function HomepageFeatures() {
return (
{FeatureList.map((props, idx) => (
))}
);
}
```