Skip to main content
Loading...

https://hackmd.io/@MQ8TsiuQQ6KMiEJfOhwprQ/B1q87mS8-e

URL is Crawlable
<!DOCTYPE html><html class="scroll-smooth" lang="robots.txt"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" as="image" href="/logos/Arweave logomark.png"/><link rel="preload" as="image" href="/logos/Avalanche_Horizontal_White.png"/><link rel="preload" as="image" href="/logos/Base_Wordmark_White.png"/><link rel="preload" as="image" href="/logos/Blockfuse_L2.png"/><link rel="preload" as="image" href="/logos/Bokeh Logo Inverted.png"/><link rel="preload" as="image" href="/logos/Brown.png"/><link rel="preload" as="image" href="/logos/ContinuousFoundation_logo.png"/><link rel="preload" as="image" href="/logos/DevOpsDays.png"/><link rel="preload" as="image" href="/logos/ETH.png"/><link rel="preload" as="image" href="/logos/brightid.svg"/><link rel="stylesheet" href="/_next/static/chunks/1af13f3c912f5832.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/chunks/ab94802ba5ab4af4.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/chunks/786710bc80ba0dc8.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/d5c79332a1584318.js"/><script src="/_next/static/chunks/352249a356f41352.js" async=""></script><script src="/_next/static/chunks/bf9c1cba9711df19.js" async=""></script><script src="/_next/static/chunks/90dc6678905ee329.js" async=""></script><script src="/_next/static/chunks/turbopack-33cea5077725590e.js" async=""></script><script src="/_next/static/chunks/5f61266cc010ad33.js" async=""></script><script src="/_next/static/chunks/b53512c697a241ee.js" async=""></script><script src="/_next/static/chunks/79164d74d07c8aa2.js" async=""></script><script src="/_next/static/chunks/be1d781b53904caa.js" async=""></script><script src="/_next/static/chunks/c16b3dec3847a615.js" async=""></script><script src="/_next/static/chunks/41d714fa11a5f3a3.js" async=""></script><script src="/_next/static/chunks/77aa8de66231a6fb.js" async=""></script><link rel="preload" as="image" href="/logos/openjs-foundation-logo-horizontal-white.svg"/><link rel="preload" as="image" href="/logos/g0v.png"/><link rel="preload" as="image" href="/logos/GenerativeAI_logo.png"/><link rel="preload" as="image" href="/logos/Lido.png"/><link rel="preload" as="image" href="/logos/Rust_logo.png"/><link rel="preload" as="image" href="/logos/Scipy-logo.png"/><link rel="preload" as="image" href="/logos/Sitcon.png"/><link rel="preload" as="image" href="/logos/Slice Wordmark.png"/><link rel="preload" as="image" href="/logos/SN-Linear-Flat colour.png"/><link rel="preload" as="image" href="/logos/TheMeeFoundation_logo.png"/><link rel="preload" as="image" href="/logos/Updraft.png"/><meta name="next-size-adjust" content=""/><link rel="icon" href="/favicon.svg"/><title>HackMD: Your Collaborative Markdown Workspace for Knowledge Sharing</title><meta name="description" content="HackMD gives you a real-time Markdown editor for collaborative work. Working with Markdown files in HackMD is simple, straightforward, and fun."/><link rel="canonical" href="https://hackmd.io/robots.txt"/><meta property="og:title" content="HackMD: Your Collaborative Markdown Workspace for Knowledge Sharing"/><meta property="og:description" content="HackMD gives you a real-time Markdown editor for collaborative work. Working with Markdown files in HackMD is simple, straightforward, and fun."/><meta property="og:image" content="https://hackmd.io/cover.png"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="HackMD: Your Collaborative Markdown Workspace for Knowledge Sharing"/><meta name="twitter:description" content="HackMD gives you a real-time Markdown editor for collaborative work. Working with Markdown files in HackMD is simple, straightforward, and fun."/><meta name="twitter:image" content="https://hackmd.io/cover.png"/><script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","url":"https://hackmd.io","name":"HackMD","description":"A collaborative Markdown editor for you and your team to create, share, and edit documents in real-time. Sign up for free today.","publishingPrinciples":"https://hackmd.io/s/terms","logo":{"@type":"ImageObject","url":"https://hackmd.io/hackmd-icon-1024.png"},"sameAs":["https://www.facebook.com/hackmdio","https://twitter.com/hackmdio","https://www.linkedin.com/company/hackmd/","https://www.producthunt.com/products/hackmd","https://www.g2.com/products/hackmd"]}</script><script src="/_next/static/chunks/a6dad97d9634a72d.js" noModule=""></script></head><body class="inter_1b545fac-module__b8QJrq__variable readex_pro_8e0ef3f9-module__FZgEYG__variable roboto_mono_6c47b916-module__wl38kG__variable montserrat_5dda6b3b-module__rCOIyW__variable zen_dots_a42a89e0-module__pyg46a__variable cc--darkmode"><div hidden=""><!--$--><!--/$--></div><main class="flex min-h-screen flex-col bg-zinc-900 text-white"><nav class="flex w-full flex-row items-center justify-between px-4 py-3 text-white md:px-6 before:absolute before:left-0 before:top-0 before:z-[-1] before:h-[var(--blur-before-height)] before:w-full before:bg-[#18181B80] before:backdrop-blur-[12px] before:transition-[max-height,background-color] before:duration-200 fixed top-0 z-50" style="--blur-before-height:100%"><a class="flex" href="/home?utm_source=home&utm_medium=nav-bar"><span class="inline-flex h-[20px] gap-1 md:h-[30px]"><img alt="HackMD Logo" loading="lazy" width="0" height="0" decoding="async" data-nimg="1" class="inline h-full w-auto" style="color:transparent" src="/logo-full.svg"/></span></a><section class="flex flex-col gap-7 absolute left-0 top-[100%] h-auto max-h-0 w-full overflow-hidden md:static md:max-h-fit md:w-fit transition-[max-height] duration-200 bg-inherit z-10"><form class="flex flex-col gap-6 overflow-hidden px-[30px] pb-[26px] pt-7 md:flex-row md:gap-7 md:p-0" method="post"><input type="hidden" class="hidden" name="_csrf" value="xG6xM114-NgJqsEtbGhderhHmUrqCnwVbBm4"/><a href="/solutions?utm_source=home&utm_medium=nav-bar"><span class="flex flex-row gap-1.5 items-center relative font-inter text-white underline decoration-transparent hocus:decoration-white transition-colors duration-100 ease-in-out justify-start md:justify-center">Solutions</span></a><a href="/pricing?utm_source=home&utm_medium=nav-bar"><span class="flex flex-row gap-1.5 items-center relative font-inter text-white underline decoration-transparent hocus:decoration-white transition-colors duration-100 ease-in-out justify-start md:justify-center">Pricing</span></a><a href="/enterprise?utm_source=home&utm_medium=nav-bar"><span class="flex flex-row gap-1.5 items-center relative font-inter text-white underline decoration-transparent hocus:decoration-white transition-colors duration-100 ease-in-out justify-start md:justify-center">Enterprise</span></a><a href="/developers?utm_source=home&utm_medium=nav-bar"><span class="flex flex-row gap-1.5 items-center relative font-inter text-white underline decoration-transparent hocus:decoration-white transition-colors duration-100 ease-in-out justify-start md:justify-center">Developers</span></a><a href="/about?utm_source=home&utm_medium=nav-bar"><span class="flex flex-row gap-1.5 items-center relative font-inter text-white underline decoration-transparent hocus:decoration-white transition-colors duration-100 ease-in-out justify-start md:justify-center">About</span></a><a href="https://hackmd.io/c/tutorials?utm_source=home&utm_medium=nav-bar"><span class="flex flex-row gap-1.5 items-center relative font-inter text-white underline decoration-transparent hocus:decoration-white transition-colors duration-100 ease-in-out justify-start md:justify-center">Learn</span></a><a href="/blog?utm_source=home&utm_medium=nav-bar"><span class="flex flex-row gap-1.5 items-center relative font-inter text-white underline decoration-transparent hocus:decoration-white transition-colors duration-100 ease-in-out justify-start md:justify-center">Blog</span></a><a class="flex-row gap-1.5 justify-center items-center relative font-inter rounded px-2.5 py-2 text-normal font-normal leading-normal flex bg-transparent text-text-default border border-solid border-border-default hocus:bg-element-bg-hover hocus:border-element-border-hover hocus:text-text-emphasize focus:shadow-[0_0_0_2px_#77777733] disabled:bg-element-bg-disabled disabled:border-element-border-disabled disabled:text-element-text-disabled disabled:hocus:bg-element-bg-disabled disabled:hocus:border-element-border-disabled disabled:hocus:text-element-text-disabled disabled:border disabled:border-solid disabled:hocus:border disabled:hocus:border-solid mt-1 md:hidden plausible-event-name=HomeHeaderSignin" href="https://hackmd.io/login">Sign in</a></form></section><form class="flex flex-row items-center justify-center gap-2.5 md:gap-2" method="post"><input type="hidden" class="hidden" name="_csrf" value="xG6xM114-NgJqsEtbGhderhHmUrqCnwVbBm4"/><a class="flex-row gap-1.5 justify-center items-center relative font-inter rounded px-2.5 text-normal font-normal leading-normal bg-transparent text-text-default border border-solid border-border-default hocus:bg-element-bg-hover hocus:border-element-border-hover hocus:text-text-emphasize focus:shadow-[0_0_0_2px_#77777733] disabled:bg-element-bg-disabled disabled:border-element-border-disabled disabled:text-element-text-disabled disabled:hocus:bg-element-bg-disabled disabled:hocus:border-element-border-disabled disabled:hocus:text-element-text-disabled disabled:border disabled:border-solid disabled:hocus:border disabled:hocus:border-solid hidden h-fit py-1.5 md:flex plausible-event-name=HomeHeaderSignin" href="https://hackmd.io/login">Sign in</a><a class="flex flex-row gap-1.5 justify-center items-center relative font-inter text-white text-body leading-body py-[7px] px-4 rounded group plausible-event-name=HomeSignupHeader" href="https://hackmd.io/join?signup-event=HomeSignupCompleted" type="button"><div class="pointer-events-none absolute h-full w-full overflow-hidden opacity-100 group-hover:opacity-0 group-focus:opacity-0" style="border-radius:4px"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" preserveAspectRatio="none" fill="none"><rect width="100%" height="100%" rx="4" ry="4" fill="url(#_R_55sinmivb_)" mask="url(#_R_55sinmivbH1_)"></rect><defs><mask id="_R_55sinmivbH1_"><rect width="100%" height="100%" fill="white"></rect><rect x="1" y="1" rx="3" ry="3" width="100%" height="100%" fill="black"></rect></mask><linearGradient id="_R_55sinmivb_" gradientUnits="userSpaceOnUse" x1="75.9%" y1="-147.2%" x2="65%" y2="149.8%"><stop stop-color="#8386D0"></stop><stop offset="1" stop-color="#2F315E"></stop></linearGradient></defs></svg></div><div class="pointer-events-none absolute -z-[1] h-full w-full overflow-hidden rounded opacity-100 group-hover:opacity-0 group-focus:opacity-0 transition-opacity duration-300 ease-out"><svg width="100%" height="100%" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="0 0 80 80"><rect fill="url(#_R_95sinmivb_)" width="80" height="80"></rect><defs><linearGradient id="_R_95sinmivb_" gradientUnits="userSpaceOnUse" x1="25.5782" y1="94.4445" x2="100.769" y2="12.8288"><stop stop-color="#453AFF" stop-opacity="0.15"></stop><stop offset="1" stop-color="#766DF8"></stop></linearGradient></defs></svg></div><div class="pointer-events-none absolute h-full w-full overflow-hidden opacity-0 group-hover:opacity-100 group-focus:opacity-100" style="border-radius:4px"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" preserveAspectRatio="none" fill="none"><rect width="100%" height="100%" rx="4" ry="4" fill="url(#_R_65sinmivb_)" mask="url(#_R_65sinmivbH1_)"></rect><defs><mask id="_R_65sinmivbH1_"><rect width="100%" height="100%" fill="white"></rect><rect x="1" y="1" rx="3" ry="3" width="100%" height="100%" fill="black"></rect></mask><linearGradient id="_R_65sinmivb_" gradientUnits="userSpaceOnUse" x1="11%" y1="111%" x2="102.5%" y2="102.5%"><stop stop-color="#453AFF" stop-opacity="0.3"></stop><stop offset="1" stop-color="#766DF8"></stop></linearGradient></defs></svg></div><div class="pointer-events-none absolute -z-[1] h-full w-full overflow-hidden opacity-0 group-hover:opacity-100 group-focus:opacity-100 rounded transition-opacity duration-300 ease-out"><svg width="100%" height="100%" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="0 0 80 80"><rect fill="url(#_R_a5sinmivb_)" width="80" height="80"></rect><defs><linearGradient id="_R_a5sinmivb_" gradientUnits="userSpaceOnUse" x1="37.3684" y1="116.522" x2="98.3098" y2="80.4651"><stop stop-color="#453AFF" stop-opacity="0.3"></stop><stop offset="1" stop-color="#766DF8"></stop></linearGradient></defs></svg></div>Get HackMD free</a><button class="flex-row gap-1.5 justify-center items-center font-inter relative flex h-[32px] w-[32px] md:hidden" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" fill="currentColor" viewBox="0 0 256 256" class="absolute m-auto opacity-100 transition-opacity duration-200 ease-out"><path d="M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM40,72H216a8,8,0,0,0,0-16H40a8,8,0,0,0,0,16ZM216,184H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" fill="currentColor" viewBox="0 0 256 256" class="absolute m-auto opacity-0 transition-opacity duration-200 ease-out"><path d="M205.66,194.34a8,8,0,0,1-11.32,11.32L128,139.31,61.66,205.66a8,8,0,0,1-11.32-11.32L116.69,128,50.34,61.66A8,8,0,0,1,61.66,50.34L128,116.69l66.34-66.35a8,8,0,0,1,11.32,11.32L139.31,128Z"></path></svg></button></form></nav><section class="relative overflow-hidden flex h-auto flex-col items-center bg-[url("/main-bg.svg")] bg-cover bg-center bg-no-repeat pt-[111px] md:mx-[22px] md:pt-[171px] border-t-0 corner-radius-xl"><div class="flex flex-col items-center gap-4 px-6 md:gap-[21px]"><span class="text-headline leading-headline font-readex-pro font-semibold tracking-[-2px] text-headline-gradient">Build together with Markdown</span><h3 class="text-h3 leading-h3 font-readex-pro font-normal text-[#CAD0EF]">Real-time collaboration for <div class="relative inline-flex h-7 max-h-7 overflow-hidden whitespace-nowrap rounded-[60.78px] border border-solid border-transparent bg-[#1F1D3C] bg-clip-padding px-2.5 py-0.5 text-white transition-[width] duration-300 before:pointer-events-none before:absolute before:bottom-0 before:left-0 before:right-0 before:top-0 before:bg-[linear-gradient(105.26deg,rgba(163,161,226,0.52)_22.4%,rgba(72,72,105,0.52)_92.1%)] before:rounded-[60.78px] before:border-solid before:p-[1px] before:![-webkit-mask-composite:xor] before:[-webkit-mask:linear-gradient(#fff_0_0)_content-box,linear-gradient(#fff_0_0)] before:![mask-composite:exclude] text-lg leading-[135%]"><div class="relative -top-[1px] h-7 transition duration-300 ease-in-out"><div style="transform:translateY(0%)" class="h-7 pt-0.5 text-center transition-transform font-inter text-[#FFE457] relative">team</div><div style="transform:translateY(100%)" class="h-7 pt-0.5 text-center transition-transform font-roboto-mono text-[#4AFFDE] font-bold absolute">personal</div><div style="transform:translateY(200%)" class="h-7 pt-0.5 text-center transition-transform font-inter italic text-white absolute">technical</div><div style="transform:translateY(300%)" class="h-7 pt-0.5 text-center transition-transform font-inter font-semibold text-[#FCE779] absolute">research</div><div style="transform:translateY(400%)" class="h-7 pt-0.5 text-center transition-transform font-regular text-white absolute">educational</div><div style="transform:translateY(500%)" class="h-7 pt-0.5 text-center transition-transform font-zendots text-[#7E7BFF] absolute">web3</div><div style="transform:translateY(600%)" class="h-7 pt-0.5 text-center transition-transform font-montserrat font-semibold text-[#FF55A7] absolute">community</div></div></div> documentation in Markdown</h3></div><form class="flex w-full flex-row flex-wrap justify-start gap-2.5 px-6 md:justify-center pb-[53px] pt-10 md:gap-2 md:pb-[34px] md:pt-7"><span class="group relative flex flex-row w-full md:w-fit"><div class="pointer-events-none absolute h-full w-full overflow-hidden opacity-100 transition-opacity duration-[120ms] group-hover:opacity-0 group-focus:opacity-0" style="border-radius:6px;width:100%;height:100%"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" preserveAspectRatio="none" fill="none"><rect width="100%" height="100%" rx="6" ry="6" fill="url(#_R_4oqnmivb_)" mask="url(#_R_4oqnmivbH1_)" x="0.5" y="0.5" style="width:calc(100% - 1px);height:calc(100% - 1px)"></rect><defs><mask id="_R_4oqnmivbH1_"><rect width="100%" height="100%" fill="white"></rect><rect x="1" y="1" rx="5" ry="5" width="100%" height="100%" fill="black"></rect></mask><linearGradient id="_R_4oqnmivb_" gradientUnits="userSpaceOnUse" x1="45.8%" y1="211%" x2="39.3%" y2="-109.5"><stop stop-color="#3C3C4C" stop-opacity="0.74"></stop><stop offset="1" stop-color="#AEAEC1"></stop></linearGradient></defs></svg></div><input class="font-inter text-body text-white leading-body placeholder:text-white placeholder:text-opacity-50 hocus:placeholder:text-opacity-70 hocus:outline-none rounded-md bg-[#9FA2EE30] px-4 py-[7px] border border-solid border-transparent hocus:border-primary-200 hocus:bg-[#25275666] hocus:shadow-[0_0_0_2px_#8983E84D] hocus:drop-shadow-[0_0_2px_#8983E84D] transition-colors duration-[120ms] ease-in-out h-10 w-full md:h-12 md:w-[373px]" placeholder="[email protected]" required="" type="email" value=""/></span><button class="flex flex-row gap-1.5 justify-center items-center relative font-inter group rounded-lg bg-clip-padding py-[13px] px-[29px] bg-white text-[#3A3973] text-lg leading-lg font-medium shadow-[0_0_0px_1px_inset] shadow-[#9A99C3] hocus:shadow-none hocus:text-white hocus:bg-cover hocus:bg-transparent transition-colors duration-200 ease-out z-0 h-10 flex-shrink-0 md:h-12 plausible-event-name=HomeSignupHero" type="submit"><div class="pointer-events-none absolute h-full w-full overflow-hidden opacity-0 group-hover:opacity-100 group-focus:opacity-100" style="border-radius:8px"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" preserveAspectRatio="none" fill="none"><rect width="100%" height="100%" rx="8" ry="8" fill="url(#_R_j8qnmivb_)" mask="url(#_R_j8qnmivbH1_)"></rect><defs><mask id="_R_j8qnmivbH1_"><rect width="100%" height="100%" fill="white"></rect><rect x="1" y="1" rx="7" ry="7" width="100%" height="100%" fill="black"></rect></mask><linearGradient id="_R_j8qnmivb_" gradientUnits="userSpaceOnUse" x1="11%" y1="111%" x2="102.5%" y2="102.5%"><stop stop-color="#453AFF" stop-opacity="0.3"></stop><stop offset="1" stop-color="#766DF8"></stop></linearGradient></defs></svg></div><div class="pointer-events-none absolute -z-[1] h-full w-full overflow-hidden opacity-0 group-hover:opacity-100 group-focus:opacity-100 rounded-lg transition-opacity duration-200 ease-out"><svg width="100%" height="100%" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="0 0 80 80"><rect fill="url(#_R_138qnmivb_)" width="80" height="80"></rect><defs><linearGradient id="_R_138qnmivb_" gradientUnits="userSpaceOnUse" x1="37.3684" y1="116.522" x2="98.3098" y2="80.4651"><stop stop-color="#453AFF" stop-opacity="0.3"></stop><stop offset="1" stop-color="#766DF8"></stop></linearGradient></defs></svg></div>Get HackMD free</button></form><section class="h-[calc(100dvw/16*9-30px)] overflow-hidden md:h-[490px] md:max-h-[490px] relative flex w-full items-center justify-center"><video class="absolute top-0 h-auto md:h-[540px]" autoPlay="" muted="" loop="" playsInline=""><source src="/videos/HeroAnimation-1080.webm" media="(min-width: 768px)"/><source src="/videos/HeroAnimation-720.webm"/><source src="/videos/HeroAnimationFallback.png"/>I'm sorry; your browser doesn't support HTML video.</video></section></section><div class="m-6 flex flex-col items-center justify-center gap-7 px-6 py-12 corner-radius-xl md:py-16 [background:linear-gradient(180deg,rgba(94,97,121,0.27)_-12.59%,rgba(94,97,121,0)_100%),#1C1C27]"><span class="relative w-full max-w-[760px]"><img alt="quote image top left" loading="lazy" width="42" height="42" decoding="async" data-nimg="1" class="absolute left-0 top-0 mt-[-13px]" style="color:transparent" src="/quote-alt.svg"/><h6 class="text-h6 leading-h6 font-readex-pro relative z-[1] font-normal text-white">HackMD is my go-to thinkpad. It's been a great fit for everything from TODO lists to Ethereum devnet specs, drafting blog posts and all types of internal org docs. It's a simple yet versatile product that's a core part of all my workflows!</h6><img alt="quote image top left" loading="lazy" width="42" height="42" decoding="async" data-nimg="1" class="absolute bottom-0 right-0 mb-[-8px] rotate-180" style="color:transparent" src="/quote-alt.svg"/></span><span class="flex flex-col items-center gap-2.5 md:flex-row md:gap-4"><img alt="ETH_logo" loading="lazy" width="0" height="0" decoding="async" data-nimg="1" class="h-full w-auto" style="color:transparent" src="/logos/ETH_full.svg"/><span class="flex flex-col items-center text-sm leading-sm md:items-start"><span class="font-semibold">Tim Beiko,</span><span>Ethereum Foundation</span></span></span></div><div class="flex flex-col items-center justify-start gap-8 px-6 pb-8 pt-12 md:gap-12 md:py-20"><div class="relative w-full max-w-[956px]"><span class="absolute left-[-30px] top-[-40px] z-0 overflow-hidden opacity-[28%] md:opacity-60"><svg width="84" height="123" viewBox="0 0 84 123" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M45.7634 88.364H30.6344L25.1398 123H11.6667L17.1613 88.364H0V74.0872H19.4194L23.3333 49.5886H5.64516V35.1429H25.5914L31.2366 0H44.6344L39.0645 35.1429H54.1935L59.7634 0H73.3118L67.6667 35.1429H84V49.5886H65.4086L61.4946 74.0872H78.2796V88.364H59.2366L53.7419 123H40.2688L45.7634 88.364ZM32.8925 74.0872H48.0215L51.8602 49.5886H36.7312L32.8925 74.0872Z" class="fill-[#696CB3] md:fill-[url(#paint0_linear_2209_19759)]"></path><defs><linearGradient id="paint0_linear_2209_19759" x1="42" y1="0" x2="42" y2="123" gradientUnits="userSpaceOnUse"><stop stop-color="#3D3886"></stop><stop offset="1" stop-color="#332B46"></stop></linearGradient></defs></svg></span><h2 class="text-h2 leading-h2 font-readex-pro font-semibold relative z-[1] max-w-[662px] text-headline-gradient">Accelerate innovation, foster community, and supercharge collaboration with your go-to Markdown editor.</h2></div><div class="flex w-full flex-col items-center border border-card p-6 corner-radius-xl bg-background-purple md:max-w-[956px] md:p-10"><div class="w-full block"><div class="order-3 mt-8 w-full pb-5 text-left md:order-1 md:mt-0 md:h-[185px]"><div class="h-[38px] w-[38px] relative"><img alt="star four img top right" loading="lazy" width="11" height="11" decoding="async" data-nimg="1" class="absolute top-0 right-0" style="color:transparent" src="/StarFour.svg"/><img alt="star four img top right" loading="lazy" width="28" height="28" decoding="async" data-nimg="1" class="h-7 w-7 absolute left-0 bottom-0 mb-3" style="color:transparent" src="/FileText.svg"/></div><h3 class="text-h3 leading-h3 font-readex-pro font-normal mb-1.5 text-white">Docs</h3><span class="text-body leading-body font-inter font-normal mb-5 block text-white opacity-80">Take notes, create presentations, collaborate virtually – the options are limitless.<br/>Access and share your Markdown documents instantly with flexible permissioning.</span><a href="https://hackmd.io/c/tutorials/%2F%40docs%2Fbasic_formatting_en?utm_source=home&utm_medium=feature-highlight&utm_content=Docs"><button class="flex flex-row gap-1.5 justify-center items-center relative font-inter text-primary-300 text-body leading-body transition-all duration-200 ease-in-out group">Learn more<span class="group relative pr-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 256 256" class="absolute -translate-x-[25%] -translate-y-[50%] transition-transform duration-200 group-hover:translate-x-[25%] group-focus:translate-x-[25%]"><path d="M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 256 256" class="absolute -translate-y-[50%] transition-opacity duration-200 opacity-0 group-hover:opacity-100 group-focus:opacity-100"><path d="M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128Z"></path></svg></span></button></a></div><div class="relative order-1 h-[300px] w-full overflow-hidden bg-clip-padding corner-radius-md before:absolute before:bottom-0 before:left-0 before:right-0 before:top-0 before:pointer-events-none before:border-solid before:p-[1px] before:corner-radius-md before:bg-[linear-gradient(105.26deg,rgba(163,161,226,0.52)_22.4%,rgba(72,72,105,0.52)_92.1%)] before:![-webkit-mask-composite:xor] before:[-webkit-mask:linear-gradient(#fff_0_0)_content-box,linear-gradient(#fff_0_0)] before:![mask-composite:exclude] md:order-2 md:h-[374px] md:pt-[58px] md:pl-[103px] flex items-center" style="background:radial-gradient(88.63% 154.3% at 28.94% -19.12%, rgba(204, 199, 255, 0.20) 0%, rgba(151, 144, 221, 0.00) 100%), #272545"><div class="rounded-[30px] bg-[linear-gradient(#B2B1E824,#64638224)] p-4 left-[13px] w-[120%] translate-x-[20%] scale-[1.2] md:absolute md:left-[103px] md:top-[58px] md:h-full md:w-full md:transform-none"><video autoPlay="" muted="" loop="" playsInline="" class="overflow-hidden rounded-2xl border border-[#9B98CF] border-opacity-70"><source src="/videos/docs-1080.webm" type="video/webm" media="screen and (min-width: 768px)"/><source src="/videos/docs-720.webm" type="video/webm"/></video></div></div></div><div class="w-full hidden"><div class="order-3 mt-8 w-full pb-5 text-left md:order-1 md:mt-0 md:h-[185px]"><div class="h-[38px] w-[38px] relative"><img alt="star four img top right" loading="lazy" width="11" height="11" decoding="async" data-nimg="1" class="absolute top-0 right-0" style="color:transparent" src="/StarFour.svg"/><img alt="star four img top right" loading="lazy" width="28" height="28" decoding="async" data-nimg="1" class="h-7 w-7 absolute left-0 bottom-0 mb-3" style="color:transparent" src="/Files.svg"/></div><h3 class="text-h3 leading-h3 font-readex-pro font-normal mb-1.5 text-white">Templates</h3><span class="text-body leading-body font-inter font-normal mb-5 block text-white opacity-80">Streamline your work and keep documents clean, clear, and consistent.</span><a href="https://hackmd.io/c/tutorials/%2F%40docs%2Fbasic_formatting_en?utm_source=home&utm_medium=feature-highlight&utm_content=Templates"><button class="flex flex-row gap-1.5 justify-center items-center relative font-inter text-primary-300 text-body leading-body transition-all duration-200 ease-in-out group">Learn more<span class="group relative pr-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 256 256" class="absolute -translate-x-[25%] -translate-y-[50%] transition-transform duration-200 group-hover:translate-x-[25%] group-focus:translate-x-[25%]"><path d="M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 256 256" class="absolute -translate-y-[50%] transition-opacity duration-200 opacity-0 group-hover:opacity-100 group-focus:opacity-100"><path d="M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128Z"></path></svg></span></button></a></div><div class="relative order-1 h-[300px] w-full overflow-hidden bg-clip-padding corner-radius-md before:absolute before:bottom-0 before:left-0 before:right-0 before:top-0 before:pointer-events-none before:border-solid before:p-[1px] before:corner-radius-md before:bg-[linear-gradient(105.26deg,rgba(163,161,226,0.52)_22.4%,rgba(72,72,105,0.52)_92.1%)] before:![-webkit-mask-composite:xor] before:[-webkit-mask:linear-gradient(#fff_0_0)_content-box,linear-gradient(#fff_0_0)] before:![mask-composite:exclude] md:order-2 md:h-[374px]" style="background:radial-gradient(88.63% 154.3% at 28.94% -19.12%, rgba(204, 199, 255, 0.20) 0%, rgba(151, 144, 221, 0.00) 100%), #272545"><div class="rounded-[30px] bg-[linear-gradient(#B2B1E824,#64638224)] p-4 absolute left-[7%] top-[50%] z-10 w-[150%] md:left-[7%] md:top-[47px] md:z-auto md:w-[55%]"><img alt="template meeting minutes" loading="eager" width="1678" height="3446" decoding="async" data-nimg="1" class="overflow-hidden rounded-2xl border border-[#9B98CF] border-opacity-70" style="color:transparent" src="/feature-slides/template-1.png"/></div><div class="rounded-[30px] bg-[linear-gradient(#B2B1E824,#64638224)] p-4 absolute left-[25%] top-[130px] hidden w-[55%] md:block"><img alt="template design specs" loading="eager" width="1652" height="2652" decoding="async" data-nimg="1" class="overflow-hidden rounded-2xl border border-[#9B98CF] border-opacity-70" style="color:transparent" src="/feature-slides/template-2.png"/></div><div class="rounded-[30px] bg-[linear-gradient(#B2B1E824,#64638224)] p-4 absolute left-[30%] top-[5%] w-[150%] md:left-[65%] md:top-[60px] md:z-auto md:w-[55%]"><img alt="template process doc" loading="eager" width="1640" height="1982" decoding="async" data-nimg="1" class="overflow-hidden rounded-2xl border border-[#9B98CF] border-opacity-70" style="color:transparent" src="/feature-slides/template-3.png"/></div></div></div><div class="w-full hidden"><div class="order-3 mt-8 w-full pb-5 text-left md:order-1 md:mt-0 md:h-[185px]"><div class="h-[38px] w-[38px] relative"><img alt="star four img top right" loading="lazy" width="11" height="11" decoding="async" data-nimg="1" class="absolute top-0 right-0" style="color:transparent" src="/StarFour.svg"/><img alt="star four img top right" loading="lazy" width="28" height="28" decoding="async" data-nimg="1" class="h-7 w-7 absolute left-0 bottom-0 mb-3" style="color:transparent" src="/Books.svg"/></div><h3 class="text-h3 leading-h3 font-readex-pro font-normal mb-1.5 text-white">Book Mode</h3><span class="text-body leading-body font-inter font-normal mb-5 block text-white opacity-80">Collect and categorize your documents.</span><a href="https://hackmd.io/c/tutorials/%2F%40docs%2Fcreate-a-book-en?utm_source=home&utm_medium=feature-highlight&utm_content=Book-Mode"><button class="flex flex-row gap-1.5 justify-center items-center relative font-inter text-primary-300 text-body leading-body transition-all duration-200 ease-in-out group">Learn more<span class="group relative pr-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 256 256" class="absolute -translate-x-[25%] -translate-y-[50%] transition-transform duration-200 group-hover:translate-x-[25%] group-focus:translate-x-[25%]"><path d="M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 256 256" class="absolute -translate-y-[50%] transition-opacity duration-200 opacity-0 group-hover:opacity-100 group-focus:opacity-100"><path d="M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128Z"></path></svg></span></button></a></div><div class="relative order-1 h-[300px] w-full overflow-hidden bg-clip-padding corner-radius-md before:absolute before:bottom-0 before:left-0 before:right-0 before:top-0 before:pointer-events-none before:border-solid before:p-[1px] before:corner-radius-md before:bg-[linear-gradient(105.26deg,rgba(163,161,226,0.52)_22.4%,rgba(72,72,105,0.52)_92.1%)] before:![-webkit-mask-composite:xor] before:[-webkit-mask:linear-gradient(#fff_0_0)_content-box,linear-gradient(#fff_0_0)] before:![mask-composite:exclude] md:order-2 md:h-[374px]" style="background:radial-gradient(88.63% 154.3% at 28.94% -19.12%, rgba(204, 199, 255, 0.20) 0%, rgba(151, 144, 221, 0.00) 100%), #272545"><div class="rounded-[30px] bg-[linear-gradient(#B2B1E824,#64638224)] p-4 absolute left-[15%] top-[15%] w-[250%] md:left-[80px] md:top-[65px] md:w-[130%]"><img alt="book example" loading="eager" width="2898" height="1638" decoding="async" data-nimg="1" class="overflow-hidden rounded-2xl border border-[#9B98CF] border-opacity-70" style="color:transparent" src="/feature-slides/book.jpeg"/></div></div></div><div class="w-full hidden"><div class="order-3 mt-8 w-full pb-5 text-left md:order-1 md:mt-0 md:h-[185px]"><div class="h-[38px] w-[38px] relative"><img alt="star four img top right" loading="lazy" width="11" height="11" decoding="async" data-nimg="1" class="absolute top-0 right-0" style="color:transparent" src="/StarFour.svg"/><img alt="star four img top right" loading="lazy" width="28" height="28" decoding="async" data-nimg="1" class="h-7 w-7 absolute left-0 bottom-0 mb-3" style="color:transparent" src="/GitHubCircle.svg"/></div><h3 class="text-h3 leading-h3 font-readex-pro font-normal mb-1.5 text-white">GitHub Integration</h3><span class="text-body leading-body font-inter font-normal mb-5 block text-white opacity-80">Keep your documentation and project work in sync with GitHub integrated directly into the Markdown editor.</span><a href="https://hackmd.io/c/tutorials/%2F%40docs%2Fsync-a-note-with-github?utm_source=home&utm_medium=feature-highlight&utm_content=GitHub-Integration"><button class="flex flex-row gap-1.5 justify-center items-center relative font-inter text-primary-300 text-body leading-body transition-all duration-200 ease-in-out group">Learn more<span class="group relative pr-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 256 256" class="absolute -translate-x-[25%] -translate-y-[50%] transition-transform duration-200 group-hover:translate-x-[25%] group-focus:translate-x-[25%]"><path d="M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 256 256" class="absolute -translate-y-[50%] transition-opacity duration-200 opacity-0 group-hover:opacity-100 group-focus:opacity-100"><path d="M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128Z"></path></svg></span></button></a></div><div class="relative order-1 h-[300px] w-full overflow-hidden bg-clip-padding corner-radius-md before:absolute before:bottom-0 before:left-0 before:right-0 before:top-0 before:pointer-events-none before:border-solid before:p-[1px] before:corner-radius-md before:bg-[linear-gradient(105.26deg,rgba(163,161,226,0.52)_22.4%,rgba(72,72,105,0.52)_92.1%)] before:![-webkit-mask-composite:xor] before:[-webkit-mask:linear-gradient(#fff_0_0)_content-box,linear-gradient(#fff_0_0)] before:![mask-composite:exclude] md:order-2 md:h-[374px]" style="background:radial-gradient(88.63% 154.3% at 28.94% -19.12%, rgba(204, 199, 255, 0.20) 0%, rgba(151, 144, 221, 0.00) 100%), #272545"><div class="rounded-[30px] bg-[linear-gradient(#B2B1E824,#64638224)] p-4 absolute left-[25%] top-[10%] w-[200%] md:left-0 md:top-[60px] md:w-[calc(100%-120px)] md:translate-x-[60px]"><img alt="github sync" loading="eager" width="1758" height="1080" decoding="async" data-nimg="1" class="overflow-hidden rounded-2xl border border-[#9B98CF] border-opacity-70" style="color:transparent" src="/feature-slides/github-sync.jpeg"/></div><div class="rounded-[30px] bg-[linear-gradient(#B2B1E824,#64638224)] p-4 absolute left-[5%] top-[55%] w-[250%] md:hidden"><img alt="github sync" loading="eager" width="1758" height="1080" decoding="async" data-nimg="1" class="overflow-hidden rounded-2xl border border-[#9B98CF] border-opacity-70" style="color:transparent" src="/feature-slides/github-sync.jpeg"/></div></div></div><div class="w-full hidden"><div class="order-3 mt-8 w-full pb-5 text-left md:order-1 md:mt-0 md:h-[185px]"><div class="h-[38px] w-[38px] relative"><img alt="star four img top right" loading="lazy" width="11" height="11" decoding="async" data-nimg="1" class="absolute top-0 right-0" style="color:transparent" src="/StarFour.svg"/><img alt="star four img top right" loading="lazy" width="28" height="28" decoding="async" data-nimg="1" class="h-7 w-7 absolute left-0 bottom-0 mb-3" style="color:transparent" src="/TreeStructure.svg"/></div><h3 class="text-h3 leading-h3 font-readex-pro font-normal mb-1.5 text-white">UML graphs</h3><span class="text-body leading-body font-inter font-normal mb-5 block text-white opacity-80">Visualize research or technical findings for your community.</span><a href="https://hackmd.io/c/tutorials/%2F%40docs%2Fuse-mathjax-and-UML-en?utm_source=home&utm_medium=feature-highlight&utm_content=UML-Graph"><button class="flex flex-row gap-1.5 justify-center items-center relative font-inter text-primary-300 text-body leading-body transition-all duration-200 ease-in-out group">Learn more<span class="group relative pr-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 256 256" class="absolute -translate-x-[25%] -translate-y-[50%] transition-transform duration-200 group-hover:translate-x-[25%] group-focus:translate-x-[25%]"><path d="M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 256 256" class="absolute -translate-y-[50%] transition-opacity duration-200 opacity-0 group-hover:opacity-100 group-focus:opacity-100"><path d="M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128Z"></path></svg></span></button></a></div><div class="relative order-1 h-[300px] w-full overflow-hidden bg-clip-padding corner-radius-md before:absolute before:bottom-0 before:left-0 before:right-0 before:top-0 before:pointer-events-none before:border-solid before:p-[1px] before:corner-radius-md before:bg-[linear-gradient(105.26deg,rgba(163,161,226,0.52)_22.4%,rgba(72,72,105,0.52)_92.1%)] before:![-webkit-mask-composite:xor] before:[-webkit-mask:linear-gradient(#fff_0_0)_content-box,linear-gradient(#fff_0_0)] before:![mask-composite:exclude] md:order-2 md:h-[374px]" style="background:radial-gradient(88.63% 154.3% at 28.94% -19.12%, rgba(204, 199, 255, 0.20) 0%, rgba(151, 144, 221, 0.00) 100%), #272545"><div class="rounded-[30px] bg-[linear-gradient(#B2B1E824,#64638224)] p-4 absolute left-[65%] top-[-65%] hidden w-[45%] brightness-[0.3] md:block"><img alt="flow chart" loading="eager" width="767" height="1424" decoding="async" data-nimg="1" class="overflow-hidden rounded-2xl border border-[#9B98CF] border-opacity-70" style="color:transparent" src="/feature-slides/uml-3.png"/></div><div class="rounded-[30px] bg-[linear-gradient(#B2B1E824,#64638224)] p-4 absolute left-[10%] top-[10%] w-[120%] md:left-[20%] md:top-[10%] md:w-[60%]"><img alt="sequence diagram" loading="eager" width="1512" height="1340" decoding="async" data-nimg="1" class="overflow-hidden rounded-2xl border border-[#9B98CF] border-opacity-70" style="color:transparent" src="/feature-slides/uml-2.png"/></div><div class="rounded-[30px] bg-[linear-gradient(#B2B1E824,#64638224)] p-4 absolute left-[7%] top-[40%] z-auto hidden w-[60%] md:block"><img alt="uml diagram" loading="eager" width="1166" height="940" decoding="async" data-nimg="1" class="overflow-hidden rounded-2xl border border-[#9B98CF] border-opacity-70" style="color:transparent" src="/feature-slides/uml-1.png"/></div></div></div><div class="w-full hidden"><div class="order-3 mt-8 w-full pb-5 text-left md:order-1 md:mt-0 md:h-[185px]"><div class="h-[38px] w-[38px] relative"><img alt="star four img top right" loading="lazy" width="11" height="11" decoding="async" data-nimg="1" class="absolute top-0 right-0" style="color:transparent" src="/StarFour.svg"/><img alt="star four img top right" loading="lazy" width="28" height="28" decoding="async" data-nimg="1" class="h-7 w-7 absolute left-0 bottom-0 mb-3" style="color:transparent" src="/IdentificationBadge.svg"/></div><h3 class="text-h3 leading-h3 font-readex-pro font-normal mb-1.5 text-white">Profile</h3><span class="text-body leading-body font-inter font-normal mb-5 block text-white opacity-80">Publish instantly to turn your profile into a resource for your community.</span><a href="https://hackmd.io/c/tutorials/%2F%40docs%2Fpersonal-profile-page-en?utm_source=home&utm_medium=feature-highlight&utm_content=Profile"><button class="flex flex-row gap-1.5 justify-center items-center relative font-inter text-primary-300 text-body leading-body transition-all duration-200 ease-in-out group">Learn more<span class="group relative pr-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 256 256" class="absolute -translate-x-[25%] -translate-y-[50%] transition-transform duration-200 group-hover:translate-x-[25%] group-focus:translate-x-[25%]"><path d="M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 256 256" class="absolute -translate-y-[50%] transition-opacity duration-200 opacity-0 group-hover:opacity-100 group-focus:opacity-100"><path d="M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128Z"></path></svg></span></button></a></div><div class="relative order-1 h-[300px] w-full overflow-hidden bg-clip-padding corner-radius-md before:absolute before:bottom-0 before:left-0 before:right-0 before:top-0 before:pointer-events-none before:border-solid before:p-[1px] before:corner-radius-md before:bg-[linear-gradient(105.26deg,rgba(163,161,226,0.52)_22.4%,rgba(72,72,105,0.52)_92.1%)] before:![-webkit-mask-composite:xor] before:[-webkit-mask:linear-gradient(#fff_0_0)_content-box,linear-gradient(#fff_0_0)] before:![mask-composite:exclude] md:order-2 md:h-[374px]" style="background:radial-gradient(88.63% 154.3% at 28.94% -19.12%, rgba(204, 199, 255, 0.20) 0%, rgba(151, 144, 221, 0.00) 100%), #272545"><div class="rounded-[30px] bg-[linear-gradient(#B2B1E824,#64638224)] p-4 absolute left-[15%] top-[8%] w-[200%] md:left-0 md:top-[60px] md:w-[calc(100%-120px)] md:translate-x-[60px]"><img alt="profile" loading="eager" width="1147" height="639" decoding="async" data-nimg="1" class="overflow-hidden rounded-2xl border border-[#9B98CF] border-opacity-70" style="color:transparent" src="/feature-slides/profile.jpeg"/></div></div></div><div class="order-2 mt-3 h-3 w-full px-9 opacity-20 md:order-3 md:max-w-[368px] md:px-0"><div class="relative h-1 w-full overflow-hidden rounded-full bg-[#1D1D2B]"><div class="absolute left-0 top-0 h-full bg-primary-300 w-full" style="animation-duration:7.2s"></div></div></div><div class="feature-buttons-container order-4 flex flex-wrap gap-3 border-t border-card pt-9 md:border-none md:pt-6"><button class="flex flex-row gap-1.5 justify-center items-center relative font-inter text-white py-[7px] px-[17px] rounded group shadow-[0_0_0px_1px_inset] shadow-zinc-600 hocus:shadow-none z-0"><div class="pointer-events-none absolute h-full w-full overflow-hidden group-hover:opacity-100 group-focus:opacity-100 opacity-100" style="border-radius:4px"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" preserveAspectRatio="none" fill="none"><rect width="100%" height="100%" rx="4" ry="4" fill="url(#_R_4jpanmivb_)" mask="url(#_R_4jpanmivbH1_)"></rect><defs><mask id="_R_4jpanmivbH1_"><rect width="100%" height="100%" fill="white"></rect><rect x="1" y="1" rx="3" ry="3" width="100%" height="100%" fill="black"></rect></mask><linearGradient id="_R_4jpanmivb_" gradientUnits="userSpaceOnUse" x1="11%" y1="111%" x2="102.5%" y2="102.5%"><stop stop-color="#453AFF" stop-opacity="0.3"></stop><stop offset="1" stop-color="#766DF8"></stop></linearGradient></defs></svg></div><div class="pointer-events-none absolute -z-[1] h-full w-full overflow-hidden group-hover:opacity-100 group-focus:opacity-100 opacity-100 rounded transition-opacity duration-200 ease-out"><svg width="100%" height="100%" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="0 0 80 80"><rect fill="url(#_R_8jpanmivb_)" width="80" height="80"></rect><defs><linearGradient id="_R_8jpanmivb_" gradientUnits="userSpaceOnUse" x1="37.3684" y1="116.522" x2="98.3098" y2="80.4651"><stop stop-color="#453AFF" stop-opacity="0.3"></stop><stop offset="1" stop-color="#766DF8"></stop></linearGradient></defs></svg></div>Docs</button><button class="flex flex-row gap-1.5 justify-center items-center relative font-inter text-white py-[7px] px-[17px] rounded group shadow-[0_0_0px_1px_inset] shadow-zinc-600 hocus:shadow-none z-0"><div class="pointer-events-none absolute h-full w-full overflow-hidden opacity-0 group-hover:opacity-100 group-focus:opacity-100" style="border-radius:4px"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" preserveAspectRatio="none" fill="none"><rect width="100%" height="100%" rx="4" ry="4" fill="url(#_R_4lpanmivb_)" mask="url(#_R_4lpanmivbH1_)"></rect><defs><mask id="_R_4lpanmivbH1_"><rect width="100%" height="100%" fill="white"></rect><rect x="1" y="1" rx="3" ry="3" width="100%" height="100%" fill="black"></rect></mask><linearGradient id="_R_4lpanmivb_" gradientUnits="userSpaceOnUse" x1="11%" y1="111%" x2="102.5%" y2="102.5%"><stop stop-color="#453AFF" stop-opacity="0.3"></stop><stop offset="1" stop-color="#766DF8"></stop></linearGradient></defs></svg></div><div class="pointer-events-none absolute -z-[1] h-full w-full overflow-hidden opacity-0 group-hover:opacity-100 group-focus:opacity-100 rounded transition-opacity duration-200 ease-out"><svg width="100%" height="100%" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="0 0 80 80"><rect fill="url(#_R_8lpanmivb_)" width="80" height="80"></rect><defs><linearGradient id="_R_8lpanmivb_" gradientUnits="userSpaceOnUse" x1="37.3684" y1="116.522" x2="98.3098" y2="80.4651"><stop stop-color="#453AFF" stop-opacity="0.3"></stop><stop offset="1" stop-color="#766DF8"></stop></linearGradient></defs></svg></div>Templates</button><button class="flex flex-row gap-1.5 justify-center items-center relative font-inter text-white py-[7px] px-[17px] rounded group shadow-[0_0_0px_1px_inset] shadow-zinc-600 hocus:shadow-none z-0"><div class="pointer-events-none absolute h-full w-full overflow-hidden opacity-0 group-hover:opacity-100 group-focus:opacity-100" style="border-radius:4px"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" preserveAspectRatio="none" fill="none"><rect width="100%" height="100%" rx="4" ry="4" fill="url(#_R_4npanmivb_)" mask="url(#_R_4npanmivbH1_)"></rect><defs><mask id="_R_4npanmivbH1_"><rect width="100%" height="100%" fill="white"></rect><rect x="1" y="1" rx="3" ry="3" width="100%" height="100%" fill="black"></rect></mask><linearGradient id="_R_4npanmivb_" gradientUnits="userSpaceOnUse" x1="11%" y1="111%" x2="102.5%" y2="102.5%"><stop stop-color="#453AFF" stop-opacity="0.3"></stop><stop offset="1" stop-color="#766DF8"></stop></linearGradient></defs></svg></div><div class="pointer-events-none absolute -z-[1] h-full w-full overflow-hidden opacity-0 group-hover:opacity-100 group-focus:opacity-100 rounded transition-opacity duration-200 ease-out"><svg width="100%" height="100%" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="0 0 80 80"><rect fill="url(#_R_8npanmivb_)" width="80" height="80"></rect><defs><linearGradient id="_R_8npanmivb_" gradientUnits="userSpaceOnUse" x1="37.3684" y1="116.522" x2="98.3098" y2="80.4651"><stop stop-color="#453AFF" stop-opacity="0.3"></stop><stop offset="1" stop-color="#766DF8"></stop></linearGradient></defs></svg></div>Book Mode</button><button class="flex flex-row gap-1.5 justify-center items-center relative font-inter text-white py-[7px] px-[17px] rounded group shadow-[0_0_0px_1px_inset] shadow-zinc-600 hocus:shadow-none z-0"><div class="pointer-events-none absolute h-full w-full overflow-hidden opacity-0 group-hover:opacity-100 group-focus:opacity-100" style="border-radius:4px"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" preserveAspectRatio="none" fill="none"><rect width="100%" height="100%" rx="4" ry="4" fill="url(#_R_4ppanmivb_)" mask="url(#_R_4ppanmivbH1_)"></rect><defs><mask id="_R_4ppanmivbH1_"><rect width="100%" height="100%" fill="white"></rect><rect x="1" y="1" rx="3" ry="3" width="100%" height="100%" fill="black"></rect></mask><linearGradient id="_R_4ppanmivb_" gradientUnits="userSpaceOnUse" x1="11%" y1="111%" x2="102.5%" y2="102.5%"><stop stop-color="#453AFF" stop-opacity="0.3"></stop><stop offset="1" stop-color="#766DF8"></stop></linearGradient></defs></svg></div><div class="pointer-events-none absolute -z-[1] h-full w-full overflow-hidden opacity-0 group-hover:opacity-100 group-focus:opacity-100 rounded transition-opacity duration-200 ease-out"><svg width="100%" height="100%" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="0 0 80 80"><rect fill="url(#_R_8ppanmivb_)" width="80" height="80"></rect><defs><linearGradient id="_R_8ppanmivb_" gradientUnits="userSpaceOnUse" x1="37.3684" y1="116.522" x2="98.3098" y2="80.4651"><stop stop-color="#453AFF" stop-opacity="0.3"></stop><stop offset="1" stop-color="#766DF8"></stop></linearGradient></defs></svg></div>GitHub Integration</button><button class="flex flex-row gap-1.5 justify-center items-center relative font-inter text-white py-[7px] px-[17px] rounded group shadow-[0_0_0px_1px_inset] shadow-zinc-600 hocus:shadow-none z-0"><div class="pointer-events-none absolute h-full w-full overflow-hidden opacity-0 group-hover:opacity-100 group-focus:opacity-100" style="border-radius:4px"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" preserveAspectRatio="none" fill="none"><rect width="100%" height="100%" rx="4" ry="4" fill="url(#_R_4rpanmivb_)" mask="url(#_R_4rpanmivbH1_)"></rect><defs><mask id="_R_4rpanmivbH1_"><rect width="100%" height="100%" fill="white"></rect><rect x="1" y="1" rx="3" ry="3" width="100%" height="100%" fill="black"></rect></mask><linearGradient id="_R_4rpanmivb_" gradientUnits="userSpaceOnUse" x1="11%" y1="111%" x2="102.5%" y2="102.5%"><stop stop-color="#453AFF" stop-opacity="0.3"></stop><stop offset="1" stop-color="#766DF8"></stop></linearGradient></defs></svg></div><div class="pointer-events-none absolute -z-[1] h-full w-full overflow-hidden opacity-0 group-hover:opacity-100 group-focus:opacity-100 rounded transition-opacity duration-200 ease-out"><svg width="100%" height="100%" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="0 0 80 80"><rect fill="url(#_R_8rpanmivb_)" width="80" height="80"></rect><defs><linearGradient id="_R_8rpanmivb_" gradientUnits="userSpaceOnUse" x1="37.3684" y1="116.522" x2="98.3098" y2="80.4651"><stop stop-color="#453AFF" stop-opacity="0.3"></stop><stop offset="1" stop-color="#766DF8"></stop></linearGradient></defs></svg></div>UML graphs</button><button class="flex flex-row gap-1.5 justify-center items-center relative font-inter text-white py-[7px] px-[17px] rounded group shadow-[0_0_0px_1px_inset] shadow-zinc-600 hocus:shadow-none z-0"><div class="pointer-events-none absolute h-full w-full overflow-hidden opacity-0 group-hover:opacity-100 group-focus:opacity-100" style="border-radius:4px"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" preserveAspectRatio="none" fill="none"><rect width="100%" height="100%" rx="4" ry="4" fill="url(#_R_4tpanmivb_)" mask="url(#_R_4tpanmivbH1_)"></rect><defs><mask id="_R_4tpanmivbH1_"><rect width="100%" height="100%" fill="white"></rect><rect x="1" y="1" rx="3" ry="3" width="100%" height="100%" fill="black"></rect></mask><linearGradient id="_R_4tpanmivb_" gradientUnits="userSpaceOnUse" x1="11%" y1="111%" x2="102.5%" y2="102.5%"><stop stop-color="#453AFF" stop-opacity="0.3"></stop><stop offset="1" stop-color="#766DF8"></stop></linearGradient></defs></svg></div><div class="pointer-events-none absolute -z-[1] h-full w-full overflow-hidden opacity-0 group-hover:opacity-100 group-focus:opacity-100 rounded transition-opacity duration-200 ease-out"><svg width="100%" height="100%" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="0 0 80 80"><rect fill="url(#_R_8tpanmivb_)" width="80" height="80"></rect><defs><linearGradient id="_R_8tpanmivb_" gradientUnits="userSpaceOnUse" x1="37.3684" y1="116.522" x2="98.3098" y2="80.4651"><stop stop-color="#453AFF" stop-opacity="0.3"></stop><stop offset="1" stop-color="#766DF8"></stop></linearGradient></defs></svg></div>Profile</button></div></div></div><div class="m-6 flex flex-col items-center justify-center gap-7 px-6 py-12 corner-radius-xl md:py-16 [background:radial-gradient(108.42%_100%_at_50%_0%,rgba(86,91,200,0)_0%,rgba(101,116,255,0.27)_100%),#1C1C27]"><div class="flex flex-col items-center gap-2 text-center"><h2 class="text-h2 leading-h2 font-readex-pro font-semibold text-headline-gradient">Millions build with HackMD's Markdown editor every day</h2><span class="text-body leading-body font-inter font-normal">Powering teams around the world, from next-generation startups to established institutions.</span></div><div class="flex w-full flex-col gap-0.5 items-center justify-center"><div class="flex flex-row overflow-hidden opacity-80 [--carousel-animation-duration:40s] md:[--carousel-animation-duration:30s] logo-carousel-module__-sFUYW__carousel-mask" style="--carousel-width:0px;max-width:min(0px, 100%)"><div class="flex h-[42px] flex-shrink-0 flex-row items-center justify-center gap-10 [will-change:transform,_opacity] md:h-[60px] md:gap-14 animate-carousel-left"><img alt="/logos/Arweave logomark.png" loading="eager" width="0" height="0" decoding="async" data-nimg="1" class="h-full max-h-full w-auto" style="color:transparent;height:31.18px" src="/logos/Arweave logomark.png"/><img alt="/logos/Avalanche_Horizontal_White.png" loading="eager" width="0" height="0" decoding="async" data-nimg="1" class="h-full max-h-full w-auto" style="color:transparent;height:34.4px" src="/logos/Avalanche_Horizontal_White.png"/><img alt="/logos/Base_Wordmark_White.png" loading="eager" width="0" height="0" decoding="async" data-nimg="1" class="h-full max-h-full w-auto" style="color:transparent;height:26.4px" src="/logos/Base_Wordmark_White.png"/><img alt="/logos/Blockfuse_L2.png" loading="eager" width="0" height="0" decoding="async" data-nimg="1" class="h-full max-h-full w-auto" style="color:transparent;height:42px" src="/logos/Blockfuse_L2.png"/><img alt="/logos/Bokeh Logo Inverted.png" loading="eager" width="0" height="0" decoding="async" data-nimg="1" class="h-full max-h-full w-auto" style="color:transparent;height:26.4px" src="/logos/Bokeh Logo Inverted.png"/><img alt="/logos/Brown.png" loading="eager" width="0" height="0" decoding="async" data-nimg="1" class="h-full max-h-full w-auto" style="color:transparent;height:60px" src="/logos/Brown.png"/><img alt="/logos/ContinuousFoundation_logo.png" loading="eager" width="0" height="0" decoding="async" data-nimg="1" class="h-full max-h-full w-auto" style="color:transparent;height:52px" src="/logos/ContinuousFoundation_logo.png"/><img alt="/logos/DevOpsDays.png" loading="eager" width="0" height="0" decoding="async" data-nimg="1" class="h-full max-h-full w-auto" style="color:transparent;height:31.2px" src="/logos/DevOpsDays.png"/><img alt="/logos/ETH.png" loading="eager" width="0" height="0" decoding="async" data-nimg="1" class="h-full max-h-full w-auto" style="color:transparent;height:48.8px" src="/logos/ETH.png"/><img alt="/logos/brightid.svg" loading="eager" width="0" height="0" decoding="async" data-nimg="1" class="h-full max-h-full w-auto" style="color:transparent;height:40px" src="/logos/brightid.svg"/><img alt="/logos/openjs-foundation-logo-horizontal-white.svg" loading="eager" width="0" height="0" decoding="async" data-nimg="1" class="h-full max-h-full w-auto" style="color:transparent;height:40px" src="/logos/openjs-foundation-logo-horizontal-white.svg"/><img alt="/logos/Arweave logomark.png" loading="eager" width="0" height="0" decoding="async" data-nimg="1" class="h-full w-auto" style="color:transparent;height:31.18px" src="/logos/Arweave logomark.png"/><img alt="/logos/Avalanche_Horizontal_White.png" loading="eager" width="0" height="0" decoding="async" data-nimg="1" class="h-full w-auto" style="color:transparent;height:34.4px" src="/logos/Avalanche_Horizontal_White.png"/><img alt="/logos/Base_Wordmark_White.png" loading="eager" width="0" height="0" decoding="async" data-nimg="1" class="h-full w-auto" style="color:transparent;height:26.4px" src="/logos/Base_Wordmark_White.png"/><img alt="/logos/Blockfuse_L2.png" loading="eager" width="0" height="0" decoding="async" data-nimg="1" class="h-full w-auto" style="color:transparent;height:42px" src="/logos/Blockfuse_L2.png"/><img alt="/logos/Bokeh Logo Inverted.png" loading="eager" width="0" height="0" decoding="async" data-nimg="1" class="h-full w-auto" style="color:transparent;height:26.4px" src="/logos/Bokeh Logo Inverted.png"/><img alt="/logos/Brown.png" loading="eager" width="0" height="0" decoding="async" data-nimg="1" class="h-full w-auto" style="color:transparent;height:60px" src="/logos/Brown.png"/><img alt="/logos/ContinuousFoundation_logo.png" loading="eager" width="0" height="0" decoding="async" data-nimg="1" class="h-full w-auto" style="color:transparent;height:52px" src="/logos/ContinuousFoundation_logo.png"/><img alt="/logos/DevOpsDays.png" loading="eager" width="0" height="0" decoding="async" data-nimg="1" class="h-full w-auto" style="color:transparent;height:31.2px" src="/logos/DevOpsDays.png"/><img alt="/logos/ETH.png" loading="eager" width="0" height="0" decoding="async" data-nimg="1" class="h-full w-auto" style="color:transparent;height:48.8px" src="/logos/ETH.png"/><img alt="/logos/brightid.svg" loading="eager" width="0" height="0" decoding="async" data-nimg="1" class="h-full w-auto" style="color:transparent;height:40px" src="/logos/brightid.svg"/><img alt="/logos/openjs-foundation-logo-horizontal-white.svg" loading="eager" width="0" height="0" decoding="async" data-nimg="1" class="h-full w-auto" style="color:transparent;height:40px" src="/logos/openjs-foundation-logo-horizontal-white.svg"/><span class="ui-carousel-end-placeholder"></span></div></div><div class="flex flex-row overflow-hidden opacity-80 [--carousel-animation-duration:40s] md:[--carousel-animation-duration:30s] logo-carousel-module__-sFUYW__carousel-mask" style="--carousel-width:0px;max-width:min(0px, 100%)"><div class="flex h-[42px] flex-shrink-0 flex-row items-center justify-center gap-10 [will-change:transform,_opacity] md:h-[60px] md:gap-14 animate-carousel-right"><img alt="/logos/g0v.png" loading="eager" width="0" height="0" decoding="async" data-nimg="1" class="h-full max-h-full w-auto" style="color:transparent;height:44px" src="/logos/g0v.png"/><img alt="/logos/GenerativeAI_logo.png" loading="eager" width="0" height="0" decoding="async" data-nimg="1" class="h-full max-h-full w-auto" style="color:transparent;height:33.6px" src="/logos/GenerativeAI_logo.png"/><img alt="/logos/Lido.png" loading="eager" width="0" height="0" decoding="async" data-nimg="1" class="h-full max-h-full w-auto" style="color:transparent;height:32.8px" src="/logos/Lido.png"/><img alt="/logos/Rust_logo.png" loading="eager" width="0" height="0" decoding="async" data-nimg="1" class="h-full max-h-full w-auto" style="color:transparent;height:44px" src="/logos/Rust_logo.png"/><img alt="/logos/Scipy-logo.png" loading="eager" width="0" height="0" decoding="async" data-nimg="1" class="h-full max-h-full w-auto" style="color:transparent;height:44px" src="/logos/Scipy-logo.png"/><img alt="/logos/Sitcon.png" loading="eager" width="0" height="0" decoding="async" data-nimg="1" class="h-full max-h-full w-auto" style="color:transparent;height:44px" src="/logos/Sitcon.png"/><img alt="/logos/Slice Wordmark.png" loading="eager" width="0" height="0" decoding="async" data-nimg="1" class="h-full max-h-full w-auto" style="color:transparent;height:32.8px" src="/logos/Slice Wordmark.png"/><img alt="/logos/SN-Linear-Flat colour.png" loading="eager" width="0" height="0" decoding="async" data-nimg="1" class="h-full max-h-full w-auto" style="color:transparent;height:47.2px" src="/logos/SN-Linear-Flat colour.png"/><img alt="/logos/TheMeeFoundation_logo.png" loading="eager" width="0" height="0" decoding="async" data-nimg="1" class="h-full max-h-full w-auto" style="color:transparent;height:37.6px" src="/logos/TheMeeFoundation_logo.png"/><img alt="/logos/Updraft.png" loading="eager" width="0" height="0" decoding="async" data-nimg="1" class="h-full max-h-full w-auto" style="color:transparent;height:42px" src="/logos/Updraft.png"/><img alt="/logos/g0v.png" loading="eager" width="0" height="0" decoding="async" data-nimg="1" class="h-full w-auto" style="color:transparent;height:44px" src="/logos/g0v.png"/><img alt="/logos/GenerativeAI_logo.png" loading="eager" width="0" height="0" decoding="async" data-nimg="1" class="h-full w-auto" style="color:transparent;height:33.6px" src="/logos/GenerativeAI_logo.png"/><img alt="/logos/Lido.png" loading="eager" width="0" height="0" decoding="async" data-nimg="1" class="h-full w-auto" style="color:transparent;height:32.8px" src="/logos/Lido.png"/><img alt="/logos/Rust_logo.png" loading="eager" width="0" height="0" decoding="async" data-nimg="1" class="h-full w-auto" style="color:transparent;height:44px" src="/logos/Rust_logo.png"/><img alt="/logos/Scipy-logo.png" loading="eager" width="0" height="0" decoding="async" data-nimg="1" class="h-full w-auto" style="color:transparent;height:44px" src="/logos/Scipy-logo.png"/><img alt="/logos/Sitcon.png" loading="eager" width="0" height="0" decoding="async" data-nimg="1" class="h-full w-auto" style="color:transparent;height:44px" src="/logos/Sitcon.png"/><img alt="/logos/Slice Wordmark.png" loading="eager" width="0" height="0" decoding="async" data-nimg="1" class="h-full w-auto" style="color:transparent;height:32.8px" src="/logos/Slice Wordmark.png"/><img alt="/logos/SN-Linear-Flat colour.png" loading="eager" width="0" height="0" decoding="async" data-nimg="1" class="h-full w-auto" style="color:transparent;height:47.2px" src="/logos/SN-Linear-Flat colour.png"/><img alt="/logos/TheMeeFoundation_logo.png" loading="eager" width="0" height="0" decoding="async" data-nimg="1" class="h-full w-auto" style="color:transparent;height:37.6px" src="/logos/TheMeeFoundation_logo.png"/><img alt="/logos/Updraft.png" loading="eager" width="0" height="0" decoding="async" data-nimg="1" class="h-full w-auto" style="color:transparent;height:42px" src="/logos/Updraft.png"/><span class="ui-carousel-end-placeholder"></span></div></div></div></div><div class="flex flex-col items-center justify-center gap-7 px-6 py-12"><span class="relative w-full max-w-[760px]"><img alt="quote image top left" loading="lazy" width="42" height="42" decoding="async" data-nimg="1" class="absolute left-0 top-0 mt-[-13px]" style="color:transparent" src="/quote-alt.svg"/><h3 class="text-h3 leading-h3 font-readex-pro relative z-[1] text-center font-normal text-white">HackMD's simple interface allows novice members to get started quickly.</h3><img alt="quote image top left" loading="lazy" width="42" height="42" decoding="async" data-nimg="1" class="absolute bottom-0 right-0 mb-[-8px] rotate-180" style="color:transparent" src="/quote-alt.svg"/></span><span class="flex flex-col items-center gap-2.5 md:flex-row md:gap-4"><img alt="SCIST_logo" loading="lazy" width="0" height="0" decoding="async" data-nimg="1" class="h-full w-auto" style="color:transparent" src="/logos/SCIST.svg"/><span class="flex w-full max-w-[205px] flex-col items-center text-center text-sm leading-sm md:items-start md:text-left">Students' Community of Information in Southern Taiwan</span></span></div><div class="mx-auto px-6 py-4"><svg width="100%" height="2" viewBox="0 0 230 2" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" class="w-[320px] max-w-full"><path opacity="0.4" d="M0 1H230" stroke="url(#paint0_radial_119_49)"></path><defs><radialGradient id="paint0_radial_119_49" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(105.733 0.424371) rotate(180) scale(108.681 129)"><stop stop-color="#AEAEC1"></stop><stop offset="1" stop-color="#3C3C4C" stop-opacity="0.74"></stop></radialGradient></defs></svg></div><div class="px-6 pb-6 pt-12 md:py-16"><div class="mx-auto flex w-fit max-w-full flex-col gap-9"><div class="flex w-full max-w-[466px] flex-col items-start gap-2.5"><h1 class="text-h1 leading-h1 font-readex-pro font-semibold text-headline-gradient">Join a global movement</h1><span class="text-body leading-body font-inter font-normal">Our vibrant Markdown community is researching the next breakthrough, spearheading decentralization, and growing communities around the world.</sp
robots.txt
Lines in robots.txt

Page tested on 27th January 2026 at 12:28