Skip to content

Meet BlogGPT ​

BlogGPT is an Astro blog theme inspired by ChatGPT’s layout. Write in Markdown or MDX, manage content as files, and find articles through the sidebar, search and reading outline.

Start here ​

What you want to doRead
Run the siteInstall and preview
Set the site name, author and appearanceSite and appearance
Write articlesFrontmatter, writing templates
Manage languages and attachmentsLanguages and translations, bundles
Adjust navigation and pagesNavigation, categories, tags and pages
Customize reading featuresArticle enhancements, reading, sharing and statistics
Add styles and scriptsGlobal extensions
Publish existing contentBuild and deploy, migration

See the complete configuration reference for every public field’s type, default and input format.

Files you will use ​

LocationPurpose
blog.config.tsSite, appearance, navigation, reading and interaction settings
friends.config.tsGrouped friend links
content/Articles, standalone pages, categories and tags
public/Avatars, covers and other shared assets
custom/Custom HTML, CSS, client scripts and reusable components
archetypes/Templates for new content

Demo site ​

The demo introduces features through getting started and publishing, writing and typography, and interface customization. Explore the interface or follow the reading order in the pinned “Meet BlogGPT” article.

Shared images live in public/images/: avatar.webp for the avatar, covers/ for covers, illustrations/ for illustrations and friends/ for friend avatars. Bodies can also use relative images within bundles.

To create your own site, replace the demo content, images and example.com placeholder links.

BlogGPT · Documentation