Mediumm Template is an open-source HTML blog template inspired by the editorial look of Medium.com, built with Pug (formerly Jade) and compiled into static HTML pages.
What is Mediumm Template?
Mediumm Template is a static blog template inspired by the visual design of Medium.com. It takes Pug/Jade source files and compiles them into a set of ready-to-deploy HTML pages. The project is maintained by GitHub user jojoee and hosted in the repository jojoee/mediumm-template. It is one of three published versions of the same design, alongside a WordPress theme (jojoee/medium-clone) and a React implementation (jojoee/mediumm-react).
Key Features
- Medium-inspired layout — Typography-focused editorial design matching Medium.com's reading style.
- Six prebuilt page types — Includes 404, author, category, home, page, and post templates with live demos on GitHub Pages.
- Pug template source — The HTML is generated from Pug (formerly Jade) templates, allowing modular, reusable markup.
- Distribution via Bower and npm — Published as
mediummon both package managers with version badges in the README. - Category sidebar navigation — Sidebar dropdown lists categories, with category lists displayed on author and category pages.
- Cross-platform versions — The same design is available for WordPress and React, with a Hexo port listed as a future task.
Who should use Mediumm Template?
- Independent bloggers — who want a clean, Medium-like reading experience on their own static site.
- Front-end developers — who need a Pug-based starting point for a blog and want to customize the templates.
- Theme porters — who are building the same design for another platform and can use this HTML as a reference.
What can you do with Mediumm Template?
- Publish blog posts — Use the post template to render articles with a Medium-style reading pane.
- Create author and category archives — The author and category pages organize content by writer and topic.
- Set up a custom 404 page — A styled 404 page is included to match the overall design.
FAQ
Is Mediumm Template free?
Yes, the template is available as a public GitHub repository, and you can download or fork it without charge.
What page types does Mediumm Template include?
It includes six: a 404 error page, an author page, a category page, a home page, a generic page, and a post page.
What technologies does Mediumm Template use?
The HTML is generated from Pug (formerly Jade) templates. It is distributed through Bower and npm, and the repository is configured with Travis CI.
Are there other versions of this template?
Yes, the same design has been implemented as a WordPress theme in jojoee/medium-clone and as a React app in jojoee/mediumm-react. A Hexo version is planned but not yet available.
Does the template have a working comment section?
The README notes a known issue with displaying <pre> tags in the comment section due to string formatting in JSON, so the comment area may need fixes before production use.
