All Bloffy adds to a reader's page is one small 3.2KB script. You decide whether to run ads, which analytics to use, and which domain to publish on.
Write freely in the editor.
Plain text carries no semantics. Block editors make semantics hard to express.
Bloffy is designed so that Markdown, HTML, CSS and JavaScript let you express exactly the semantics you intend.
<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.
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/
Nothing to install, no cookies
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.
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.
Your Tech BlogBlog
Your Personal BlogBlog
Your Team BlogBlog
Kim
Miller
Cater
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
lightweight-blogYou
Published1,284
Español
Cómo crear un blog ligero
lightweight-blog-esYou
Published417
Français
Comment créer un blog léger
lightweight-blog-frYou
Published236
日本語
軽量なブログの作り方
lightweight-blog-jaYou
Published188
한국어
가벼운 블로그를 만드는 법
lightweight-blog-koYou
Published142
繁體中文
如何打造輕量部落格
lightweight-blog-zh-hantYou
Draft-
LocalizationKeep one original and its translations together.
PageSpeed Insights
100Performance
100Accessibility
100Best Practices
100SEO
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.
Custom DomainPoint your own domain at each blog.
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 x6sitemapJSON-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.