CINXE.COM
Micro.blog
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title>Micro.blog</title> <meta name="description" content="Post short thoughts or long essays, share photos, all on your own blog. Micro.blog makes it easy, and provides a friendly community where you can share and engage with others."> <meta name="appleid-signin-client-id" content="blog.micro.web"> <meta name="appleid-signin-scope" content="name email"> <meta name="appleid-signin-redirect-uri" content="https://micro.blog/account/apple/web"> <meta name="appleid-signin-state" content=""> <link rel="stylesheet" href="https://cdn.micro.blog/css/home.css?v=20250103.1"> <link rel="shortcut icon" href="https://cdn.micro.blog/images/icons/favicon_32.png" type="image/x-icon" /> <link rel="apple-touch-icon" sizes="192x192" href="https://cdn.micro.blog/images/icons/favicon_192.png"> <link rel="webmention" href="https://micro.blog/webmention" /> <link rel="subscribe" href="https://micro.blog/users/follow" /> <script type="importmap"> { "imports": { "home": "/js/home.js?v=20240419.1", "@hotwired/stimulus": "/js/stimulus.js" } } </script> <script src="https://cdn.micro.blog/js/libs/es-module-shims.js" async="async"></script> <script src="/js/home.js?v=20240419.1" type="module"></script> <script> document.addEventListener('DOMContentLoaded', () => { const background_element = document.querySelector('.home-background'); const background_img = new Image(); background_img.src = '/images/homepage/paintings/background_1_high.jpg'; background_img.onload = () => { background_element.style.zIndex = 1; background_element.classList.add('home-loaded'); }; const fullname_field = document.getElementById("input_fullname"); if (fullname_field) { fullname_field.focus(); } }); document.addEventListener('scroll', () => { const header = document.querySelector('.home-buttons') if (window.scrollY > 30) { header.classList.add("blur__container") } else { header.classList.remove("blur__container") } }) </script> </head> <body class="is__homepage"> <header class="home-buttons"> <a href="/"><img src="/images/icons/favicon_192.png" alt="Micro.blog"></a> <nav> <a href="/about/blogging" class="extra_link">Blogging</a> <a href="/about/fediverse" class="extra_link">Fediverse</a> <a href="/about/pricing" class="extra_link">Pricing</a> <a href="/register" class="sign_up">Sign up →</a> </nav> </header> <main class="fullscreen_container"> <div class="home-background blogging-background"> <div class="blogging_page"> <div class="blogging_pane"> <b>Blogging is at the heart of Micro.one.</b> Short microblog posts or long-form posts. Photo blogs or podcasts. Inspired by <a href="/about/indieweb">IndieWeb principles</a>. Your own domain name where you can own your content, then feed your posts into the Micro.one social timeline or the larger fediverse. </div> <div class="blogging_pane"> Themes, categories, photo hosting, standalone web pages, drafts, scheduled posts, and more. Micro.one has everything. Use as little or as much as you want. </div> <div class="blogging_pane"> Native apps for iOS, Android, and macOS. <p class="blogging_screenshot"> <a href="/images/homepage/mac_screenshot.png"><img src="/images/homepage/mac_screenshot.png"></a> </div> <div class="blogging_pane"> Free your content from closed silos. Micro.one is a unique platform that's rooted in blogging with a layer of social features, built for the open web. </div> </div> </div> </main> <footer class="footer"> <div class="footer__inner"> <div class="footer__content"> <!-- <p><b>Micro.blog is a small team</b> trying to make the web a little better.</p> --> <!-- <div class="footer__team"> <a href="https://micro.blog/manton" target="_blank"> <img src="https://cdn.micro.blog/manton/avatar.jpg" width="70" height="70" alt="Manton Reece" class="transition"> <p>Manton Reece<br><span>@manton</span></p></a> <a href="https://micro.blog/vincent" target="_blank"><img src="https://cdn.micro.blog/vincent/avatar.jpg" width="70" height="70" alt="Vincent Ritter" class="transition"><p>Vincent Ritter<br><span>@vincent</span></p></a> <a href="https://micro.blog/cheesemaker" target="_blank"><img src="https://cdn.micro.blog/cheesemaker/avatar.jpg" width="70" height="70" alt="Jonathan Hays" class="transition"><p>Jonathan Hays<br><span>@cheesemaker</span></p></a> </div> --> </div> <div class="footer__nav"> <ul> <li><a href="https://help.micro.blog/">Help forums</a></li> <li><a href="mailto:help@micro.blog">Email help</a></li> <li><a href="/pricing">Pricing</a></li> </ul> <ul> <li><a href="/about">About</a></li> <li><a href="https://news.micro.blog/">News</a></li> <li><a href="https://status.micro.blog/">Service status</a></li> <li><a href="https://micro.blog/signin">Sign in</a></li> <!-- <li><a href="https://monday.micro.blog/">Micro Monday</a></li> --> </ul> </div> </div> <div class="footer__bg"></div> </footer> </body> </html>