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/crosspost" class="extra_link">Cross-posting</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"> <style> h1 { text-align: center; } .indieweb_content { font-size: 1em; line-height: 1.4em; width: 70%; margin-top: 40px; margin-left: auto; margin-right: auto; } table { border-spacing: 15px; } td img { max-width: 70px; max-height: 70px; } @media screen and (max-width: 675px) { .indieweb_content { width: 100%; } } </style> <div class="home-background about-background"> <div class="about__page"> <div class="indieweb_content"> <p>Micro.blog follows the <b>principles and protocols of the IndieWeb</b>. We believe in open standards, data portability, domain names for your web identity, and connecting to other platforms.</p> <table> <tr> <td><img src="/images/indieweb/identity.png" alt="Personal domain icon."></td> <td><b>Personal domain names</b> are the best way to control your content. By using your own domain name with Micro.blog, you own the URLs and can migrate away from Micro.blog without breaking links to your posts.</td> </tr> <tr> <td><img src="/images/indieweb/micropub.png" alt="Micropub icon."></td> <td><b>Micropub</b> is Micro.blog's native posting API. Using Micropub, apps and scripts can create new blog posts, upload photos, save drafts, save bookmarks, edit posts, and more.</td> </tr> <tr> <td><img src="/images/indieweb/webmention.png" alt="Webmention icon."></td> <td><b>Webmention</b> is used to enable replies across websites. When you send a reply, Micro.blog can send it to external blogs via Webmention. Micro.blog can also receive replies so they show up in your mentions.</td> </tr> <tr> <td><img src="/images/indieweb/posse.png" alt="POSSE icon."></td> <td><b>POSSE</b> stands for Publish on your Own Site, Syndicate Elsewhere. Upgrade your subscription to Micro.blog to add cross-posting your blog posts to Threads, Bluesky, Mastodon, Medium, LinkedIn, Tumblr, Flickr, Nostr, and Pixelfed.</td> </tr> <tr> <td><img src="/images/indieweb/microformats.png" alt="Microformats icon."></td> <td><b>Microformats</b> describe how metadata is included in your blog posts. Webmention and other standards use this IndieWeb building block to get details about your blog posts. All of our built-in themes support Microformats.</td> </tr> <tr> <td><img src="/images/indieweb/microsub.png" alt="Microsub icon."></td> <td><b>Microsub</b> is an API for retrieving the timeline and posts in Micro.blog. It can be used instead of or alongside our JSON Feed-based API so that apps are compatible with multiple platforms.</td> </tr> <tr> <td><img src="/images/indieweb/indieauth.png" alt="IndieAuth icon."></td> <td><b>IndieAuth</b> is a variation of OAuth where you sign in with your own domain name. Micro.blog third-party apps can use IndieAuth to sign in without needing to register on Micro.blog.</td> </tr> </table>  </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