https://github.com/harrison-broadbent/ruby-middleman-tailwind-starter-blog

A Middleman blog template configured with TailwindCSS, a markdown blog, code highlighting, a sitemap.xml and more. It's perfect for anyone familiar with Ruby.
https://github.com/harrison-broadbent/ruby-middleman-tailwind-starter-blog

blog-template blogging demo-blog middleman middleman-template publishing ruby

Last synced: about 2 months ago
JSON representation

A Middleman blog template configured with TailwindCSS, a markdown blog, code highlighting, a sitemap.xml and more. It's perfect for anyone familiar with Ruby.

• Host: GitHub
• URL: https://github.com/harrison-broadbent/ruby-middleman-tailwind-starter-blog
• Owner: harrison-broadbent
• Created: 2024-05-01T10:48:58.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2025-01-27T01:31:02.000Z (4 months ago)
• Last Synced: 2025-02-27T16:21:53.132Z (3 months ago)
• Topics: blog-template, blogging, demo-blog, middleman, middleman-template, publishing, ruby
• Language: CSS
• Homepage: https://ruby-middleman-tailwind-starter-bl-harrison-broadbents-projects.vercel.app
• Size: 200 KB
• Stars: 52
• Watchers: 1
• Forks: 5
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Ruby Middleman Tailwind Starter Blog

A Middleman blog template configured with TailwindCSS, markdown parsing, code highlighting, a sitemap.xml and more. It perfect for lightweight blogging or a personal website. Ruby knowledge is helpful, but not necessary.

## Features

- Middleman v4.5,

- TailwindCSS v4.0,

- Markdown support (via `kramdown`),

- Blogging support (via `middleman-blog`),

- Syntax highlighting support (via `middleman-syntax`),

- Live-reloading (via `middleman-livereload`) and `bin/dev` script,

- Automatic `sitemap.xml` generation,

- SEO-friendly automatic meta tags for `title` and `description`,

- Perfect 100/100 PageSpeed score (near perfect for mobile)

- Github Action for image compression (see `compress_images.yml`).

Visit the [live template demo](https://ruby-middleman-tailwind-starter-bl-harrison-broadbents-projects.vercel.app/) for a preview of how it looks (although of course, you can customize it yourself).

I've used [Middleman](https://middlemanapp.com/) for years to build my [personal website](https://harrisonbroadbent.com/about), and this template consolidates everything I've learned.

## Getting started

Before you get started, make sure you've got Ruby installed. Currently, this template uses Ruby `v3.3.0`.

Clone this template, then install the required packages and start the server:

```sh

# install packages

bundle        # Ruby

npm install   # JS (only for TailwindCSS)

# start dev server

bin/dev

```

## Deploying

This template is easy to deploy. Any static site host should work; I've included the Netlify + Vercel "Deploy" buttons below.

|         |                                                                                                                                                                                                   |

| ------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |

| Netlify | [![Deploy to Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/harrison-broadbent/ruby-middleman-tailwind-starter-blog) |

| Vercel  | [![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fharrison-broadbent%2Fruby-middleman-tailwind-starter-blog)              |