Your own blogging platform
with only what you need

All Bloffy puts on a reader’s page is one small 3.2KB script. Readers and search engines get the same page. Whether to run ads, which analytics to use, which domain to publish on — you decide.

Write freely in the editor.

Plain text has no structure. Block editors make structure hard to express.

Bloffy is designed so that Markdown, HTML, CSS and JavaScript let you express exactly the semantics you intend. Your post is published with that semantic structure intact — the same one bots and readers get.

Draw diagrams with Mermaid, write formulas with LaTeX. Both are rendered at publish time, and your readers receive nothing but finished HTML. It is fast, and it is light.

<style>.highlight {background-image:linear-gradient(90deg,rgba(91,46,229,0.7),rgba(139,107,255,0.4));color:white;}</style> ## The Bloffy editor is genuinely convenient. Editor on the left, preview on the right — a split-view writing experience. Convenient, isn't it? ### Come on. Is that all? Not at all. Bloffy’s other charm is optimization on top of optimization. Your blog is designed to reach, on the [PSI scale](https://developers.google.com/speed/docs/insights/v5/about), <strong class="highlight">100 for Web Vitals and performance, best practices, SEO and accessibility.</strong> Fast, isn't it? <small>Well — it can vary a little from blog to blog.</small> Let me ask you just three things. ```mermaid flowchart LR Q1([I want a blog of my own.]) -->|Yes| Q2([Self-hosting is too much upkeep.]) Q1 -->|No| P[A platform blog is enough] Q2 -->|Yes| Q3([Performance matters to me.]) Q2 -->|No| W[Self-hosting] Q3 -->|Yes| B[Bloffy] style B fill:#5b2ee5,stroke:#8b6bff,color:#fff ``` If all three are 'Yes', Bloffy is worth a try. And... you can bring your own domain, dress the blog up freely with CSS, publish in several languages, reach search engines quickly through IndexNow, lean on infrastructure built to protect domain reputation, add members to your blog, and ... ~~I'll stop here.~~

Themes for every style

What kind of blog are you after?
A magazine cover, a literary quarterly, a newsletter, a photo mosaic ...

Pick the one you like and apply it.

None of them quite right?

Shape it around your own brand.

Customize your blog however you want.

Buttons and dropdowns alone can’t give you precise control.
Customize your blog precisely, with CSS.

Custom CSS
72 --color-surface-1: #ededea;
73 --color-surface-2: #e4e4e0;
74 --color-hairline: #dcdcd7;
75 --color-hairline-soft: #e6e6e1;
76 --color-ink: #1a1922; /* 16.2:1 */
77 --color-ink-muted: #55525f; /* 7.1:1 */
78 --color-accent-iris: #5b2ee5;
79 --color-accent-iris-deep: #4a23c4;
80 --color-accent-iris-bright: #6a3df5;
81 --color-link: #5b2ee5; /* 6.6:1 */
82 --color-link-hover: #4a23c4;
83 --color-focus: #5b2ee5;
84 --color-on-accent: #ffffff; /* 7.1:1 on an iris fill */
85 color-scheme: light;
86}
87
88/* Dark theme. Depth comes from lifting surfaces, not from borders. */
89:root[data-theme="dark"] {
90 --color-canvas: #0a0a0d;
91 --color-surface-1: #141318;
92 --color-surface-2: #1d1b23;
93 --color-hairline: #28252f;
94 --color-hairline-soft: #1b1921;
95 --color-ink: #f5f4f6; /* 18.0:1 — off-white, to soften glare */
96 --color-ink-muted: #9b97a5; /* 6.9:1 */
97 --color-accent-iris: #5b2ee5;
98 --color-accent-iris-deep: #4a23c4;
99 --color-accent-iris-bright: #8b6bff;
100 --color-link: #8b6bff; /* 5.31:1 — plain iris is only 2.79:1 on dark */
101 --color-link-hover: #a892ff;
102 --color-focus: #8b6bff;
103 --color-on-accent: #ffffff;
104 color-scheme: dark;
105}
106
107/* Follows the reader's system preference until a theme is chosen explicitly. */
108@media (prefers-color-scheme: dark) {
109 :root:not([data-theme]) {
110 --color-canvas: #0a0a0d;
111 --color-surface-1: #141318;
112 --color-surface-2: #1d1b23;
113 --color-hairline: #28252f;
114 --color-hairline-soft: #1b1921;
115 --color-ink: #f5f4f6;
116 --color-ink-muted: #9b97a5;
Preview
Live site view/
Preview of a blog with the theme applied

Nothing to install, no cookies

Which posts get read, where readers come from, how long they stay. You can look at it per blog and per post, for any date range.

No cookies, no stored IPs, nothing handed to a third party — so there is no cookie banner to put up either. Your readers’ privacy comes first.

<script src="/b.js" defer>2,596B

Blogs, workspaces, users.
Flexible, and well organized

A blog can have several members, and you can run several blogs. All of it lives inside a workspace. Writing and administering a blog are separate permissions.

Workspace
Your Workspace
Your Tech BlogBlog
Your Personal BlogBlog
Your Team BlogBlog
Kim
Miller
Cater
Workspace
Other Workspace
Your Company BlogBlog
Blog
Owner
Member
Member
Member
Member
You

Everything a blog needs

PostsOriginal 1 · Translations 5
English
How to build a lightweight blog
Published1,284
Español
Cómo crear un blog ligero
Published417
Français
Comment créer un blog léger
Published236
日本語
軽量なブログの作り方
Published188
한국어
가벼운 블로그를 만드는 법
Published142
繁體中文
如何打造輕量部落格
Draft—
LocalizationKeep one original and its translations together.
PageSpeed Insights
100Performance
100Accessibility
100Best Practices
100SEO
Web VitalsGood
FCP0.8s
LCP1.7s
TBT0ms
CLS0
PerformanceSee all four PageSpeed Insights categories and the lab metrics.
<html>
<head>
<meta charset="utf-8"> <title>…</title>
GA4gtag('config', 'G-XXXXXXX')
</head>
<body>
AdSense<script async src="…/adsbygoogle.js?client=ca-pub-XXXX">
<article> … </article>
Empty
</body>
</html>
Code InjectionPut your own code straight into the head and the body.
https://your-domain.com
Custom DomainPoint your own domain at each blog.
384w
640w
828w
1200w
webp · avif
Image OptimizationBody images ship with per-width candidates and modern formats.
Edge CachePublished pages are served from edges around the world.
maize.bloffy.blog › ja › how-to-build-a-lightweight-blog
maize.bloffy.blog › ko › how-to-build-a-lightweight-blog
maize.bloffy.blog › en › how-to-build-a-lightweight-blogHow to build a lightweight blog2026-10-06 · dongLorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua, ut enim ad minim veniam.
hreflang ×6sitemapJSON-LD
SEOPer-language URLs, a sitemap and structured data go out with every post.

I need your feedback.

Thank you for reading this far. Bloffy is a service I have planned and built on my own for more than two years. Deciding everything alone is hard. I want to listen closely to what you think and turn this into something better.

If you are up for it, give it a try and drop by Discord to tell me what you think.

Start for freeShare feedback on Discord