Blog

Blog is a neobrutalism-styled astro tailwind template for blogs.

Get started

Create a new repo from this template.

Installation

This template uses pnpm package manager so make sure you have it installed.

To install all dependencies run:

pnpm i

To run the app locally:

pnpm run dev

Config

• Go to astro.config.mjs and change site
• Go to src/config.ts and configure data for meta tags
• You can customize code blocks config by changing expressiveCode object in astro config. Visit expressive-code docs for more info.
• To change code blocks theme, you'll have to update themes both in themes array and in config.ts

How to add new post

Create a new md/mdx file inside src/content/posts, and make sure it's in this format:

---
title: 'First post'
description: 'Lorem ipsum dolor sit amet'
pubDate: 'Dec 22 2023'
tags: ['astro', 'blogging', 'learning']
---

Your post

Styling

To change the styling visit styling docs, and copy the desired styling to tailwind config like it's shown in the styling docs.

Make sure to not delete fontFamily, screens, and typography from tailwind config.

After you change the font weight you'll have to update font imports inside src/layouts/Base.astro.