필요한 것만 담은
당신만의 블로깅 플랫폼

Bloffy가 독자 페이지에 담은 것은 3.2KB의 작은 스크립트뿐입니다. 독자와 검색엔진은 같은 페이지를 봅니다. 광고를 붙일지, 어떤 분석 도구를 쓸지, 어떤 도메인으로 발행할지는 여러분이 정합니다.

에디터로 자유롭게 글을 작성하세요.

Plain Text는 의미가 없습니다. 블록 기반 에디터는 의미를 담기 불편합니다.

마크다운, HTML, CSS, JavaScript 코드로 의미를 자유롭게 담아 쓸 수 있도록 디자인되었습니다. 여러분의 글은 봇과 독자가 읽는 의미 있는 구조 그대로 발행됩니다.

Mermaid로 다이어그램을 그리고, LaTeX로 수식을 씁니다. 다이어그램과 수식은 발행 시점에 렌더되고, 독자는 군더더기 없는 완성된 HTML만 전달받습니다. 정말 빠르고 가볍습니다.

소스프리뷰

<style>.highlight {background-image:linear-gradient(90deg,rgba(91,46,229,0.7),rgba(139,107,255,0.4));color:white;}</style>

## Bloffy 에디터는 정말 편리합니다.

좌측에는 에디터. 우측에는 프리뷰의 스플릿 형태의 사용자 경험을 제공합니다. 정말 편리하죠?

### 에이. 그게 끝이야?

아뇨아뇨. Bloffy의 또 다른 매력은 최적화의 최적화를 거쳤습니다. 여러분의 블로그는 [PSI 기준](https://developers.google.com/speed/docs/insights/v5/about) <strong class="highlight">Web Vital과 성능, 모범 사례, SEO, 접근성 100점을 달성하게 되도록 설계되었습니다.</strong> 정말 빠르죠? <small>아 물론. 블로그에 따라 약간의 차이가 있을 수 있어요.</small> 세 가지만 물어볼게요.

```mermaid
flowchart LR
  Q1([나만의 블로그를 갖고싶어요.]) -->|예| Q2([직접 호스팅은 유지보수가 너무 번거로워요.])
  Q1 -->|아니오| P[플랫폼 블로그로 충분]
  Q2 -->|예| Q3([성능이 중요해요.])
  Q2 -->|아니오| W[직접 호스팅]
  Q3 -->|예| B[Bloffy]
  style B fill:#5b2ee5,stroke:#8b6bff,color:#fff
```

만약 세 개 다 'Yes'라면 Bloffy를 써볼만 할거예요.

또... 자신만의 도메인을 갖출 수 있고, CSS 기반으로 블로그를 자유롭게 꾸밀 수 있고, 다국어로 글을 발행할 수 있고, IndexNow를 통해 검색 엔진에 빠르게 노출시킬 수 있으며, 도메인 평판 보호를 위한 인프라가 구축되어있고, 자신의 블로그에 멤버를 추가할 수도 있고 ... ~~그만하겠습니다.~~

다채로운 테마

어떤 블로그 스타일을 원하시나요?
매거진 커버, 문예지, 뉴스레터, 포토 모자이크 ...

마음에 드는 테마를 골라 적용해보세요.

원하는 테마가 없으신가요?

당신의 브랜드에 맞게 커스텀해보세요.

여러분의 블로그를 자유롭게 커스텀해보세요.

버튼과 셀렉터 같은 UI만으로는 정밀하게 커스텀할 수 없습니다.
CSS로 정밀하게 블로그를 커스텀해보세요.

CSS미리보기

커스텀 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}

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;

미리보기

실제 사이트 화면/

설치 없이, 쿠키 없이

어떤 글이 읽히는지, 어디서 오는지, 얼마나 머무는지. 블로그와 글 단위로, 기간별로 자세히 분석할 수 있습니다.

쿠키를 쓰지 않고, IP를 저장하지 않고, 데이터를 제3자에게 보내지 않기에 쿠키 동의 배너를 띄울 필요도 없습니다. 독자의 개인정보를 최우선으로 보호합니다.

금일 조회수1944%어제 34

금일 방문자수1643%어제 28

조회수1,28412%누적 4,906

방문자수1,0139%누적 3,742

평균 체류시간2:416%선택 기간 평균

일별 추이2026-09-05 – 10-02 · UTC 기준

조회수방문자수

2121060

09-0509-0709-0909-1109-1309-1509-1709-1909-2109-2309-2509-2709-2910-01

인사이트

페이지방문자조회수

/312398

/en/onboarding-copy-experiment198241

/en/choosing-blog-address141172

/ja/favicon-in-serp96118

/en/tags/seo6477

유입 경로

리퍼러소스

방문자조회수

직접 유입386470

google.com241302

bing.com92114

duckduckgo.com4857

news.ycombinator.com3944

캠페인소스매체콘텐츠검색어

캠페인방문자조회수

newsletter-oct142188

launch-week96121

spring-sale3844

국가방문자조회수

🇺🇸미국284356

🇩🇪독일132171

🇯🇵일본118149

🇬🇧영국97121

🇰🇷대한민국81108

디바이스 · OS

디바이스OS

방문자조회수

데스크톱588754

모바일391487

태블릿3443

브라우저방문자조회수

Chrome562721

Safari271338

Firefox98124

Edge6172

Samsung Internet2129

블로그, 워크스페이스, 유저.
유연하고 체계적인 구조

블로그에 여러 멤버를 둘 수 있고, 여러 블로그를 운영할 수 있습니다. 그 모든 것이 워크스페이스 안에서 이루어집니다. 글을 쓰는 권한과 블로그를 관리하는 권한이 분리되어 있습니다.

워크스페이스

나의 워크스페이스

나의 기술 블로그블로그

나의 일상 블로그블로그

나의 팀 블로그블로그

Kim

Miller

Cater

워크스페이스

다른 워크스페이스

나의 회사 블로그블로그

블로그

소유자

멤버

나

블로깅에 필요한 모든 것

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—

Localization

PageSpeed Insights

100Performance

100Accessibility

100Best Practices

100SEO

Web VitalsGood

FCP0.8s

LCP1.7s

TBT0ms

CLS0

Performance

<html>

<head>

GA4gtag('config', 'G-XXXXXXX')

</head>

<body>

AdSense<script async src="…/adsbygoogle.js?client=ca-pub-XXXX">

Empty

</body>

</html>

Code Injection

https://your-domain.com

Custom Domain

384w

640w

828w

1200w

webp · avif

Image Optimization

Edge Cache

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

SEO

여러분의 의견이 필요합니다.

여기까지 읽어주셔서 진심으로 감사드립니다. Bloffy는 혼자서 2년이 넘는 시간 동안 기획하고 개발해 온 서비스입니다. 혼자서 판단하는 데에 어려움이 많습니다. 여러분이 어떤 생각을 하시는지 가까이서 귀담아듣고 더 나은 서비스로 거듭나고 싶습니다.

괜찮으시다면 한번 사용해보시고 디스코드에 들러 의견을 들려주세요.

무료로 시작하기디스코드에서 의견 남기기

필요한 것만 담은당신만의 블로깅 플랫폼