Theme: minimal
Blogster is a collection of beautiful, accessible and performant blog templates built with Astro and Markdoc.
Check out the demo here - Blogster minimal template.
A light weight theme built with plain old HTML and CSS. No external fonts or icons. Zero JavaScript. You get a full functional nice looking blog that loads super fast.
- Lean. No external fonts or icons. Zero JavaScript. Zero Runtime. Only ~6kB.
- Fast. Fast by default. Astro websites are engineered to be fast and load before you could blink, even when not cached.
- Dark mode. All themes have light/dark mode built-in.
- Mobile first. Responsive and loads fast in all devices.
- Accessible. A well thought out semantic and accessible content.
- Perfect lighthouse score. 100 across the board.
- Easy content authoring. Author content using markdown (
.md
) from your code editor or directly in GitHub. - Extended markdown with Markdoc. Type-safe custom components like YouTube embed, Twitter embed (or anything you want really) in your markdown (
.md
) files. - RSS feed. Your blog has an RSS feed setup that can be accessed at
/rss.xml
. - SEO. All pages are setup with all the SEO you might need.
All the content is written in markdown (.md) and grouped as blog
or projects
in the content
directory. All the default markdown syntax will work. You also have a few example custom markdown elements like YouTube embed, Twitter embed, etc. You can create your own custom components too in two easy steps.
- Add a markdoc config. Check out the markdoc config in src/lib/markdoc/config.ts to learn how to add custom components.
- Add a component to render your custom component. Check out the Renderer in src/components/Renderer.astro.
Easy.
- All content is static and everything is straight forward. Change whatever you need to change.
- Delete or update the content in
content/{content-group}
.content-group
could beblog
,projects
oranything
. - (Optional) If you need more content types like Notes, just create a new dir in
content
and add a new frontmatter validator like src/lib/markdoc/blog/frontmatter.
yarn build
will generate a static website in dist
dir. You can host it with any static hosting. If you need a recommendation, check out Netlify.
Thanks to other templates that inspired this theme.
MIT © Dinesh Pandiyan