Add an AI-Powered Blog to Your Static Website

Easily integrate a powerful, SEO-friendly blog into your traditional HTML/CSS/JS website or your favorite static site generator. BlogBott offers a lightweight, no-framework solution.

SETUP INSTRUCTIONS:

Create a blog folder

Add a folder called /blog/ to your website

Add the index.html file

Create a file at /blog/index.html with this content:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Blog</title>
  </head>
  <body>
    <div id="blogbott.com_app"></div>
    <script src="https://blogbott.com/aiblog.js"></script>
  </body>
</html>

Start generating blogs! 🎉

You're all set! Use the dashboard below to generate SEO-optimized blogs for your site.

Need help? If you run into any issues with the vanilla js setup, feel free to contact me for assistance!

Frequently Asked Questions (FAQ)

How do I style the blog to match my website's design?

You can style the blog to match your website's design. The blog content is injected into the #blogbott.com_app div, so you can style the elements within that div using your own CSS. For an example of a site that has done this, see alltutors.org/blog.

Can I use BlogBott with a static site generator like Jekyll or Hugo?

Absolutely! The Vanilla JS setup is perfect for static site generators. Simply add the HTML snippet to the appropriate template or layout file in your project, and your blog will be ready to go.

What are the performance implications of adding the BlogBott script?