ruby-middleman-tailwind-starter-blog

KO | EN

gitlite — search

#javascript #react #typescript #go #golang #deep-learning #docker #macos #cli #awesome-list #vue #ios #mcp #openai

ruby-middleman-tailwind-starter-blog

(★ 64)

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.

ruby-middleman-tailwind-starter-blog 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Ruby, Middleman & Tailwind Starter Blog template

Live demo: [Ruby, Middleman & Tailwind starter blog](https://ruby-middleman-tailwind-starter-blog.pages.dev)

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.6,
- Tailwind CSS v4.2,
- 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` and `feed.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`).

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.2.2` (for compatibility).

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

```sh
# install packages (ruby packages + Tailwind CSS javascript package)
bundle
npm install

# start dev server
bin/dev
```

## Deploying

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

|            |                                                                                                                                                                                                   |
| ---------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Cloudflare | [![Deploy to Cloudflare](https://deploy.workers.cloudflare.com/button)](https://deploy.workers.cloudflare.com/?url=https://github.com/harrison-broadbent/ruby-middleman-tailwind-starter-blog)    |
| 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)              |

> Note: These days, I use Cloudflare hosting and I heartily recommend them. I [switched from Netlify to Cloudflare](https://harrisonbroadbent.com/blog/goodbye-netlify-hello-cloudflare/) a while ago and haven't looked back.

ruby-middleman-tailwind-starter-blog

ruby-middleman-tailwind-starter-blog 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

ruby-middleman-tailwind-starter-blog

ruby-middleman-tailwind-starter-blog 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README