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/purple_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 fediverse-background"> <div class="blogging_page"> <div class="blogging_pane"> <b>Micro.one is part of the fediverse.</b> When you post to your blog, your posts and photos are also sent to followers on Mastodon and elsewhere. </div> <div class="blogging_pane fediverse_optional"> By default your fediverse handle is <code>@yourname@micro.blog</code>, but by using your own domain name with Micro.blog, your handle could be <code>@yourname@yourblog.com</code> instead. Your identity is connected to your name, not to someone else's server. </div> <div class="blogging_pane"> Micro.one handles the entire flow from your blog, to the fediverse, and back to your blog. <div class="blogging_videos"> <div class="video_thumbnail"> <img src="/videos/homepage/newpost.gif" class="video_animated" alt="New Post button."> <img src="/videos/homepage/newpost-poster.png" class="video_static" alt="Still frame: New Post button."> <p class="video_caption">Start with a new blog post... </div> <div class="video_thumbnail"> <img src="/videos/homepage/scrolling.gif" class="video_animated" alt="Scrolling through Mastodon."> <img src="/videos/homepage/scrolling-poster.png" class="video_static" alt="Still frame: scrolling through Mastodon."> <p class="video_caption">Followers see your blog post on Mastodon... </div> <div class="video_thumbnail"> <img src="/videos/homepage/comments.gif" class="video_animated" alt="Comments on blog."> <img src="/videos/homepage/comments-poster.png" class="video_static" alt="Still frame: comments on blog."> <p class="video_caption">Replies appear back on your blog.<br> (You can even curate them.) </div> </div> </div> <div class="blogging_pane fediverse_optional"> Import posts from Mastodon, WordPress, Ghost, Tumblr, and many other microblogging platforms. We even have Twitter / X import, giving you a special <i>second</i> blog just to archive old tweets. </div> </div> </div> </main> <footer class="footer"> <div class="footer__inner"> <div class="footer__content">   </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>  </ul> </div> </div> <div class="footer__bg"></div> </footer> </body> </html>

CINXE.COM

Micro.blog