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"> <div class="home-background about-background"> <div class="about__page"> <h3>What is Micro.blog?</h3> <p>Micro.blog is a unique platform that combines blog hosting with a social media-style timeline and community.</p> <p>It’s a <a href="https://help.micro.blog/t/pricing/19">paid hosting service</a> for personal blogs that makes it easy to publish short or long posts. Use it for short thoughts, longer essays, photos, podcasts, what books you’re reading, links to news articles, and more.</p> <p>It’s a community whose members share posts via a timeline that is a safe space for conversations, free from advertising, trolling, and abuse, with <a href="https://help.micro.blog/t/community-guidelines/39/4">community guidelines</a> that are enforced.</p> <p>Micro.blog launched in 2017 with a <a href="https://www.kickstarter.com/projects/manton/indie-microblogging-owning-your-short-form-writing">Kickstarter campaign</a> supported by 3000 backers.</p> <h3>A social web timeline</h3> <p>Micro.blog's timeline shows posts from people you're following. It's always chronological. There are no trends, no ads, no boosts, and no extra clutter.</p> <p>Micro.blog doesn't have like counts or follower counts. It's not a popularity contest. Private bookmarks instead of public likes let you reference a post or blog about it later. This focus on posts also simplifies the timeline and encourages quick replies when you want to acknowledge someone's post.</p> <h3>Cross-posting to Mastodon, Bluesky, Threads, and more</h3> <p>Micro.blog can automatically copy your blog posts to many popular services. Post to your blog first, where you have more control over your content, then let Micro.blog send a copy everywhere.</p> <style> #feature_bubbles span, a.feature_showmore span { font-size: 15px; font-family: sans-serif; display: inline-block; opacity: 0; background-color: orange; padding-left: 12px; padding-right: 12px; padding-top: 5px; padding-bottom: 5px; margin-top: 8px; margin-bottom: 8px; margin-right: 8px; border-radius: 15px; transition: opacity 1s ease; } #feature_bubbles { display: none; } a.feature_showmore { color: #000000; } a.feature_showmore span { opacity: 1; background-color: #fceacf; } </style> <script> const colors = [ "#FFA500", "#FFC867", "#E57500", "#FFD699", "#FFB732", "#FF9100", "#FFAA33", "#FF8C00", "#FFB366", "#FF884D" ]; function hexToRGBA(hex, opacity) { hex = hex.replace(/^#/, ""); // remove "#" if present var r = parseInt(hex.substring(0, 2), 16); var g = parseInt(hex.substring(2, 4), 16); var b = parseInt(hex.substring(4, 6), 16); return "rgba(" + r + "," + g + "," + b + "," + opacity + ")"; } // document.addEventListener('DOMContentLoaded', function () { function showFeatureBubbles() { // hide the button and show features document.getElementById("feature_showmore").style.display = "none"; document.getElementById("feature_bubbles").style.display = "block"; // get all spans with ids 1 to 87 var spans = []; for (var i = 1; i <= 87; i++) { spans.push(document.getElementById(i.toString())); } // make first item visible right away var first_item = spans[0]; first_item.style.opacity = 1; // loop over each span for (var i = 0; i < spans.length; i++) { (function(i) { var span = spans[i]; var random_color = colors[i % colors.length]; // cycle through colors if there are more spans than colors // set color right away, half opacity span.style.backgroundColor = hexToRGBA(random_color, 0.5); // random delay between 0 and 3 seconds var random_delay = Math.random() * 3000; // set a timeout to change the background color after the random delay setTimeout(function() { span.style.opacity = 1; }, random_delay); })(i); } } </script> <h3>Start small, scale to anything</h3> <p>Micro.blog has so many features, you can start small with short blog posts and then grow your web site with photos, podcasts, email newsletters, and custom pages. But don't be overwhelmed! The features you don't need won't get in your way.</p> <div style="padding-bottom: 5px;"><a href="#" class="feature_showmore" onClick="showFeatureBubbles(); return false;"><span id="feature_showmore">Show more features...</span></a></div> <div id="feature_bubbles"> <span id="1">Short blog posts</span> <span id="2">Full-length blog posts</span> <span id="3">Standalone pages</span> <span id="4">Drafts</span> <span id="5">Scheduled posts</span> <span id="6">Categories</span> <span id="7">Upload photos</span> <span id="8">Upload video</span> <span id="9">Upload podcasts</span> <span id="10">Automatic podcast feed</span> <span id="11">Automatic podcast transcripts</span> <span id="12">Manage uploads</span> <span id="13">Plug-ins</span> <span id="14">Themes</span> <span id="15">Redirects</span> <span id="16">Hugo</span> <span id="17">Custom CSS</span> <span id="18">Custom JavaScript</span> <span id="19">Custom domain names</span> <span id="20">Domain name registration</span> <span id="21">Domain name transfer</span> <span id="22">Twitter archive hosting</span> <span id="23">Instagram import</span> <span id="24">WordPress import</span> <span id="25">Tumblr import</span> <span id="26">Medium import</span> <span id="27">Markdown import</span> <span id="28">Ghost import</span> <span id="29">Substack import</span> <span id="30">Write.as import</span> <span id="31">Social timeline</span> <span id="32">Follow users</span> <span id="33">Human-curated discovery</span> <span id="34">Emoji topics</span> <span id="35">Community guidelines</span> <span id="36">Muting users</span> <span id="37">Blocking users</span> <span id="38">No ads</span> <span id="39">IndieWeb principles</span> <span id="40">API: JSON</span> <span id="41">API: Micropub</span> <span id="42">API: Webmention</span> <span id="43">API: IndieAuth</span> <span id="44">API: Microsub</span> <span id="45">API: ActivityPub</span> <span id="46">Bridgy integration</span> <span id="47">Microformats</span> <span id="48">Cross-posting: Medium</span> <span id="49">Cross-posting: Mastodon</span> <span id="50">Cross-posting: LinkedIn</span> <span id="51">Cross-posting: Tumblr</span> <span id="52">Cross-posting: Flickr</span> <span id="53">Cross-posting: Bluesky</span> <span id="54">Cross-posting: Nostr</span> <span id="55">Cross-posting: Pixelfed</span> <span id="56">Per-post cross-posting control</span> <span id="57">Add feeds from multiple servers</span> <span id="58">Automatic post import from feeds</span> <span id="59">RSS</span> <span id="60">JSON Feed</span> <span id="61">Email newsletters</span> <span id="62">Bookmarks</span> <span id="63">Highlights on web pages</span> <span id="64">Web page archiving</span> <span id="65">Backup to GitHub</span> <span id="66">Backup to Internet Archive</span> <span id="67">Track books you're reading</span> <span id="68">Track reading goals</span> <span id="69">Native apps</span> <span id="70">Third-party apps</span> <span id="71">Sunlit app for photos</span> <span id="72">Epilogue app for books</span> <span id="73">Wavelength app for podcasts</span> <span id="74">Goodreads import</span> <span id="75">Instapaper import</span> <span id="76">Pocket import</span> <span id="77">Raindrop import</span> <span id="78">Pinboard import</span> <span id="79">Readwise sync</span> <span id="80">Bookmarks export</span> <span id="81">Export: JSON</span> <span id="82">Export: Markdown</span> <span id="83">Export: Blog archive format</span> <span id="84">Export: HTML and images</span> <span id="85">Filters for auto-categorization</span> <span id="86">Fediverse integration</span> <span id="87">Show conversation on blog</span> </div> <h3>Micro.blog values</h3> <p>We believe the web is the great social network and that open standards make the web a better place. We believe in <a href="https://micro.blog/about/indieweb">IndieWeb</a> and <a href="https://help.micro.blog/t/mastodon-and-activitypub/95">fediverse</a> standards so that you own your data and different apps can work together. We support and encourage our customers to use their own domain names for their blogs. We also encourage <a href="https://help.micro.blog/t/third-party-apps/46">third-party developers</a> who want to create apps that work with Micro.blog, and make <a href="https://help.micro.blog/t/api-overview/93">APIs</a> available for them to use at no charge.</p> <p>We believe in treating our customers as people, and we expect our community members to treat each other with respect as individuals. From the beginning, we have had strong <a href="https://help.micro.blog/t/community-guidelines/39/4">community guidelines</a> and community management to ensure this.</p>  <h3>What you can do with Micro.blog</h3> <div style="font-size: 1.1em; line-height: 1.3;"> <ul> <li>blog short microblog posts or full-length posts with titles</li> <li>post photos with an automatic photos web page collecting your photos</li> <li>use your own domain name or register a new domain easily</li> <li>track the books you read and post reviews</li> <li>host a podcast</li> <li>post videos</li> <li>keep an archive of web page bookmarks</li> <li>make highlights in saved web pages and quickly create new posts with quotes</li> <li>import and export all sorts of data in different formats</li> <li>use a variety of apps for posting</li> <li>create custom themes for your blog</li> </div> <h3>Need more information?</h3> <p>There are many help articles at <a href="https://help.micro.blog/">help.micro.blog</a> and community discussions on Micro.blog features. You can also mention <a href="https://micro.blog/help">@help</a> on the timeline or email <a href="mailto:help@micro.blog">help@micro.blog</a>.</p> </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