Spain · Madrid Completed: Apr 22, 2026 00:12 UTCMobile 375 × 812
Desktop 1440 × 900
Score: 78 / 100
Based on 8 categories, 0 sections
Decent speed, but optimizing further could improve engagement.
Good foundation, but a few gaps could be exploited.
Several issues make your site difficult for assistive technology users.
Well-optimized for search — your content is discoverable.
Solid infrastructure — fast server responses across the board.
Mostly compliant — a few items need attention.
Rich content metadata — your pages look great everywhere.
Heavier than average — reducing page weight saves energy and bandwidth.
The overall score is a weighted average of individual category scores. Categories with more impact on user experience and security carry more weight.
Weights reflect general web best practices. Individual needs may differ.
Content-Security-Policy header is missing
Security gaps expose your site and users to attacks, eroding trust.
Cookie 'NEXT_LOCALE' is missing the Secure flag
Security gaps expose your site and users to attacks, eroding trust.
No Content-Security-Policy header found
Security gaps expose your site and users to attacks, eroding trust.
Page weighs 5.2 MB (4.6 MB transferred)
Performance issues directly impact user engagement and conversion rates.
4 link(s) with no accessible text
Accessibility issues exclude users with disabilities — up to 15% of your potential audience.
High impact, low effort — start here.
High impact, requires investment.
Small gains, minimal effort.
Nothing in this quadrant — good news.
Low impact, high effort — do last.
Nothing in this quadrant — good news.
[](https://beavercheck.com/results/aeffe6bf-0530-4084-9dae-2451f2e919a7)<a href="https://beavercheck.com/results/aeffe6bf-0530-4084-9dae-2451f2e919a7"><img src="https://beavercheck.com/badge?url=https%3A%2F%2Fhackmd.io" alt="BeaverCheck Score"></a>https://beavercheck.com/badge?url=https%3A%2F%2Fhackmd.ioThis badge auto-updates with your latest scan result.
Your site performs reasonably well, but a few targeted fixes could meaningfully improve results. Your LCP of 6.2s exceeds Google's 2.5s 'Good' threshold and the 1 performance issue below directly contributes to it. Accessibility issues exclude users who rely on assistive technology — an estimated 15% of your potential audience. Addressing the critical issues below would have the most immediate impact on your user trust.
6 barrier(s) likely increasing bounce by ~24%.
Page takes 6.2s to load
+12% bounceUsers abandon at ~3s — you're 3.7s over the 2.5s threshold
Fix: Optimize render-blocking resources, preload the hero image, and compress images
No Content-Security-Policy header
+1% bounceHigher XSS blast radius — one compromised script can exfiltrate the checkout form
Fix: Ship a reporting-only CSP first, then enforce once violations are clean
Layout shifts during page load
+3% bounceContent movement causes mis-clicks on CTAs and form fields
Fix: Add width/height to images; reserve space for late-loading embeds
11 link(s) with generic text ("click here", "read more")
+1% bounceScreen-reader users navigating by link list see no context — and search engines can't infer relevance
Fix: Rewrite with descriptive phrases that identify the destination
No skip-to-content link
+1% bounceKeyboard and screen-reader users must tab through the entire header on every page
Fix: Add a visible-on-focus <a href="#main">Skip to content</a> as the first focusable element
1 broken link(s) on the page
+2% bounceClicks land on 404s — trust drops and the session often ends
Fix: Fix or remove the broken destinations surfaced on the Content tab
Preliminary CRO audit — each barrier links to the tab with detailed analysis.
€400 investment → €3,817/month returns + EUR 120,500,000 risk avoided
€400
5h · 5 findings
€3,817 /mo
~€45,807 / year
EUR 120,500,000
if kept compliant
€120 — in quick wins — start here for the fastest payback
Figures combine localized regulatory fine ceilings, search/conversion value priced against local CPC, and bandwidth waste estimates. Results depend on implementation quality and audience composition. Not legal or financial advice.
5.0 developer hours at €80/hr
Based on France rates (€80/hr)
Start here for the best return on investment
€10,041,668 / month at risk
~€120,500,013 / year if left unfixed
€120,500,000
+9 more
€1.07 /mo
14466.6 MB/mo × 0.074 EUR/GB
Compliance figures represent the statutory maximum fine for the most severe triggered category, capped per regulation — not the sum of per-finding penalties. Based on published regulatory fine ranges. This is not legal advice.
Unique monthly visitors from your analytics
Purchases, signups, or key actions
Optional — for revenue estimation
more engaged visitors from reduced bounce
Fix 5 critical issues to capture this value
Based on Google/Deloitte research ("Milliseconds Make Millions") showing a ~7% bounce rate increase per additional second of LCP above the 2.5s "Good" threshold.
Your site's LCP: → estimated after fixes.
These are estimates based on industry research — actual results vary
Your data stays in your browser — nothing is sent to our servers
Thanks for your feedback!
We'll use a cached audit if available, or offer to scan.
Industry-standard audits powered by Google Lighthouse.
Key metrics that affect user experience.
First Contentful Paint First Contentful Paint — how long until the browser renders the first piece of content. Under 1.8s is good.
2.45 s
Largest Contentful Paint Largest Contentful Paint — how long until the largest visible element loads. Under 2.5s is good.
6.20 s
Total Blocking Time Total Blocking Time — total time the main thread was blocked, preventing user input. Under 200ms is good.
110 ms
Cumulative Layout Shift Cumulative Layout Shift — measures visual stability. How much the page layout shifts during loading. Under 0.1 is good.
0.238
Speed Index Speed Index — how quickly content is visually displayed during load. Under 3.4s is good.
5.87 s
Time to Interactive Time to Interactive — how long until the page is fully interactive and responds to user input. Under 3.8s is good.
13.61 s
Audit breakdown by category with detailed findings.
Remove large, duplicate JavaScript modules from bundles to reduce unnecessary bytes consumed by network activity.
Performance issues directly impact user engagement and conversion rates.
Polyfills and transforms enable older browsers to use new JavaScript features. However, many aren't necessary for modern browsers. Consider modifying your JavaScript build process to not transpile Baseline features, unless you know you must support older browsers. Learn why most sites can deploy ES6+ code without transpiling
Shipping ES5 transpiled code to modern browsers wastes bytes — every user with an evergreen browser pays for compatibility you don't need.
Most users today run browsers that natively support ES6+, async/await, optional chaining, and the rest of modern JavaScript. Transpiling to ES5 'just in case' adds 20-40% to your bundle for no benefit. Configure your build to target a modern browserslist, or ship a differential bundle pair (modern + legacy) with the module/nomodule pattern.
Source: Google web.dev / Lighthouse
3rd party code can significantly impact load performance. Reduce and defer loading of 3rd party code to prioritize your page's content.
Performance issues directly impact user engagement and conversion rates.
Layout shifts occur when elements move absent any user interaction. Investigate the causes of layout shifts, such as elements being added, removed, or their fonts changing as the page loads.
Performance issues directly impact user engagement and conversion rates.
Optimize LCP by making the LCP image discoverable from the HTML immediately, and avoiding lazy-loading
Performance issues directly impact user engagement and conversion rates.
Avoid chaining critical requests by reducing the length of chains, reducing the download size of resources, or deferring the download of unnecessary resources to improve page load.
Performance issues directly impact user engagement and conversion rates.
Requests are blocking the page's initial render, which may delay LCP. Deferring or inlining can move these network requests out of the critical path.
Performance issues directly impact user engagement and conversion rates.
| URL | Transfer Size | Duration |
|---|---|---|
| hackmd.io/_next/static/chunks/a4d44b71c308de05.css | 16.1 KiB | 374 ms |
| hackmd.io/_next/static/chunks/ab94802ba5ab4af4.css | 6.0 KiB | |
| hackmd.io/_next/static/chunks/786710bc80ba0dc8.css | 747 B |
Reducing the download time of images can improve the perceived load time of the page and LCP. Learn more about optimizing image size
Performance issues directly impact user engagement and conversion rates.
| URL | Resource Size | Est Savings | |
|---|---|---|---|
/logos/Blockfuse_L2.png div.flex > div.flex > div.flex > img.h-full | hackmd.io/logos/Blockfuse_L2.png | 268.5 KiB | 268.2 KiB |
/logos/Updraft.png div.flex > div.flex > div.flex > img.h-full | hackmd.io/logos/Updraft.png | 47.8 KiB | 47.6 KiB |
/logos/Brown.png div.flex > div.flex > div.flex > img.h-full | hackmd.io/logos/Brown.png | 12.8 KiB | 11.0 KiB |
/logos/DevOpsDays.png div.flex > div.flex > div.flex > img.h-full | hackmd.io/logos/DevOpsDays.png | 7.8 KiB | 6.6 KiB |
/logos/SN-Linear-Flat colour.png div.flex > div.flex > div.flex > img.h-full | hackmd.io/logos/SN-Linear-Flat%20colour.png | 8.1 KiB | 6.3 KiB |
/logos/Arweave logomark.png div.flex > div.flex > div.flex > img.h-full | hackmd.io/logos/Arweave%20logomark.png | 7.2 KiB | 6.2 KiB |
/logos/GenerativeAI_logo.png div.flex > div.flex > div.flex > img.h-full | hackmd.io/logos/GenerativeAI_logo.png | 6.3 KiB | 5.4 KiB |
/logos/Avalanche_Horizontal_White.png div.flex > div.flex > div.flex > img.h-full | hackmd.io/logos/Avalanche_Horizontal_White.png | 5.8 KiB | 5.0 KiB |
/logos/g0v.png div.flex > div.flex > div.flex > img.h-full | hackmd.io/logos/g0v.png | 5.4 KiB | 4.7 KiB |
/logos/Bokeh Logo Inverted.png div.flex > div.flex > div.flex > img.h-full | hackmd.io/logos/Bokeh%20Logo%20Inverted.png | 4.9 KiB | 4.3 KiB |
/logos/ContinuousFoundation_logo.png div.flex > div.flex > div.flex > img.h-full | hackmd.io/logos/ContinuousFoundation_logo.png | 4.8 KiB | 4.1 KiB |
These insights are also available in the Chrome DevTools Performance Panel - record a trace to view more detailed information.
These are the largest layout shifts observed on the page. Each table item represents a single layout shift, and shows the element that shifted the most. Below each item are possible root causes that led to the layout shift. Some of these layout shifts may not be included in the CLS metric value due to windowing. Learn how to improve CLS
Performance issues directly impact user engagement and conversion rates.
| Element | Layout shift score |
|---|---|
body.inter_1b545fac-module__b8QJrq__variable > main.flex > section.relative > section.h-[calc(100dvw/16*9-30px)] body.inter_1b545fac-module__b8QJrq__variable > main.flex > section.relative > section.h-[calc(100dvw/16*9-30px)] | 0.238 |
main.flex > section.relative > section.h-[calc(100dvw/16*9-30px)] > video.absolute main.flex > section.relative > section.h-[calc(100dvw/16*9-30px)] > video.absolute | 0.017 |
team
personal
technical
research
educational
web3
community section.relative > div.flex > h3.text-h3 > div.relative | 0.000 |
Get HackMD free body.inter_1b545fac-module__b8QJrq__variable > main.flex > nav.flex > form.flex | 0.000 |
Time to Interactive is the amount of time it takes for the page to become fully interactive. Learn more about the Time to Interactive metric.
Performance issues directly impact user engagement and conversion rates.
The maximum potential First Input Delay that your users could experience is the duration of the longest task. Learn more about the Maximum Potential First Input Delay metric.
Performance issues directly impact user engagement and conversion rates.
Consider reducing the time spent parsing, compiling and executing JS. You may find delivering smaller JS payloads helps with this. Learn how to minimize main-thread work
Performance issues directly impact user engagement and conversion rates.
| Category | Time Spent |
|---|---|
| Other | 1.4 s |
| Script Evaluation | 843 ms |
| Style & Layout | 552 ms |
| Rendering | 463 ms |
| Script Parsing & Compilation | 70 ms |
| Parse HTML & CSS | 60 ms |
Many navigations are performed by going back to a previous page, or forwards again. The back/forward cache (bfcache) can speed up these return navigations. Learn more about the bfcache
Performance issues directly impact user engagement and conversion rates.
| Failure reason | Failure type |
|---|---|
| Pages with cache-control:no-store header cannot enter back/forward cache. | Actionable |
| Pages whose main resource has cache-control:no-store cannot enter back/forward cache. | Not actionable |
| Back/forward cache is disabled because some JavaScript network request received resource with Cache-Control: no-store header. | Not actionable |
Reduce unused rules from stylesheets and defer CSS not used for above-the-fold content to decrease bytes consumed by network activity. Learn how to reduce unused CSS.
Performance issues directly impact user engagement and conversion rates.
| URL | Transfer Size | Est Savings |
|---|---|---|
| hackmd.io/_next/static/chunks/a4d44b71c308de05.css | 15.6 KiB | 11.3 KiB |
Reduce unused JavaScript and defer loading scripts until they are required to decrease bytes consumed by network activity. Learn how to reduce unused JavaScript.
Multi-megabyte JavaScript bundles delay every interactive feature on the page.
This is the Lighthouse audit fired when too much JS is shipped relative to what executes. The fix isn't a config flag — it requires bundle analysis (webpack-bundle-analyzer, rollup-plugin-visualizer), splitting routes into chunks, lazy-loading off-screen components, and removing unused dependencies. Fundamentally different from minification: minifying reduces byte count, this reduces what's downloaded at all.
Source: Google web.dev / Lighthouse
| URL | Transfer Size | Est Savings |
|---|---|---|
| hackmd.io/_next/static/chunks/bf9c1cba9711df19.js | 65.7 KiB | 24.9 KiB |
Large network payloads cost users real money and are highly correlated with long load times. Learn how to reduce payload sizes.
Performance issues directly impact user engagement and conversion rates.
| URL | Transfer Size |
|---|---|
| hackmd.io/feature-slides/book.jpeg | 997.6 KiB |
| hackmd.io/feature-slides/github-sync.jpeg | 543.6 KiB |
| hackmd.io/videos/HeroAnimation-720.webm | 443.6 KiB |
| hackmd.io/feature-slides/template-1.png | 439.0 KiB |
| hackmd.io/videos/docs-720.webm | 326.6 KiB |
| hackmd.io/feature-slides/template-2.png | 294.0 KiB |
| hackmd.io/feature-slides/template-3.png | 274.8 KiB |
| hackmd.io/logos/Blockfuse_L2.png | 270.5 KiB |
| hackmd.io/feature-slides/profile.jpeg | 224.8 KiB |
| hackmd.io/feature-slides/uml-2.png | 112.1 KiB |
More information about the performance of your application. These numbers don't directly affect the Performance score.
These checks highlight opportunities to improve the accessibility of your web app. Automatic detection can only detect a subset of issues and does not guarantee the accessibility of your web app, so manual testing is also encouraged.
When a button doesn't have an accessible name, screen readers announce it as "button", making it unusable for users who rely on screen readers. Learn how to make buttons more accessible.
Performance issues directly impact user engagement and conversion rates.
| Failing Elements |
|---|
main.flex > nav.flex > form.flex > button.flex-row main.flex > nav.flex > form.flex > button.flex-row |
section.mt-12 > div.flex > a > button.flex section.mt-12 > div.flex > a > button.flex |
section.mt-12 > div.flex > a > button.flex section.mt-12 > div.flex > a > button.flex |
section.mt-12 > div.flex > a > button.flex section.mt-12 > div.flex > a > button.flex |
section.mt-12 > div.flex > a > button.flex section.mt-12 > div.flex > a > button.flex |
Form elements without effective labels can create frustrating experiences for screen reader users. Learn more about the `select` element.
Performance issues directly impact user engagement and conversion rates.
| Failing Elements |
|---|
English
中文
日本語 section.mt-12 > div > label.relative > select.w-full |
Link text (and alternate text for images, when used as links) that is discernible, unique, and focusable improves the navigation experience for screen reader users. Learn how to make links accessible.
Performance issues directly impact user engagement and conversion rates.
| Failing Elements |
|---|
div > section.mt-12 > div.flex > a div > section.mt-12 > div.flex > a |
div > section.mt-12 > div.flex > a div > section.mt-12 > div.flex > a |
div > section.mt-12 > div.flex > a div > section.mt-12 > div.flex > a |
div > section.mt-12 > div.flex > a div > section.mt-12 > div.flex > a |
These are opportunities to improve the semantics of the controls in your application. This may enhance the experience for users of assistive technology, like a screen reader.
Low-contrast text is difficult or impossible for many users to read. Learn how to provide sufficient color contrast.
Performance issues directly impact user engagement and conversion rates.
| Failing Elements |
|---|
Learning section.flex > ul.flex > li.min-w-40 > h4.mb-6 |
Resources section.flex > ul.flex > li.min-w-40 > h4.mb-6 |
Company section.flex > ul.flex > li.min-w-40 > h4.mb-6 |
These are opportunities to improve the legibility of your content.
Properly ordered headings that do not skip levels convey the semantic structure of the page, making it easier to navigate and understand when using assistive technologies. Learn more about heading order.
Performance issues directly impact user engagement and conversion rates.
| Failing Elements |
|---|
HackMD is my go-to thinkpad. It's been a great fit for everything from TODO lis… main.flex > div.m-6 > span.relative > h6.text-h6 |
Learning section.flex > ul.flex > li.min-w-40 > h4.mb-6 |
These are opportunities to improve keyboard navigation in your application.
Image display dimensions should match natural aspect ratio. Learn more about image aspect ratio.
Performance issues directly impact user engagement and conversion rates.
| URL | Aspect Ratio (Displayed) | Aspect Ratio (Actual) | |
|---|---|---|---|
uml diagram div.w-full > div.relative > div.rounded-[30px] > img.overflow-hidden | hackmd.io/feature-slides/uml-1.png | 1166 x 940 (1.24) | 1124 x 790 (1.42) |
These checks ensure that your page is following basic search engine optimization advice. There are many additional factors Lighthouse does not score here that may affect your search ranking, including performance on Core Web Vitals. Learn more about Google Search Essentials.
Descriptive link text helps search engines understand your content. Learn how to make links more accessible.
Performance issues directly impact user engagement and conversion rates.
Format your HTML in a way that enables crawlers to better understand your app’s content.
If your robots.txt file is malformed, crawlers may not be able to understand how you want your website to be crawled or indexed. Learn more about robots.txt.
Performance issues directly impact user engagement and conversion rates.
| Line # | Content | Error |
|---|---|---|
| 1 | <!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/a4d44b71c308de05.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="hGcf5k8C-_RLQzeQT1ANtPMEpcKyepoOOGVk"/><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="hGcf5k8C-_RLQzeQT1ANtPMEpcKyepoOOGVk"/><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="you@company.com" 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.</span><a class="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 hidden md:flex" href="/solutions?utm_source=home&utm_medium=Global-Movement">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></a></div><div class="grid max-w-full grid-cols-2 gap-3 md:flex md:flex-row md:gap-4"><div class="flex w-full flex-row items-center justify-center py-7 corner-radius-md md:w-[270px] bg-[linear-gradient(146.52deg,rgba(82,75,190,0.25)_10.54%,rgba(25,31,80,0.25)_80.09%)]"><div class="flex flex-col text-center"><span class="flex flex-row items-center justify-center"><span class="font-semibold text-number-title leading-[120%] tracking-[-2.2%] bg-clip-text [-webkit-background-clip:text] [-webkit-text-fill-color:transparent] bg-[linear-gradient(145.75deg,#786FFA_17.48%,#1E1B3F_94.69%)]">1m</span><svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" fill="currentColor" viewBox="0 0 256 256" class="text-white opacity-70"><path d="M228,128a12,12,0,0,1-12,12H140v76a12,12,0,0,1-24,0V140H40a12,12,0,0,1,0-24h76V40a12,12,0,0,1,24,0v76h76A12,12,0,0,1,228,128Z"></path></svg></span><span class="text-white opacity-80 text-number-subtitle leading-lg">Users</span></div></div><div class="flex w-full flex-row items-center justify-center py-7 corner-radius-md md:w-[270px] bg-[linear-gradient(146.52deg,rgba(82,75,190,0.25)_10.54%,rgba(25,31,80,0.25)_80.09%)]"><div class="flex flex-col text-center"><span class="flex flex-row items-center justify-center"><span class="font-semibold text-number-title leading-[120%] tracking-[-2.2%] bg-clip-text [-webkit-background-clip:text] [-webkit-text-fill-color:transparent] bg-[linear-gradient(145.75deg,#786FFA_17.48%,#1E1B3F_94.69%)]">30k</span><svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" fill="currentColor" viewBox="0 0 256 256" class="text-white opacity-70"><path d="M228,128a12,12,0,0,1-12,12H140v76a12,12,0,0,1-24,0V140H40a12,12,0,0,1,0-24h76V40a12,12,0,0,1,24,0v76h76A12,12,0,0,1,228,128Z"></path></svg></span><span class="text-white opacity-80 text-number-subtitle leading-lg">Teams</span></div></div><div class="flex w-full flex-row items-center justify-center py-7 corner-radius-md md:w-[270px] bg-[linear-gradient(146.52deg,rgba(82,75,190,0.25)_10.54%,rgba(25,31,80,0.25)_80.09%)]"><div class="flex flex-col text-center"><span class="flex flex-row items-center justify-center"><span class="font-semibold text-number-title leading-[120%] tracking-[-2.2%] bg-clip-text [-webkit-background-clip:text] [-webkit-text-fill-color:transparent] bg-[linear-gradient(145.75deg,#786FFA_17.48%,#1E1B3F_94.69%)]">170</span><svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" fill="currentColor" viewBox="0 0 256 256" class="text-white opacity-70"><path d="M228,128a12,12,0,0,1-12,12H140v76a12,12,0,0,1-24,0V140H40a12,12,0,0,1,0-24h76V40a12,12,0,0,1,24,0v76h76A12,12,0,0,1,228,128Z"></path></svg></span><span class="text-white opacity-80 text-number-subtitle leading-lg">Countries represented</span></div></div><div class="flex w-full flex-row items-center justify-center py-7 corner-radius-md md:w-[270px] bg-[linear-gradient(146.52deg,rgba(82,75,190,0.25)_10.54%,rgba(25,31,80,0.25)_80.09%)]"><div class="flex flex-col text-center"><span class="flex flex-row items-center justify-center"><span class="font-semibold text-number-title leading-[120%] tracking-[-2.2%] bg-clip-text [-webkit-background-clip:text] [-webkit-text-fill-color:transparent] bg-[linear-gradient(145.75deg,#786FFA_17.48%,#1E1B3F_94.69%)]">7.7m</span><svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" fill="currentColor" viewBox="0 0 256 256" class="text-white opacity-70"><path d="M228,128a12,12,0,0,1-12,12H140v76a12,12,0,0,1-24,0V140H40a12,12,0,0,1,0-24h76V40a12,12,0,0,1,24,0v76h76A12,12,0,0,1,228,128Z"></path></svg></span><span class="text-white opacity-80 text-number-subtitle leading-lg">Notes created</span></div></div></div></div></div><div class="px-6 pb-12 pt-8 md:pt-6"><div class="px-6 py-12 corner-radius-lg md:py-20 flex w-full flex-col items-center justify-center gap-10 md:gap-9 bg-cover bg-center bg-no-repeat bg-[url("/bg-gradient-light-purple-square.svg")] md:bg-[url("/bg-gradient-light-purple-rectangle.svg")]"><div class="flex flex-col gap-3 text-center md:gap-2"><span class="text-headline leading-headline font-readex-pro font-semibold tracking-[-2px] text-headline-gradient-horizontal">Get started for free</span><span class="text-lg leading-lg font-inter font-normal opacity-80">Play around with it first. Pay and add your team later.</span></div><a 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 plausible-event-name=HomeSignupEndpage z-0" href="https://hackmd.io/join?signup-event=HomeSignupCompleted"><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_4qinmivb_)" mask="url(#_R_4qinmivbH1_)"></rect><defs><mask id="_R_4qinmivbH1_"><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_4qinmivb_" 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_8qinmivb_)" width="80" height="80"></rect><defs><linearGradient id="_R_8qinmivb_" 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 started for free<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="currentColor" viewBox="0 0 256 256" class="transition-transform duration-200 group-hover:-rotate-45 group-focus:-rotate-45"><path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"></path></svg></a></div></div><footer class="bg-background-default px-6 pt-14 text-white"><div><section class="flex flex-wrap justify-between gap-x-2 gap-y-9"><figure><a class="inline-flex h-10" href="/"><img alt="HackMD Logo" loading="lazy" width="0" height="0" decoding="async" data-nimg="1" class="h-full w-auto" style="color:transparent" src="/logo-full.svg"/></a><figcaption class="mt-6 text-sm">Build together with the ultimate Markdown editor.</figcaption></figure><ul class="flex flex-wrap gap-6"><li class="min-w-40"><h4 class="mb-6 font-semibold opacity-40">Learning</h4><ul class="flex flex-col gap-4"><li><a href="https://hackmd.io/s/features/?utm_source=home&utm_medium=footer"><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">Features</span></a></li><li><a href="https://hackmd.io/c/tutorials/?utm_source=home&utm_medium=footer"><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">Tutorial book</span></a></li></ul></li><li class="min-w-40"><h4 class="mb-6 font-semibold opacity-40">Resources</h4><ul class="flex flex-col gap-4"><li><a href="/blog?utm_source=home&utm_medium=footer"><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">Blog</span></a></li><li><a href="/changelog?utm_source=home&utm_medium=footer"><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">Changelog</span></a></li><li><a href="/enterprise?utm_source=home&utm_medium=footer"><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">Enterprise</span></a></li><li><a href="/pricing?utm_source=home&utm_medium=footer"><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">Pricing</span></a></li><li><a href="https://hackmd.io/@docs/HackMD_API_Book/?utm_source=home&utm_medium=footer"><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">API</span></a></li></ul></li><li class="min-w-40"><h4 class="mb-6 font-semibold opacity-40">Company</h4><ul class="flex flex-col gap-4"><li><a href="/about?utm_source=home&utm_medium=footer"><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">About</span></a></li><li><a href="https://hackmd.io/s/press-kit/?utm_source=home&utm_medium=footer"><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">Press Kit</span></a></li><li><a href="https://trust.hackmd.io/?utm_source=home&utm_medium=footer"><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">Trust Center</span></a></li><li><a href="https://hackmd.io/s/terms/?utm_source=home&utm_medium=footer"><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">Terms of use</span></a></li><li><a href="https://hackmd.io/s/privacy/?utm_source=home&utm_medium=footer"><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">Privacy policy</span></a></li></ul></li></ul></section><section class="mt-12 flex flex-col items-center justify-between gap-x-2 gap-y-7 md:flex-row"><div><label class="relative inline-block w-[172px] text-text-default"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 256 256" class="absolute left-3 top-1/2 -translate-y-1/2 transform"><path d="M128,24h0A104,104,0,1,0,232,128,104.12,104.12,0,0,0,128,24Zm88,104a87.61,87.61,0,0,1-3.33,24H174.16a157.44,157.44,0,0,0,0-48h38.51A87.61,87.61,0,0,1,216,128ZM102,168H154a115.11,115.11,0,0,1-26,45A115.27,115.27,0,0,1,102,168Zm-3.9-16a140.84,140.84,0,0,1,0-48h59.88a140.84,140.84,0,0,1,0,48ZM40,128a87.61,87.61,0,0,1,3.33-24H81.84a157.44,157.44,0,0,0,0,48H43.33A87.61,87.61,0,0,1,40,128ZM154,88H102a115.11,115.11,0,0,1,26-45A115.27,115.27,0,0,1,154,88Zm52.33,0H170.71a135.28,135.28,0,0,0-22.3-45.6A88.29,88.29,0,0,1,206.37,88ZM107.59,42.4A135.28,135.28,0,0,0,85.29,88H49.63A88.29,88.29,0,0,1,107.59,42.4ZM49.63,168H85.29a135.28,135.28,0,0,0,22.3,45.6A88.29,88.29,0,0,1,49.63,168Zm98.78,45.6a135.28,135.28,0,0,0,22.3-45.6h35.66A88.29,88.29,0,0,1,148.41,213.6Z"></path></svg><select class="w-full appearance-none rounded border border-border-default bg-background-default py-2.5 pl-8 pr-10 hocus:border-element-border-hover hocus:bg-element-bg-hover hocus:text-white"><option value="en" selected="">English</option><option value="zh">中文</option><option value="ja">日本語</option></select><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 256 256" class="absolute right-3 top-1/2 -translate-y-1/2 transform"><path d="M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z"></path></svg></label></div><div class="flex justify-center gap-4"><a target="_blank" href="https://www.linkedin.com/company/hackmd"><button class="flex flex-row gap-1.5 justify-center items-center relative font-inter text-white rounded-full p-[15px] 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:100%"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" preserveAspectRatio="none" fill="none"><rect width="100%" height="100%" rx="100%" ry="100%" fill="url(#_R_96aqnmivb_)" mask="url(#_R_96aqnmivbH1_)"></rect><defs><mask id="_R_96aqnmivbH1_"><rect width="100%" height="100%" fill="white"></rect><rect x="1" y="1" rx="100%" ry="100%" width="100%" height="100%" fill="black"></rect></mask><linearGradient id="_R_96aqnmivb_" 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-full transition-opacity duration-100 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_h6aqnmivb_)" width="80" height="80"></rect><defs><linearGradient id="_R_h6aqnmivb_" 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><svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="currentColor" viewBox="0 0 256 256"><path d="M216,24H40A16,16,0,0,0,24,40V216a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V40A16,16,0,0,0,216,24ZM96,176a8,8,0,0,1-16,0V112a8,8,0,0,1,16,0ZM88,96a12,12,0,1,1,12-12A12,12,0,0,1,88,96Zm96,80a8,8,0,0,1-16,0V140a20,20,0,0,0-40,0v36a8,8,0,0,1-16,0V112a8,8,0,0,1,15.79-1.78A36,36,0,0,1,184,140Z"></path></svg></button></a><a target="_blank" href="https://x.com/hackmdio"><button class="flex flex-row gap-1.5 justify-center items-center relative font-inter text-white rounded-full p-[15px] 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:100%"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" preserveAspectRatio="none" fill="none"><rect width="100%" height="100%" rx="100%" ry="100%" fill="url(#_R_9aaqnmivb_)" mask="url(#_R_9aaqnmivbH1_)"></rect><defs><mask id="_R_9aaqnmivbH1_"><rect width="100%" height="100%" fill="white"></rect><rect x="1" y="1" rx="100%" ry="100%" width="100%" height="100%" fill="black"></rect></mask><linearGradient id="_R_9aaqnmivb_" 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-full transition-opacity duration-100 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_haaqnmivb_)" width="80" height="80"></rect><defs><linearGradient id="_R_haaqnmivb_" 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><svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="currentColor" viewBox="0 0 256 256"><path d="M215,219.85a8,8,0,0,1-7,4.15H160a8,8,0,0,1-6.75-3.71l-40.49-63.63L53.92,221.38a8,8,0,0,1-11.84-10.76l61.77-68L41.25,44.3A8,8,0,0,1,48,32H96a8,8,0,0,1,6.75,3.71l40.49,63.63,58.84-64.72a8,8,0,0,1,11.84,10.76l-61.77,67.95,62.6,98.38A8,8,0,0,1,215,219.85Z"></path></svg></button></a><a target="_blank" href="https://facebook.com/hackmdio"><button class="flex flex-row gap-1.5 justify-center items-center relative font-inter text-white rounded-full p-[15px] 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:100%"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" preserveAspectRatio="none" fill="none"><rect width="100%" height="100%" rx="100%" ry="100%" fill="url(#_R_9eaqnmivb_)" mask="url(#_R_9eaqnmivbH1_)"></rect><defs><mask id="_R_9eaqnmivbH1_"><rect width="100%" height="100%" fill="white"></rect><rect x="1" y="1" rx="100%" ry="100%" width="100%" height="100%" fill="black"></rect></mask><linearGradient id="_R_9eaqnmivb_" 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-full transition-opacity duration-100 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_heaqnmivb_)" width="80" height="80"></rect><defs><linearGradient id="_R_heaqnmivb_" 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><svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="currentColor" viewBox="0 0 256 256"><path d="M232,128a104.16,104.16,0,0,1-91.55,103.26,4,4,0,0,1-4.45-4V152h24a8,8,0,0,0,8-8.53,8.17,8.17,0,0,0-8.25-7.47H136V112a16,16,0,0,1,16-16h16a8,8,0,0,0,8-8.53A8.17,8.17,0,0,0,167.73,80H152a32,32,0,0,0-32,32v24H96a8,8,0,0,0-8,8.53A8.17,8.17,0,0,0,96.27,152H120v75.28a4,4,0,0,1-4.44,4A104.15,104.15,0,0,1,24.07,124.09c2-54,45.74-97.9,99.78-100A104.12,104.12,0,0,1,232,128Z"></path></svg></button></a><a target="_blank" href="https://discord.gg/yDw3AJbmwx"><button class="flex flex-row gap-1.5 justify-center items-center relative font-inter text-white rounded-full p-[15px] 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:100%"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" preserveAspectRatio="none" fill="none"><rect width="100%" height="100%" rx="100%" ry="100%" fill="url(#_R_9iaqnmivb_)" mask="url(#_R_9iaqnmivbH1_)"></rect><defs><mask id="_R_9iaqnmivbH1_"><rect width="100%" height="100%" fill="white"></rect><rect x="1" y="1" rx="100%" ry="100%" width="100%" height="100%" fill="black"></rect></mask><linearGradient id="_R_9iaqnmivb_" 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-full transition-opacity duration-100 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_hiaqnmivb_)" width="80" height="80"></rect><defs><linearGradient id="_R_hiaqnmivb_" 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><svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="currentColor" viewBox="0 0 256 256"><path d="M247.51,174.39,218,58a16.08,16.08,0,0,0-13-11.88l-36.06-5.92a16.22,16.22,0,0,0-18.26,11.88l-.21.85a4,4,0,0,0,3.27,4.93,155.62,155.62,0,0,1,24.41,5.62,8.2,8.2,0,0,1,5.62,9.7,8,8,0,0,1-10.19,5.64,155.4,155.4,0,0,0-90.8-.1,8.22,8.22,0,0,1-10.28-4.81,8,8,0,0,1,5.08-10.33,156.85,156.85,0,0,1,24.72-5.72,4,4,0,0,0,3.27-4.93l-.21-.85A16.21,16.21,0,0,0,87.08,40.21L51,46.13A16.08,16.08,0,0,0,38,58L8.49,174.39a15.94,15.94,0,0,0,9.06,18.51l67,29.71a16.17,16.17,0,0,0,21.71-9.1l3.49-9.45a4,4,0,0,0-3.27-5.35,158.13,158.13,0,0,1-28.63-6.2,8.2,8.2,0,0,1-5.61-9.67,8,8,0,0,1,10.2-5.66,155.59,155.59,0,0,0,91.12,0,8,8,0,0,1,10.19,5.65,8.19,8.19,0,0,1-5.61,9.68,157.84,157.84,0,0,1-28.62,6.2,4,4,0,0,0-3.27,5.35l3.49,9.45a16.18,16.18,0,0,0,21.71,9.1l67-29.71A15.94,15.94,0,0,0,247.51,174.39ZM92,152a12,12,0,1,1,12-12A12,12,0,0,1,92,152Zm72,0a12,12,0,1,1,12-12A12,12,0,0,1,164,152Z"></path></svg></button></a></div></section><div class="mt-10 h-[1px] bg-border-default"></div><section class="py-6 text-center"><small class="text-sm opacity-60 leading-sm">© <!-- -->2026<!-- --> HackMD. All Rights Reserved.</small></section></div></footer></main><!--$--><!--/$--><script src="/_next/static/chunks/d5c79332a1584318.js" id="_R_" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[81547,[\"/_next/static/chunks/5f61266cc010ad33.js\",\"/_next/static/chunks/b53512c697a241ee.js\"],\"default\"]\n3:I[16937,[\"/_next/static/chunks/5f61266cc010ad33.js\",\"/_next/static/chunks/b53512c697a241ee.js\"],\"default\"]\n6:I[9659,[\"/_next/static/chunks/5f61266cc010ad33.js\",\"/_next/static/chunks/b53512c697a241ee.js\"],\"OutletBoundary\"]\n7:\"$Sreact.suspense\"\n9:I[9659,[\"/_next/static/chunks/5f61266cc010ad33.js\",\"/_next/static/chunks/b53512c697a241ee.js\"],\"ViewportBoundary\"]\nb:I[9659,[\"/_next/static/chunks/5f61266cc010ad33.js\",\"/_next/static/chunks/b53512c697a241ee.js\"],\"MetadataBoundary\"]\nd:I[87735,[\"/_next/static/chunks/5f61266cc010ad33.js\",\"/_next/static/chunks/b53512c697a241ee.js\"],\"default\"]\ne:I[45678,[\"/_next/static/chunks/79164d74d07c8aa2.js\",\"/_next/static/chunks/be1d781b53904caa.js\",\"/_next/static/chunks/c16b3dec3847a615.js\",\"/_next/static/chunks/41d714fa11a5f3a3.js\",\"/_next/static/chunks/77aa8de66231a6fb.js\"],\"Navbar\"]\n17:I[60084,[\"/_next/static/chunks/79164d74d07c8aa2.js\",\"/_next/static/chunks/be1d781b53904caa.js\",\"/_next/static/chunks/c16b3dec3847a615.js\",\"/_next/static/chunks/41d714fa11a5f3a3.js\",\"/_next/static/chunks/77aa8de66231a6fb.js\"],\"Image\"]\n25:I[16842,[\"/_next/static/chunks/79164d74d07c8aa2.js\",\"/_next/static/chunks/be1d781b53904caa.js\",\"/_next/static/chunks/c16b3dec3847a615.js\",\"/_next/static/chunks/41d714fa11a5f3a3.js\",\"/_next/static/chunks/77aa8de66231a6fb.js\"],\"LocaleSelect\"]\n2a:I[58839,[\"/_next/static/chunks/79164d74d07c8aa2.js\",\"/_next/static/chunks/be1d781b53904caa.js\",\"/_next/static/chunks/c16b3dec3847a615.js\",\"/_next/static/chunks/41d714fa11a5f3a3.js\",\"/_next/static/chunks/77aa8de66231a6fb.js\"],\"FeatureSlides\"]\n2b:I[87471,[\"/_next/static/chunks/79164d74d07c8aa2.js\",\"/_next/static/chunks/be1d781b53904caa.js\",\"/_next/static/chunks/c16b3dec3847a615.js\",\"/_next/static/chunks/41d714fa11a5f3a3.js\",\"/_next/static/chunks/77aa8de66231a6fb.js\"],\"LogoCarouselClient\"]\n2c:I[30219,[\"/_next/static/chunks/79164d74d07c8aa2.js\",\"/_next/static/chunks/be1d781b53904caa.js\",\"/_next/static/chunks/c16b3dec3847a615.js\",\"/_next/static/chunks/41d714fa11a5f3a3.js\",\"/_next/static/chunks/77aa8de66231a6fb.js\"],\"Button\"]\n2e:I[43810,[\"/_next/static/chunks/79164d74d07c8aa2.js\",\"/_next/static/chunks/be1d781b53904caa.js\",\"/_next/static/chunks/c16b3dec3847a615.js\",\"/_next/static/chunks/41d714fa11a5f3a3.js\",\"/_next/static/chunks/77aa8de66231a6fb.js\"],\"LabelAnimation\"]\n2f:I[51437,[\"/_next/static/chunks/79164d74d07c8aa2.js\",\"/_next/static/chunks/be1d781b53904caa.js\",\"/_next/static/chunks/c16b3dec3847a615.js\",\"/_next/static/chunks/41d714fa11a5f3a3.js\",\"/_next/static/chunks/77aa8de66231a6fb.js\"],\"EmailInput\"]\n30:I[99879,[\"/_next/static/chunks/79164d74d07c8aa2.js\",\"/_next/static/chunks/be1d781b53904caa.js\"],\"Plausible\"]\n32:I[11015,[\"/_next/static/chunks/79164d74d07c8aa2.js\",\"/_next/static/chunks/be1d781b53904caa.js\"],\"CookieConsentClient\"]\n33:I[39162,[\"/_next/static/chunks/79164d74d07c8aa2.js\",\"/_next/static/chunks/be1d781b53904caa.js\"],\"GoogleTagManager\"]\n34:I[57802,[\"/_next/static/chunks/79164d74d07c8aa2.js\",\"/_next/static/chunks/be1d781b53904caa.js\",\"/_next/static/chunks/c16b3dec3847a615.js\",\"/_next/static/chunks/41d714fa11a5f3a3.js\",\"/_next/static/chunks/77aa8de66231a6fb.js\"],\"default\"]\n35:I[65022,[\"/_next/static/chunks/79164d74d07c8aa2.js\",\"/_next/static/chunks/be1d781b53904caa.js\"],\"default\"]\n:HL[\"/_next/static/chunks/a4d44b71c308de05.css\",\"style\"]\n:HL[\"/_next/static/chunks/ab94802ba5ab4af4.css\",\"style\"]\n:HL[\"/_next/static/media/2f13ad8e538108e0-s.p.9b936cf7.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/83afe278b6a6bb3c-s.p.3a6ba036.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/890431f0a0104557-s.p.2aa14085.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/948603995becd211-s.p.15946141.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/e8f2fbee2754df70-s.p.9b7a96b4.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/chunks/786710bc80ba0dc8.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"Y48yHO76RJRXzFqNeyq91\",\"c\":[\"\",\"robots.txt\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[[\"locale\",\"robots.txt\",\"d\"],{\"children\":[\"__PAGE__\",{}]},\"$undefined\",\"$undefined\",true]}],[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/a4d44b71c308de05.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/ab94802ba5ab4af4.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/79164d74d07c8aa2.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/be1d781b53904caa.js\",\"async\":true,\"nonce\":\"$undefined\"}]],\"$L4\"]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[\"$L5\",[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/786710bc80ba0dc8.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/c16b3dec3847a615.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/41d714fa11a5f3a3.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/77aa8de66231a6fb.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$L6\",null,{\"children\":[\"$\",\"$7\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@8\"}]}]]}],{},null,false,false]},null,false,false]},null,false,false],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$L9\",null,{\"children\":\"$@a\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$Lb\",null,{\"children\":[\"$\",\"$7\",null,{\"name\":\"Next.Metadata\",\"children\":\"$@c\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$d\",[]],\"S\":false}\n"])</script><script>self.__next_f.push([1,"5:[\"$\",\"main\",null,{\"className\":\"flex min-h-screen flex-col bg-zinc-900 text-white\",\"children\":[null,[\"$\",\"$Le\",null,{\"className\":\"fixed top-0 z-50\",\"hasLogin\":false,\"csrf\":\"hGcf5k8C-_RLQzeQT1ANtPMEpcKyepoOOGVk\",\"utmSource\":\"home\",\"utmMedium\":\"nav-bar\",\"peSignIn\":\"HomeHeaderSignin\",\"peSignUp\":\"HomeSignupHeader\",\"peSignUpComplete\":\"HomeSignupCompleted\"}],\"$Lf\",\"$L10\",\"$L11\",\"$L12\",\"$L13\",[\"$\",\"div\",null,{\"className\":\"mx-auto px-6 py-4\",\"children\":[\"$\",\"svg\",null,{\"width\":\"100%\",\"height\":\"2\",\"viewBox\":\"0 0 230 2\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"preserveAspectRatio\":\"none\",\"className\":\"w-[320px] max-w-full\",\"children\":[[\"$\",\"path\",null,{\"opacity\":\"0.4\",\"d\":\"M0 1H230\",\"stroke\":\"url(#paint0_radial_119_49)\"}],[\"$\",\"defs\",null,{\"children\":[\"$\",\"radialGradient\",null,{\"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)\",\"children\":[[\"$\",\"stop\",null,{\"stopColor\":\"#AEAEC1\"}],[\"$\",\"stop\",null,{\"offset\":\"1\",\"stopColor\":\"#3C3C4C\",\"stopOpacity\":\"0.74\"}]]}]}]]}]}],\"$L14\",\"$L15\",\"$L16\"]}]\n"])</script><script>self.__next_f.push([1,"10:[\"$\",\"div\",null,{\"className\":\"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]\",\"children\":[[\"$\",\"span\",null,{\"className\":\"relative w-full max-w-[760px]\",\"children\":[[\"$\",\"$L17\",null,{\"width\":42,\"height\":42,\"src\":\"/quote-alt.svg\",\"alt\":\"quote image top left\",\"className\":\"absolute left-0 top-0 mt-[-13px]\"}],[\"$\",\"h6\",null,{\"ref\":\"$undefined\",\"className\":\"text-h6 leading-h6 font-readex-pro relative z-[1] font-normal text-white\",\"children\":\"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!\"}],false,[\"$\",\"$L17\",null,{\"width\":42,\"height\":42,\"src\":\"/quote-alt.svg\",\"alt\":\"quote image top left\",\"className\":\"absolute bottom-0 right-0 mb-[-8px] rotate-180\"}]]}],[\"$\",\"span\",null,{\"className\":\"flex flex-col items-center gap-2.5 md:flex-row md:gap-4\",\"children\":[[\"$\",\"$L17\",null,{\"width\":\"0\",\"height\":\"0\",\"sizes\":\"100vw\",\"className\":\"h-full w-auto\",\"src\":\"/logos/ETH_full.svg\",\"alt\":\"ETH_logo\"}],[\"$\",\"span\",null,{\"className\":\"flex flex-col items-center text-sm leading-sm md:items-start\",\"children\":[[\"$\",\"span\",null,{\"className\":\"font-semibold\",\"children\":\"Tim Beiko,\"}],[\"$\",\"span\",null,{\"children\":\"Ethereum Foundation\"}]]}]]}]]}]\n"])</script><script>self.__next_f.push([1,"13:[\"$\",\"div\",null,{\"className\":\"flex flex-col items-center justify-center gap-7 px-6 py-12\",\"children\":[[\"$\",\"span\",null,{\"className\":\"relative w-full max-w-[760px]\",\"children\":[[\"$\",\"$L17\",null,{\"width\":42,\"height\":42,\"src\":\"/quote-alt.svg\",\"alt\":\"quote image top left\",\"className\":\"absolute left-0 top-0 mt-[-13px]\"}],\"$undefined\",[\"$\",\"h3\",null,{\"ref\":\"$undefined\",\"className\":\"text-h3 leading-h3 font-readex-pro relative z-[1] text-center font-normal text-white\",\"children\":\"HackMD's simple interface allows novice members to get started quickly.\"}],[\"$\",\"$L17\",null,{\"width\":42,\"height\":42,\"src\":\"/quote-alt.svg\",\"alt\":\"quote image top left\",\"className\":\"absolute bottom-0 right-0 mb-[-8px] rotate-180\"}]]}],[\"$\",\"span\",null,{\"className\":\"flex flex-col items-center gap-2.5 md:flex-row md:gap-4\",\"children\":[[\"$\",\"$L17\",null,{\"width\":\"0\",\"height\":\"0\",\"sizes\":\"100vw\",\"className\":\"h-full w-auto\",\"src\":\"/logos/SCIST.svg\",\"alt\":\"SCIST_logo\"}],[\"$\",\"span\",null,{\"className\":\"flex w-full max-w-[205px] flex-col items-center text-center text-sm leading-sm md:items-start md:text-left\",\"children\":\"Students' Community of Information in Southern Taiwan\"}]]}]]}]\n"])</script><script>self.__next_f.push([1,"16:[\"$\",\"footer\",null,{\"className\":\"bg-background-default px-6 pt-14 text-white\",\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"section\",null,{\"className\":\"flex flex-wrap justify-between gap-x-2 gap-y-9\",\"children\":[[\"$\",\"figure\",null,{\"children\":[\"$L18\",[\"$\",\"figcaption\",null,{\"className\":\"mt-6 text-sm\",\"children\":\"Build together with the ultimate Markdown editor.\"}]]}],[\"$\",\"ul\",null,{\"className\":\"flex flex-wrap gap-6\",\"children\":[[\"$\",\"li\",\"learning\",{\"className\":\"min-w-40\",\"children\":[[\"$\",\"h4\",null,{\"className\":\"mb-6 font-semibold opacity-40\",\"children\":\"Learning\"}],[\"$\",\"ul\",null,{\"className\":\"flex flex-col gap-4\",\"children\":[[\"$\",\"li\",\"features\",{\"children\":\"$L19\"}],[\"$\",\"li\",\"tutorial-book\",{\"children\":\"$L1a\"}]]}]]}],[\"$\",\"li\",\"resources\",{\"className\":\"min-w-40\",\"children\":[[\"$\",\"h4\",null,{\"className\":\"mb-6 font-semibold opacity-40\",\"children\":\"Resources\"}],[\"$\",\"ul\",null,{\"className\":\"flex flex-col gap-4\",\"children\":[[\"$\",\"li\",\"blog\",{\"children\":\"$L1b\"}],[\"$\",\"li\",\"changelog\",{\"children\":\"$L1c\"}],[\"$\",\"li\",\"enterprise\",{\"children\":\"$L1d\"}],[\"$\",\"li\",\"pricing\",{\"children\":\"$L1e\"}],[\"$\",\"li\",\"api\",{\"children\":\"$L1f\"}]]}]]}],[\"$\",\"li\",\"company\",{\"className\":\"min-w-40\",\"children\":[[\"$\",\"h4\",null,{\"className\":\"mb-6 font-semibold opacity-40\",\"children\":\"Company\"}],[\"$\",\"ul\",null,{\"className\":\"flex flex-col gap-4\",\"children\":[[\"$\",\"li\",\"about\",{\"children\":\"$L20\"}],[\"$\",\"li\",\"press-kit\",{\"children\":\"$L21\"}],[\"$\",\"li\",\"trust-center\",{\"children\":\"$L22\"}],[\"$\",\"li\",\"terms-of-use\",{\"children\":\"$L23\"}],[\"$\",\"li\",\"privacy-policy\",{\"children\":\"$L24\"}]]}]]}]]}]]}],[\"$\",\"section\",null,{\"className\":\"mt-12 flex flex-col items-center justify-between gap-x-2 gap-y-7 md:flex-row\",\"children\":[[\"$\",\"div\",null,{\"children\":[\"$\",\"$L25\",null,{}]}],[\"$\",\"div\",null,{\"className\":\"flex justify-center gap-4\",\"children\":[\"$L26\",\"$L27\",\"$L28\",\"$L29\"]}]]}],[\"$\",\"div\",null,{\"className\":\"mt-10 h-[1px] bg-border-default\"}],[\"$\",\"section\",null,{\"className\":\"py-6 text-center\",\"children\":[\"$\",\"small\",null,{\"className\":\"text-sm opacity-60 leading-sm\",\"children\":[\"© \",2026,\" HackMD. All Rights Reserved.\"]}]}]]}]}]\n"])</script><script>self.__next_f.push([1,"11:[\"$\",\"div\",null,{\"className\":\"flex flex-col items-center justify-start gap-8 px-6 pb-8 pt-12 md:gap-12 md:py-20\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative w-full max-w-[956px]\",\"children\":[[\"$\",\"span\",null,{\"className\":\"absolute left-[-30px] top-[-40px] z-0 overflow-hidden opacity-[28%] md:opacity-60\",\"children\":[\"$\",\"svg\",null,{\"width\":\"84\",\"height\":\"123\",\"viewBox\":\"0 0 84 123\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"children\":[[\"$\",\"path\",null,{\"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\",\"className\":\"fill-[#696CB3] md:fill-[url(#paint0_linear_2209_19759)]\"}],[\"$\",\"defs\",null,{\"children\":[\"$\",\"linearGradient\",null,{\"id\":\"paint0_linear_2209_19759\",\"x1\":\"42\",\"y1\":\"0\",\"x2\":\"42\",\"y2\":\"123\",\"gradientUnits\":\"userSpaceOnUse\",\"children\":[[\"$\",\"stop\",null,{\"stopColor\":\"#3D3886\"}],[\"$\",\"stop\",null,{\"offset\":\"1\",\"stopColor\":\"#332B46\"}]]}]}]]}]}],[\"$\",\"h2\",null,{\"ref\":\"$undefined\",\"className\":\"text-h2 leading-h2 font-readex-pro font-semibold relative z-[1] max-w-[662px] text-headline-gradient\",\"children\":\"Accelerate innovation, foster community, and supercharge collaboration with your go-to Markdown editor.\"}]]}],[\"$\",\"$L2a\",null,{}]]}]\n"])</script><script>self.__next_f.push([1,"12:[\"$\",\"div\",null,{\"className\":\"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]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-center gap-2 text-center\",\"children\":[[\"$\",\"h2\",null,{\"ref\":\"$undefined\",\"className\":\"text-h2 leading-h2 font-readex-pro font-semibold text-headline-gradient\",\"children\":\"Millions build with HackMD's Markdown editor every day\"}],[\"$\",\"span\",null,{\"ref\":\"$undefined\",\"className\":\"text-body leading-body font-inter font-normal\",\"children\":\"Powering teams around the world, from next-generation startups to established institutions.\"}]]}],[\"$\",\"div\",null,{\"className\":\"flex w-full flex-col gap-0.5 items-center justify-center\",\"children\":[[\"$\",\"$L2b\",\"0\",{\"direction\":\"left\",\"images\":[{\"src\":\"/logos/Arweave logomark.png\",\"height\":31.18,\"mobileHeight\":21.64},{\"src\":\"/logos/Avalanche_Horizontal_White.png\",\"height\":34.4,\"mobileHeight\":24.08},{\"src\":\"/logos/Base_Wordmark_White.png\",\"height\":26.4,\"mobileHeight\":18.48},{\"src\":\"/logos/Blockfuse_L2.png\",\"height\":42,\"mobileHeight\":29.4},{\"src\":\"/logos/Bokeh Logo Inverted.png\",\"height\":26.4,\"mobileHeight\":18.48},{\"src\":\"/logos/Brown.png\",\"height\":60,\"mobileHeight\":42},{\"src\":\"/logos/ContinuousFoundation_logo.png\",\"height\":52,\"mobileHeight\":36.4},{\"src\":\"/logos/DevOpsDays.png\",\"height\":31.2,\"mobileHeight\":21.84},{\"src\":\"/logos/ETH.png\",\"height\":48.8,\"mobileHeight\":34.16},{\"src\":\"/logos/brightid.svg\",\"height\":40,\"mobileHeight\":28},{\"src\":\"/logos/openjs-foundation-logo-horizontal-white.svg\",\"height\":40,\"mobileHeight\":28}]}],[\"$\",\"$L2b\",\"1\",{\"direction\":\"right\",\"images\":[{\"src\":\"/logos/g0v.png\",\"height\":44,\"mobileHeight\":30.8},{\"src\":\"/logos/GenerativeAI_logo.png\",\"height\":33.6,\"mobileHeight\":23.52},{\"src\":\"/logos/Lido.png\",\"height\":32.8,\"mobileHeight\":22.96},{\"src\":\"/logos/Rust_logo.png\",\"height\":44,\"mobileHeight\":30.8},{\"src\":\"/logos/Scipy-logo.png\",\"height\":44,\"mobileHeight\":30.8},{\"src\":\"/logos/Sitcon.png\",\"height\":44,\"mobileHeight\":30.8},{\"src\":\"/logos/Slice Wordmark.png\",\"height\":32.8,\"mobileHeight\":22.96},{\"src\":\"/logos/SN-Linear-Flat colour.png\",\"height\":47.2,\"mobileHeight\":33.04},{\"src\":\"/logos/TheMeeFoundation_logo.png\",\"height\":37.6,\"mobileHeight\":26.32},{\"src\":\"/logos/Updraft.png\",\"height\":42,\"mobileHeight\":29.4}]}]]}]]}]\n"])</script><script>self.__next_f.push([1,"14:[\"$\",\"div\",null,{\"className\":\"px-6 pb-6 pt-12 md:py-16\",\"children\":[\"$\",\"div\",null,{\"className\":\"mx-auto flex w-fit max-w-full flex-col gap-9\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex w-full max-w-[466px] flex-col items-start gap-2.5\",\"children\":[[\"$\",\"h1\",null,{\"ref\":\"$undefined\",\"className\":\"text-h1 leading-h1 font-readex-pro font-semibold text-headline-gradient\",\"children\":\"Join a global movement\"}],[\"$\",\"span\",null,{\"ref\":\"$undefined\",\"className\":\"text-body leading-body font-inter font-normal\",\"children\":\"Our vibrant Markdown community is researching the next breakthrough, spearheading decentralization, and growing communities around the world.\"}],[\"$\",\"$L2c\",null,{\"variant\":\"tertiary\",\"subVariant\":\"right\",\"className\":\"hidden md:flex\",\"as\":\"a\",\"href\":\"/solutions?utm_source=home\u0026utm_medium=Global-Movement\",\"children\":\"Learn more\"}]]}],[\"$\",\"div\",null,{\"className\":\"grid max-w-full grid-cols-2 gap-3 md:flex md:flex-row md:gap-4\",\"children\":[[\"$\",\"div\",\"0\",{\"className\":\"flex w-full flex-row items-center justify-center py-7 corner-radius-md md:w-[270px] bg-[linear-gradient(146.52deg,rgba(82,75,190,0.25)_10.54%,rgba(25,31,80,0.25)_80.09%)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col text-center\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex flex-row items-center justify-center\",\"children\":[[\"$\",\"span\",null,{\"ref\":\"$undefined\",\"className\":\"font-semibold text-number-title leading-[120%] tracking-[-2.2%] bg-clip-text [-webkit-background-clip:text] [-webkit-text-fill-color:transparent] bg-[linear-gradient(145.75deg,#786FFA_17.48%,#1E1B3F_94.69%)]\",\"children\":\"1m\"}],[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":26,\"height\":26,\"fill\":\"currentColor\",\"viewBox\":\"0 0 256 256\",\"transform\":\"$undefined\",\"className\":\"text-white opacity-70\",\"children\":[false,\"$undefined\",[\"$\",\"path\",null,{\"d\":\"M228,128a12,12,0,0,1-12,12H140v76a12,12,0,0,1-24,0V140H40a12,12,0,0,1,0-24h76V40a12,12,0,0,1,24,0v76h76A12,12,0,0,1,228,128Z\"}]]}]]}],[\"$\",\"span\",null,{\"ref\":\"$undefined\",\"className\":\"text-white opacity-80 text-number-subtitle leading-lg\",\"children\":\"Users\"}]]}]}],[\"$\",\"div\",\"1\",{\"className\":\"flex w-full flex-row items-center justify-center py-7 corner-radius-md md:w-[270px] bg-[linear-gradient(146.52deg,rgba(82,75,190,0.25)_10.54%,rgba(25,31,80,0.25)_80.09%)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col text-center\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex flex-row items-center justify-center\",\"children\":[[\"$\",\"span\",null,{\"ref\":\"$undefined\",\"className\":\"font-semibold text-number-title leading-[120%] tracking-[-2.2%] bg-clip-text [-webkit-background-clip:text] [-webkit-text-fill-color:transparent] bg-[linear-gradient(145.75deg,#786FFA_17.48%,#1E1B3F_94.69%)]\",\"children\":\"30k\"}],[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":26,\"height\":26,\"fill\":\"currentColor\",\"viewBox\":\"0 0 256 256\",\"transform\":\"$undefined\",\"className\":\"text-white opacity-70\",\"children\":[false,\"$undefined\",\"$14:props:children:props:children:1:props:children:0:props:children:props:children:0:props:children:1:props:children:2\"]}]]}],[\"$\",\"span\",null,{\"ref\":\"$undefined\",\"className\":\"text-white opacity-80 text-number-subtitle leading-lg\",\"children\":\"Teams\"}]]}]}],[\"$\",\"div\",\"2\",{\"className\":\"flex w-full flex-row items-center justify-center py-7 corner-radius-md md:w-[270px] bg-[linear-gradient(146.52deg,rgba(82,75,190,0.25)_10.54%,rgba(25,31,80,0.25)_80.09%)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col text-center\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex flex-row items-center justify-center\",\"children\":[[\"$\",\"span\",null,{\"ref\":\"$undefined\",\"className\":\"font-semibold text-number-title leading-[120%] tracking-[-2.2%] bg-clip-text [-webkit-background-clip:text] [-webkit-text-fill-color:transparent] bg-[linear-gradient(145.75deg,#786FFA_17.48%,#1E1B3F_94.69%)]\",\"children\":\"170\"}],[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":26,\"height\":26,\"fill\":\"currentColor\",\"viewBox\":\"0 0 256 256\",\"transform\":\"$undefined\",\"className\":\"text-white opacity-70\",\"children\":[false,\"$undefined\",\"$14:props:children:props:children:1:props:children:0:props:children:props:children:0:props:children:1:props:children:2\"]}]]}],[\"$\",\"span\",null,{\"ref\":\"$undefined\",\"className\":\"text-white opacity-80 text-number-subtitle leading-lg\",\"children\":\"Countries represented\"}]]}]}],\"$L2d\"]}]]}]}]\n"])</script><script>self.__next_f.push([1,"15:[\"$\",\"div\",null,{\"className\":\"px-6 pb-12 pt-8 md:pt-6\",\"children\":[\"$\",\"div\",null,{\"className\":\"px-6 py-12 corner-radius-lg md:py-20 flex w-full flex-col items-center justify-center gap-10 md:gap-9 bg-cover bg-center bg-no-repeat bg-[url(\\\"/bg-gradient-light-purple-square.svg\\\")] md:bg-[url(\\\"/bg-gradient-light-purple-rectangle.svg\\\")]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-3 text-center md:gap-2\",\"children\":[[\"$\",\"span\",null,{\"ref\":\"$undefined\",\"className\":\"text-headline leading-headline font-readex-pro font-semibold tracking-[-2px] text-headline-gradient-horizontal\",\"children\":\"Get started for free\"}],[\"$\",\"span\",null,{\"ref\":\"$undefined\",\"className\":\"text-lg leading-lg font-inter font-normal opacity-80\",\"children\":\"Play around with it first. Pay and add your team later.\"}]]}],[\"$\",\"$L2c\",null,{\"variant\":\"primary\",\"subVariant\":\"white\",\"as\":\"a\",\"href\":\"https://hackmd.io/join?signup-event=HomeSignupCompleted\",\"className\":\"plausible-event-name=HomeSignupEndpage z-0\",\"children\":\"Get started for free\"}]]}]}]\n"])</script><script>self.__next_f.push([1,"f:[\"$\",\"section\",null,{\"className\":\"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\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-center gap-4 px-6 md:gap-[21px]\",\"children\":[[\"$\",\"span\",null,{\"ref\":\"$undefined\",\"className\":\"text-headline leading-headline font-readex-pro font-semibold tracking-[-2px] text-headline-gradient\",\"children\":\"Build together with Markdown\"}],[\"$\",\"h3\",null,{\"ref\":\"$undefined\",\"className\":\"text-h3 leading-h3 font-readex-pro font-normal text-[#CAD0EF]\",\"children\":[\"Real-time collaboration for \",[\"$\",\"$L2e\",\"targets0\",{\"className\":\"text-lg leading-[135%]\",\"textes\":[{\"text\":\"team\",\"className\":\"font-inter text-[#FFE457]\"},{\"text\":\"personal\",\"className\":\"font-roboto-mono text-[#4AFFDE] font-bold\"},{\"text\":\"technical\",\"className\":\"font-inter italic text-white\"},{\"text\":\"research\",\"className\":\"font-inter font-semibold text-[#FCE779]\"},{\"text\":\"educational\",\"className\":\"font-inter font-regular text-white\"},{\"text\":\"web3\",\"className\":\"font-zendots text-[#7E7BFF]\"},{\"text\":\"community\",\"className\":\"font-montserrat font-semibold text-[#FF55A7]\"}]}],\" documentation in Markdown\"]}]]}],[\"$\",\"$L2f\",null,{\"actionClassName\":\"plausible-event-name=HomeSignupHero\"}],[\"$\",\"section\",null,{\"className\":\"h-[calc(100dvw/16*9-30px)] overflow-hidden md:h-[490px] md:max-h-[490px] relative flex w-full items-center justify-center\",\"children\":[[\"$\",\"video\",null,{\"className\":\"absolute top-0 h-auto md:h-[540px]\",\"autoPlay\":true,\"muted\":true,\"loop\":true,\"playsInline\":true,\"children\":[[\"$\",\"source\",null,{\"src\":\"/videos/HeroAnimation-1080.webm\",\"media\":\"(min-width: 768px)\"}],[\"$\",\"source\",null,{\"src\":\"/videos/HeroAnimation-720.webm\"}],[\"$\",\"source\",null,{\"src\":\"/videos/HeroAnimationFallback.png\"}],\"I'm sorry; your browser doesn't support HTML video.\"]}],false]}]]}]\n"])</script><script>self.__next_f.push([1,"4:[\"$\",\"html\",null,{\"className\":\"scroll-smooth\",\"lang\":\"robots.txt\",\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"link\",null,{\"rel\":\"icon\",\"href\":\"/favicon.svg\"}],[\"$\",\"$L30\",null,{}],[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@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\\\"]}\"}}]]}],[\"$\",\"body\",null,{\"className\":\"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\",\"children\":[\"$L31\",[\"$\",\"$L32\",null,{\"analytics\":[\"$\",\"$L33\",null,{\"gtmId\":\"GTM-KLW9Z3\"}]}],\"\"]}]]}]\n2d:[\"$\",\"div\",\"3\",{\"className\":\"flex w-full flex-row items-center justify-center py-7 corner-radius-md md:w-[270px] bg-[linear-gradient(146.52deg,rgba(82,75,190,0.25)_10.54%,rgba(25,31,80,0.25)_80.09%)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col text-center\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex flex-row items-center justify-center\",\"children\":[[\"$\",\"span\",null,{\"ref\":\"$undefined\",\"className\":\"font-semibold text-number-title leading-[120%] tracking-[-2.2%] bg-clip-text [-webkit-background-clip:text] [-webkit-text-fill-color:transparent] bg-[linear-gradient(145.75deg,#786FFA_17.48%,#1E1B3F_94.69%)]\",\"children\":\"7.7m\"}],[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":26,\"height\":26,\"fill\":\"currentColor\",\"viewBox\":\"0 0 256 256\",\"transform\":\"$undefined\",\"className\":\"text-white opacity-70\",\"children\":[false,\"$undefined\",\"$14:props:children:props:children:1:props:children:0:props:children:props:children:0:props:children:1:props:children:2\"]}]]}],[\"$\",\"span\",null,{\"ref\":\"$undefined\",\"className\":\"text-white opacity-80 text-number-subtitle leading-lg\",\"children\":\"Notes created\"}]]}]}]\n18:[\"$\",\"$L34\",null,{\"ref\":\"$undefined\",\"href\":\"/\",\"locale\":\"$undefined\",\"localeCookie\":{\"name\":\"NEXT_LOCALE\",\"sameSite\":\"lax\"},\"className\":\"inline-flex h-10\",\"children\":[\"$\",\"$L17\",null,{\"width\":\"0\",\"height\":\"0\",\"sizes\":\"100vw\",\"className\":\"h-full w-auto\",\"src\":\"/logo-full.svg\",\"alt\":\"HackMD Logo\"}]}]\n19:[\"$\",\"$L34\",null,{\"ref\":\"$undefined\",\"href\":\"https://hackmd.io/s/features/?utm_source=home\u0026utm_medium=footer\",\"locale\":\"$undefined\",\"localeCookie\":\"$18:props:localeCookie\",\"children\":[\"$\",\"$L2c\",null,{\"variant\":\"link\",\"as\":\"span\",\"className\":\"justify-start\",\"children\":\"Features\"}]}]\n1a:[\"$\",\"$L34\",null,{\"ref\":\"$undefined\",\"href\":\"https://hackmd.io/c/tutorials/?utm_source=home\u0026utm_medium=footer\",\"locale\":\"$undefined\",\"localeCookie\":\"$18:props:localeCookie\",\"children\":[\"$\",\"$L2c\",null,{\"variant\":\"link\",\"as\":\"span\",\"className\":\"justify-start\",\"children\":\"Tutorial book\"}]}]\n1b:[\"$\",\"$L34\",null,{\"ref\":\"$undefined\",\"href\":\"/blog/?utm_source=home\u0026utm_medium=footer\",\"locale\":\"$undefined\",\"localeCookie\":\"$18:props:localeCookie\",\"children\":[\"$\",\"$L2c\",null,{\"variant\":\"link\",\"as\":\"span\",\"className\":\"justify-start\",\"children\":\"Blog\"}]}]\n1c:[\"$\",\"$L34\",null,{\"ref\":\"$undefined\",\"href\":\"/changelog/?utm_source=home\u0026utm_medium=footer\",\"locale\":\"$undefined\",\"localeCookie\":\"$18:props:localeCookie\",\"children\":[\"$\",\"$L2c\",null,{\"variant\":\"link\",\"as\":\"span\",\"className\":\"justify-start\",\"children\":\"Changelog\"}]}]\n1d:[\"$\",\"$L34\",null,{\"ref\":\"$undefined\",\"href\":\"/enterprise/?utm_source=home\u0026utm_medium=footer\",\"locale\":\"$undefined\",\"localeCookie\":\"$18:props:localeCookie\",\"children\":[\"$\",\"$L2c\",null,{\"variant\":\"link\",\"as\":\"span\",\"className\":\"justify-start\",\"children\":\"Enterprise"])</script><script>self.__next_f.push([1,"\"}]}]\n1e:[\"$\",\"$L34\",null,{\"ref\":\"$undefined\",\"href\":\"/pricing/?utm_source=home\u0026utm_medium=footer\",\"locale\":\"$undefined\",\"localeCookie\":\"$18:props:localeCookie\",\"children\":[\"$\",\"$L2c\",null,{\"variant\":\"link\",\"as\":\"span\",\"className\":\"justify-start\",\"children\":\"Pricing\"}]}]\n1f:[\"$\",\"$L34\",null,{\"ref\":\"$undefined\",\"href\":\"https://hackmd.io/@docs/HackMD_API_Book/?utm_source=home\u0026utm_medium=footer\",\"locale\":\"$undefined\",\"localeCookie\":\"$18:props:localeCookie\",\"children\":[\"$\",\"$L2c\",null,{\"variant\":\"link\",\"as\":\"span\",\"className\":\"justify-start\",\"children\":\"API\"}]}]\n20:[\"$\",\"$L34\",null,{\"ref\":\"$undefined\",\"href\":\"/about/?utm_source=home\u0026utm_medium=footer\",\"locale\":\"$undefined\",\"localeCookie\":\"$18:props:localeCookie\",\"children\":[\"$\",\"$L2c\",null,{\"variant\":\"link\",\"as\":\"span\",\"className\":\"justify-start\",\"children\":\"About\"}]}]\n21:[\"$\",\"$L34\",null,{\"ref\":\"$undefined\",\"href\":\"https://hackmd.io/s/press-kit/?utm_source=home\u0026utm_medium=footer\",\"locale\":\"$undefined\",\"localeCookie\":\"$18:props:localeCookie\",\"children\":[\"$\",\"$L2c\",null,{\"variant\":\"link\",\"as\":\"span\",\"className\":\"justify-start\",\"children\":\"Press Kit\"}]}]\n22:[\"$\",\"$L34\",null,{\"ref\":\"$undefined\",\"href\":\"https://trust.hackmd.io/?utm_source=home\u0026utm_medium=footer\",\"locale\":\"$undefined\",\"localeCookie\":\"$18:props:localeCookie\",\"children\":[\"$\",\"$L2c\",null,{\"variant\":\"link\",\"as\":\"span\",\"className\":\"justify-start\",\"children\":\"Trust Center\"}]}]\n23:[\"$\",\"$L34\",null,{\"ref\":\"$undefined\",\"href\":\"https://hackmd.io/s/terms/?utm_source=home\u0026utm_medium=footer\",\"locale\":\"$undefined\",\"localeCookie\":\"$18:props:localeCookie\",\"children\":[\"$\",\"$L2c\",null,{\"variant\":\"link\",\"as\":\"span\",\"className\":\"justify-start\",\"children\":\"Terms of use\"}]}]\n24:[\"$\",\"$L34\",null,{\"ref\":\"$undefined\",\"href\":\"https://hackmd.io/s/privacy/?utm_source=home\u0026utm_medium=footer\",\"locale\":\"$undefined\",\"localeCookie\":\"$18:props:localeCookie\",\"children\":[\"$\",\"$L2c\",null,{\"variant\":\"link\",\"as\":\"span\",\"className\":\"justify-start\",\"children\":\"Privacy policy\"}]}]\n26:[\"$\",\"$L34\",null,{\"ref\":\"$undefined\",\"href\":\"https://www.linkedin.com/company/hackmd\",\"locale\":\"$undefined\",\"localeCookie\":\"$18:props:localeCookie\",\"target\":\"_blank\",\"children\":[\"$\",\"$L2c\",null,{\"variant\":\"icon\",\"className\":\"z-0\",\"children\":[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":22,\"height\":22,\"fill\":\"currentColor\",\"viewBox\":\"0 0 256 256\",\"transform\":\"$undefined\",\"children\":[false,\"$undefined\",[\"$\",\"path\",null,{\"d\":\"M216,24H40A16,16,0,0,0,24,40V216a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V40A16,16,0,0,0,216,24ZM96,176a8,8,0,0,1-16,0V112a8,8,0,0,1,16,0ZM88,96a12,12,0,1,1,12-12A12,12,0,0,1,88,96Zm96,80a8,8,0,0,1-16,0V140a20,20,0,0,0-40,0v36a8,8,0,0,1-16,0V112a8,8,0,0,1,15.79-1.78A36,36,0,0,1,184,140Z\"}]]}]}]}]\n27:[\"$\",\"$L34\",null,{\"ref\":\"$undefined\",\"href\":\"https://x.com/hackmdio\",\"locale\":\"$undefined\",\"localeCookie\":\"$18:props:localeCookie\",\"target\":\"_blank\",\"children\":[\"$\",\"$L2c\",null,{\"variant\":\"icon\",\"className\":\"z-0\",\"children\":[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":22,\"height\":22,\"fill\":\"currentColor\",\"viewBox\":\"0 0 256 256\",\"transform\":\"$undefined\",\"children\":[false,\"$undefined\",[\"$\",\"path\",null,{\"d\":\"M215,219.85a8,8,0,0,1-7,4.15H160a8,8,0,0,1-6.75-3.71l-40.49-63.63L53.92,221.38a8,8,0,0,1-11.84-10.76l61.77-68L41.25,44.3A8,8,0,0,1,48,32H96a8,8,0,0,1,6.75,3.71l40.49,63.63,58.84-64.72a8,8,0,0,1,11.84,10.76l-61.77,67.95,62.6,98.38A8,8,0,0,1,215,219.85Z\"}]]}]}]}]\n28:[\"$\",\"$L34\",null,{\"ref\":\"$undefined\",\"href\":\"https://facebook.com/hackmdio\",\"locale\":\"$undefined\",\"localeCookie\":\"$18:props:localeCookie\",\"target\":\"_blank\",\"children\":[\"$\",\"$L2c\",null,{\"variant\":\"icon\",\"className\":\"z-0\",\"children\":[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":22,\"height\":22,\"fill\":\"currentColor\",\"viewBox\":\"0 0 256 256\",\"transform\":\"$undefined\",\"children\":[false,\"$undefined\",[\"$\",\"path\",null,{\"d\":\"M232,128a104.16,104.16,0,0,1-91.55,103.26,4,4,0,0,1-4.45-4V152h24a8,8,0,0,0,8-8.53,8.17,8.17,0,0,0-8.25-7.47H136V112a16,16,0,0,1,16-16h16a8,8,0,0,0,8-8.53A8.17,8.17,0,0,0,167.73,80H152a32"])</script><script>self.__next_f.push([1,",32,0,0,0-32,32v24H96a8,8,0,0,0-8,8.53A8.17,8.17,0,0,0,96.27,152H120v75.28a4,4,0,0,1-4.44,4A104.15,104.15,0,0,1,24.07,124.09c2-54,45.74-97.9,99.78-100A104.12,104.12,0,0,1,232,128Z\"}]]}]}]}]\n29:[\"$\",\"$L34\",null,{\"ref\":\"$undefined\",\"href\":\"https://discord.gg/yDw3AJbmwx\",\"locale\":\"$undefined\",\"localeCookie\":\"$18:props:localeCookie\",\"target\":\"_blank\",\"children\":[\"$\",\"$L2c\",null,{\"variant\":\"icon\",\"className\":\"z-0\",\"children\":[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":22,\"height\":22,\"fill\":\"currentColor\",\"viewBox\":\"0 0 256 256\",\"transform\":\"$undefined\",\"children\":[false,\"$undefined\",[\"$\",\"path\",null,{\"d\":\"M247.51,174.39,218,58a16.08,16.08,0,0,0-13-11.88l-36.06-5.92a16.22,16.22,0,0,0-18.26,11.88l-.21.85a4,4,0,0,0,3.27,4.93,155.62,155.62,0,0,1,24.41,5.62,8.2,8.2,0,0,1,5.62,9.7,8,8,0,0,1-10.19,5.64,155.4,155.4,0,0,0-90.8-.1,8.22,8.22,0,0,1-10.28-4.81,8,8,0,0,1,5.08-10.33,156.85,156.85,0,0,1,24.72-5.72,4,4,0,0,0,3.27-4.93l-.21-.85A16.21,16.21,0,0,0,87.08,40.21L51,46.13A16.08,16.08,0,0,0,38,58L8.49,174.39a15.94,15.94,0,0,0,9.06,18.51l67,29.71a16.17,16.17,0,0,0,21.71-9.1l3.49-9.45a4,4,0,0,0-3.27-5.35,158.13,158.13,0,0,1-28.63-6.2,8.2,8.2,0,0,1-5.61-9.67,8,8,0,0,1,10.2-5.66,155.59,155.59,0,0,0,91.12,0,8,8,0,0,1,10.19,5.65,8.19,8.19,0,0,1-5.61,9.68,157.84,157.84,0,0,1-28.62,6.2,4,4,0,0,0-3.27,5.35l3.49,9.45a16.18,16.18,0,0,0,21.71,9.1l67-29.71A15.94,15.94,0,0,0,247.51,174.39ZM92,152a12,12,0,1,1,12-12A12,12,0,0,1,92,152Zm72,0a12,12,0,1,1,12-12A12,12,0,0,1,164,152Z\"}]]}]}]}]\na:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script><script>self.__next_f.push([1,"31:[\"$\",\"$L35\",null,{\"formats\":\"$undefined\",\"locale\":\"en\",\"messages\":{\"site\":{\"title\":\"HackMD\",\"description\":\"The best way to write and share your knowledge in Markdown.\",\"home-title\":\"HackMD: Your Collaborative Markdown Workspace for Knowledge Sharing\",\"home-description\":\"HackMD gives you a real-time Markdown editor for collaborative work. Working with Markdown files in HackMD is simple, straightforward, and fun.\",\"blog-title\":\"The HackMD Blog: {page}\",\"blog-home\":\"Home\",\"blog-description\":\"The HackMD Blog. Updates, ideas and Markdown inspiration from the HackMD team.\",\"solution-title\":\"HackMD for Teams \u0026 Businesses\",\"solution-description\":\"Unlock the power of HackMD's online, collaborative Markdown editor in every industry. Document your ideas, improve your workflow, and bring your projects to life with HackMD.\",\"pricing-title\":\"HackMD Pricing \u0026 Plans: Free, Personal, Team, \u0026 Enterprise\",\"pricing-description\":\"Discover HackMD's flexible pricing plans for teams and individuals. Start for free or upgrade for more features.\",\"about-title\":\"About HackMD: Our Platform, Mission, \u0026 Team\",\"about-description\":\"HackMD is the markdown workspace for innovation empowering developers to share ideas, contribute insights, and build community through knowledge sharing\"},\"navbar\":{\"solution\":\"Solutions\",\"pricing\":\"Pricing\",\"enterprise\":\"Enterprise\",\"developers\":\"Developers\",\"about\":\"About\",\"learn\":\"Learn\",\"learn-link\":\"https://hackmd.io/c/tutorials\",\"blog\":\"Blog\",\"product\":\"Product\",\"company\":\"Company\",\"changelog\":\"Changelog\",\"education\":\"Education\",\"sign-in\":\"Sign in\",\"log-out\":\"Log out\",\"get-hackmd\":\"Get HackMD free\",\"my-workspace\":\"My workspace\"},\"footer\":{\"description\":\"Build together with the ultimate Markdown editor.\",\"learning\":\"Learning\",\"features\":\"Features\",\"features-link\":\"https://hackmd.io/s/features\",\"tutorial-book\":\"Tutorial book\",\"tutorial-book-link\":\"https://hackmd.io/c/tutorials\",\"resources\":\"Resources\",\"blog\":\"Blog\",\"changelog\":\"Changelog\",\"enterprise\":\"Enterprise\",\"pricing\":\"Pricing\",\"company\":\"Company\",\"about\":\"About\",\"press-kit\":\"Press Kit\",\"trust-center\":\"Trust Center\",\"terms-of-use\":\"Terms of use\",\"privacy-policy\":\"Privacy policy\",\"api\":\"API\"},\"home\":{\"email-address\":\"you@company.com\",\"get-hackmd\":\"Get HackMD free\",\"hero-headline\":\"Build together with Markdown\",\"hero-description\":\"Real-time collaboration for \u003ctargets\u003e\u003c/targets\u003e documentation in Markdown\",\"team\":\"team\",\"personal\":\"personal\",\"technical\":\"technical\",\"research\":\"research\",\"educational\":\"educational\",\"web3\":\"web3\",\"community\":\"community\",\"feature-headline\":\"Accelerate innovation, foster community, and supercharge collaboration with your go-to Markdown editor.\",\"feature-slides\":{\"docs-title\":\"Docs\",\"docs-description\":\"Take notes, create presentations, collaborate virtually – the options are limitless.\u003cbr\u003e\u003c/br\u003eAccess and share your Markdown documents instantly with flexible permissioning.\",\"templates-title\":\"Templates\",\"templates-description\":\"Streamline your work and keep documents clean, clear, and consistent.\",\"book-mode-title\":\"Book Mode\",\"book-mode-description\":\"Collect and categorize your documents.\",\"github-title\":\"GitHub Integration\",\"github-description\":\"Keep your documentation and project work in sync with GitHub integrated directly into the Markdown editor.\",\"uml-graph-title\":\"UML graphs\",\"uml-graph-description\":\"Visualize research or technical findings for your community.\",\"profile-title\":\"Profile\",\"profile-description\":\"Publish instantly to turn your profile into a resource for your community.\"},\"logos-headline\":\"Millions build with HackMD's Markdown editor every day\",\"logos-description\":\"Powering teams around the world, from next-generation startups to established institutions.\",\"solution-headline\":\"Join a global movement\",\"solution-description\":\"Our vibrant Markdown community is researching the next breakthrough, spearheading decentralization, and growing communities around the world.\",\"learn-more\":\"Learn more\",\"community-users\":\"Users\",\"community-user-counts\":\"1m\",\"community-teams\":\"Teams\",\"community-team-counts\":\"30k\",\"community-countries\":\"Countries represented\",\"community-country-counts\":\"170\",\"community-notes\":\"Notes created\",\"community-note-counts\":\"7.7m\",\"get-started-headline\":\"Get started for free\",\"get-started-description\":\"Play around with it first. Pay and add your team later.\",\"get-started-action\":\"Get HackMD free\"},\"blog\":{\"email-address\":\"you@company.com\",\"subscribe\":\"Subscribe\",\"subscribe-news-headline\":\"Subscribe to our newsletter\",\"subscribe-news-description\":\"Build with confidence. Never miss a beat. Learn about the latest product updates, company happenings, and technical guides in our monthly newsletter.\",\"subscribe-thanks-headline\":\"Thank you for subscribing!\",\"subscribe-thanks-headline-emoji\":\"🎉\",\"subscribe-thanks-description\":\"A confirmation email has been sent to your inbox.\",\"back-to-blog\":\"Back to blog\",\"related-articles\":\"Related articles\",\"recent-posts\":\"Recent posts\",\"product\":\"Product\",\"product-description\":\"Discover the latest on HackMD, including product launches, updates, and walk-throughs.\",\"company\":\"Company\",\"company-description\":\"From company news to our product vision, from exciting launches to requested feature updates, read the latest on HackMD here.\",\"education\":\"Education\",\"education-description\":\"Read about the ways you can harness Markdown to level up your workflow, productivity, teamwork, and more.\",\"changelog\":\"Changelog\",\"changelog-description\":\"Stay up to date on everything we ship.\",\"view-changelog\":\"View Changelog\",\"read-more\":\"Read more\",\"read-all-posts\":\"Read all posts\",\"by\":\"By\"},\"use-cases\":{\"email-address\":\"you@company.com\",\"get-hackmd\":\"Get HackMD free\",\"action-cards\":{\"software-development\":\"Software Development\",\"web3\":\"Web3\",\"research\":\"Research\",\"education\":\"Education\",\"startups\":\"Startups\",\"non-profits\":\"Non-profits\"},\"profile-cards\":{\"title-prefix\":\"HackMD for\",\"profile-prefix\":\"From our community\",\"action\":\"Get HackMD free\",\"software-development\":{\"title\":\"Developers\",\"description\":\"Build like the best. Whether you're calling for feedback on your latest idea, crafting the next breakthrough in tech, or demystifying complex topics, HackMD is the online Markdown editor to help you build with confidence.\"},\"web3\":{\"title\":\"Web3\",\"description\":\"Focus on what matters. Build with speed using HackMD's robust Markdown editor. Streamline efforts across remote teams, create community guidelines and bylaws, increase adoption – all from one place.\"},\"research\":{\"title\":\"Researchers\",\"description\":\"Harness the power of Markdown to collaborate in real-time, making it easy to draft papers, manage project documentation, and publish findings.\"},\"education\":{\"title\":\"Educators\",\"description\":\"Empower the next generation of developers. Bridge the gap between education and real world experience with a lightweight online Markdown editor. This interactive and user-friendly platform promotes immediate feedback and active learning.\"},\"startups\":{\"title\":\"Startups\",\"description\":\"Build your startup with HackMD. You shouldn't have to deal with the frustration of fragmented and outdated documentation. Keep your team in-sync, your docs up-to-date, and your projects on track with HackMD's intuative Markdown editor.\"},\"non-profits\":{\"title\":\"Non-profits\",\"description\":\"Expand your impact. Collaborate on grant proposals, reports, and strategic plans without worrying about cost. Your non-profit could qualify for our Non-profit Sponsorship Program.\"}},\"hero-section\":{\"headline\":\"Accelerate innovation in your industry\",\"description\":\"Unlock the power of Markdown no matter your industry. HackMD is the ultimate real-time Markdown editor for builders seeking seamless, efficient collaboration. Document your ideas, improve your workflow, and bring your projects to life with HackMD.\"},\"community-headline\":\"What the community is saying\",\"features\":{\"github\":{\"title\":\"GitHub integration\",\"description\":\"Sync notes between two powerful tools.\",\"learn-more\":\"Learn more\",\"link\":\"https://hackmd.io/c/tutorials/%2F%40docs%2Fsync-a-note-with-github\"},\"sign-in-with-eth\":{\"title\":\"Sign-in with Ethereum\",\"description\":\"Maintain greater control over your security, data, and digital identity.\",\"learn-more\":\"Learn more\",\"link\":\"https://blog.hackmd.io/blog/2024/02/26/sign-in-with-eth-is-live\"},\"comment-and-suggest-edit\":{\"title\":\"Comment and suggest edit\",\"description\":\"Streamline communication and polish docs effortlessly.\",\"learn-more\":\"Learn more\",\"link\":\"https://hackmd.io/c/tutorials/%2F%40docs%2Fsuggest-edit-en\"},\"team\":{\"title\":\"Team organization\",\"description\":\"Manage team roles and access to ensure proper permissions in your workspace.\",\"learn-more\":\"Learn more\",\"link\":\"https://hackmd.io/c/tutorials/%2F%40docs%2Fcreate-and-manage-team\"},\"latex-and-uml\":{\"title\":\"LaTeX and UML\",\"description\":\"Create UML diagrams and write scientific formulas with plain text, all in one tool.\",\"learn-more\":\"Learn more\",\"link\":\"https://hackmd.io/c/tutorials/%2F%40docs%2Fuse-mathjax-and-UML-en\"},\"version-control\":{\"title\":\"Version control\",\"description\":\"Track every document edit, ensuring easy recall of past changes.\",\"learn-more\":\"Learn more\",\"link\":\"https://hackmd.io/c/tutorials/%2F%40docs%2Fsave-version-en\"},\"more-features\":\"More features\",\"more-features-link\":\"https://hackmd.io/c/tutorials/%2Fs%2Ftutorials\",\"headline\":\"Features that boost productivity\"}},\"logos-carousel-single-headline\":\"1,000,000+ people around the world build with HackMD\",\"pricing\":{\"headline\":\"Build together with Markdown.\u003cbr\u003e\u003c/br\u003eStart for free\",\"team-tab-trigger\":\"For Team\",\"personal-tab-trigger\":\"For Personal\",\"team-size-input\":\"Choose team size:\u003cinput\u003e\u003c/input\u003eseats\",\"monthly\":\"Monthly\",\"yearly\":\"Yearly\",\"free\":\"Free\",\"prime\":\"Prime\",\"enterprise\":\"Enterprise\",\"personal-free-description\":\"Discover what HackMD can do for you\",\"personal-free-unit\":\"Free\u003cbr\u003e\u003c/br\u003eforever\",\"personal-free-cta\":\"Sign up free\",\"personal-free-feature-title\":\"What's included:\",\"unlimited-notes\":\"Unlimited notes\",\"unlimited-invites\":\"Unlimited invites\",\"unlimited-versions\":\"Unlimited versions\",\"unlimited-github-pushes\":\"Unlimited GitHub pushes\",\"unlimited-templates\":\"Unlimited custom templates\",\"invitee-count\":\"{inviteeCount, number} invitees\",\"template-count\":\"{templateCount, number} custom templates\",\"suggest-edit\":\"Suggest edit\",\"gitHub-integration\":\"GitHub integration\",\"github-pushes\":\"{pushCount, number} GitHub pushes per month\",\"customize-permalink\":\"Customize permalink to your note\",\"image-upload-size\":\"Upload up to {imageSize} per image\",\"highlighted-label\":\"Most popular\",\"personal-prime-description\":\"Scale your productivity and workflow\",\"personal-prime-label\":\"Save {discountPercentage}%\",\"personal-prime-unit\":\"per\u003cbr\u003e\u003c/br\u003emonth\",\"personal-prime-cta\":\"Upgrade now\",\"personal-prime-feature-title\":\"-\u003e Everything in Free, plus:\",\"image-storage\":\"Dedicated storage for images\",\"full-text-search\":\"Full-text search\",\"api-call-count\":\"{apiCallCount} API calls per month\",\"pdf-export\":\"PDF export\",\"team-free-description\":\"Scale collaboration with your team and community.\",\"team-free-unit\":\"Free\u003cbr\u003e\u003c/br\u003eforever\",\"team-free-price-description\":\"Up to {maxMemberCount, number} teammate\",\"team-free-cta\":\"Sign up free\",\"team-free-feature-title\":\"What's included:\",\"team-prime-description\":\"Scale collaboration with your team and community.\",\"team-prime-label\":\"Save {discountPercentage}%\",\"team-prime-unit\":\"per seat/mo\",\"team-prime-price-description\":\"Total ${totalPrice, number} /month\",\"billed-annually\":\"Billed annually\",\"team-prime-cta\":\"Upgrade now\",\"team-prime-feature-title\":\"-\u003e Everything in Free, plus:\",\"team-enterprise-description\":\"Get exclusive features for your organization\",\"team-enterprise-price-section\":\"\u003cimg\u003e\u003c/img\u003e\",\"team-enterprise-cta\":\"Request a demo\",\"team-enterprise-feature-title\":\"-\u003e Everything in Prime, plus:\",\"organization-controlled-team-workspaces\":\"Unlimited workspaces under one Organization\",\"private-workspaces\":\"Private workspaces\",\"custom-user-groups\":\"Custom user group\",\"sso-saml\":\"SAML SSO\",\"role-based-access-control\":\"Role-based access control\",\"sso\":\"SSO (SAML, LDAP, customized) login\",\"custom-domain\":\"Custom domain\",\"custom-homepage\":\"Custom homepage\",\"gitLab-integration\":\"GitLab integration\",\"custom-payment-methods\":\"Custom payment methods\",\"account-manager\":\"Dedicated account manager\",\"compare-all-plans\":\"Compare all plans\",\"comparison-title\":\"Compare plans\",\"feature-type-usage\":\"Usage\",\"feature-members\":\"Members\",\"feature-members-tooltip\":\"All notes in a Workspace are shared by its members. Members will be notified when a note is edited.\",\"feature-invites\":\"Invites\",\"feature-invites-tooltip\":\"Invite other users to collaborate in private notes. You can control the permission levels for Everyone/Signed-in Users/Invitees separately.\",\"feature-default-member-permission\":\"Default member permission\",\"feature-default-member-permission-tooltip\":\"\",\"feature-versions\":\"Versions\",\"feature-versions-tooltip\":\"Autosave notes every 5 minutes (if pending) or 10 minutes (if editing) and arrange them into versions so that you will not lose your hard work.\",\"feature-custom-templates\":\"Custom templates\",\"feature-custom-templates-tooltip\":\"Save frequently used notes as templates.\",\"feature-default-note-template\":\"Default note template\",\"feature-default-note-template-tooltip\":\"Set most frequently used template as default. Saves you seconds every time you create a new note.\",\"feature-default-note-permissions\":\"Default note permissions\",\"feature-default-note-permissions-tooltip\":\"Set default permissions.\",\"feature-trash\":\"Trash can timeframe\",\"feature-trash-tooltip\":\"Restore deleted notes.\",\"feature-image-storage\":\"Image storage\",\"feature-image-storage-tooltip\":\"\",\"feature-full-text-search\":\"Full-text search\",\"feature-full-text-search-tooltip\":\"Search everything.\",\"feature-pdf\":\"Rendered PDF\",\"feature-pdf-tooltip\":\"Export notes to PDF with fully rendered UML blocks. Usage renews on a monthly cycle, subject to capacity based on the number of members in your workspace.\",\"feature-type-workflow\":\"Integrated workflow\",\"feature-github-push\":\"Push to GitHub\",\"feature-github-push-tooltip\":\"Seamlessly edit documents in your repositories directly in HackMD.\",\"feature-gitlab\":\"GitLab integration\",\"feature-gitlab-tooltip\":\"\",\"feature-api-calls\":\"API calls\",\"feature-api-calls-tooltip\":\"\",\"feature-type-collaboration\":\"Collaboration\",\"feature-real-time\":\"Real-time collaboration\",\"feature-real-time-tooltip\":\"\",\"feature-custom-permalink\":\"Custom note permalink\",\"feature-custom-permalink-tooltip\":\"\",\"feature-comment\":\"In-line and page commenting\",\"feature-comment-tooltip\":\"\",\"feature-suggest-edit\":\"Suggest edit\",\"feature-suggest-edit-tooltip\":\"\",\"feature-type-enterprise\":\"Enterprise management\",\"feature-sso\":\"SSO (SAML/LDAP)\",\"feature-sso-tooltip\":\"\",\"feature-custom-login\":\"Custom login\",\"feature-custom-login-tooltip\":\"\",\"feature-role-based-access-control\":\"Role-based access control\",\"feature-role-based-access-control-tooltip\":\"\",\"feature-custom-browser-extension\":\"Custom browser extension server instance\",\"feature-custom-browser-extension-tooltip\":\"\",\"feature-self-hosting\":\"Self-hosting\",\"feature-self-hosting-tooltip\":\"\",\"feature-custom-domain\":\"Custom domain\",\"feature-custom-domain-tooltip\":\"\",\"feature-custom-homepage\":\"Custom landing page\",\"feature-custom-homepage-tooltip\":\"\",\"feature-type-support\":\"Support\",\"feature-troubleshooting\":\"Troubleshooting\",\"feature-troubleshooting-tooltip\":\"\",\"feature-invoicing\":\"Invoicing\",\"feature-invoicing-tooltip\":\"\",\"feature-custom-payment\":\"Custom payment solutions\",\"feature-custom-payment-tooltip\":\"\",\"x\":\"\u003cx\u003e\u003c/x\u003e\",\"v\":\"\u003ccheck\u003e\u003c/check\u003e\",\"-\":\"\u003cminus\u003e\u003c/minus\u003e\",\"up-to-3-members\":\"Up to 3\",\"can-purchase\":\"Can be purchased\",\"unlimited\":\"Unlimited\",\"count\":\"{count, number}\",\"recent-versions\":\"Recent {recentVersionCount, number} versions\",\"trash-preserve-duration\":\"{trashPreserveDayCount, number} days\",\"limited-image-storage\":\"Limited cloud image storage\",\"up-to-1mb-img\":\"Up to 1MB per image\",\"private-image-storage\":\"Private cloud image storage\",\"up-to-20mb-img\":\"Up to 20MB per image\",\"private-image-storage-tooltip\":\"Images are saved on access-controlled Amazon S3. Privacy guaranteed. Images can only be accessed through the containing note.\",\"customizable\":\"Customizable\",\"pdf-usage-tooltip\":\"Usage limited to reasonable quantity\",\"pushes-per-month\":\"{pushCount, number} times / month\",\"api-calls-per-month\":\"{apiCallCount, number} calls / month\",\"bill-per-domain\":\"Pay per domain\",\"standard-support\":\"Knowledge base community and standard email support\",\"priority-support\":\"Priority support\",\"new\":\"New\",\"beta\":\"Beta\",\"faq\":{\"title\":\"FAQ\",\"note-title\":\"Have more questions?\",\"note-description\":\"We'd love to help!\u003cbr\u003e\u003c/br\u003e Email us at \u003cmailLink\u003e\u003c/mailLink\u003e or reach out on \u003cdiscord\u003eDiscord\u003c/discord\u003e.\",\"question-1\":{\"question\":\"How do I get started?\",\"answer\":\"When you sign up for HackMD, you're on the Free plan by default. Here you can explore the product and get a feel for how you can use it to level-up your collaboration and documentation. On the Free plan, you can create as many notes as you'd like and invite up to 3 teammates. For more advanced features and more teammate invites, check out the Prime or Enterprise plans.\"},\"question-2\":{\"question\":\"Can I change the team size?\",\"answer\":\"Yes, you can change the team size (up to 3) at any point. If you'd like to invite more than 3 teammates, you'll need to upgrade to the Prime or Enterprise plan.\"},\"question-3\":{\"question\":\"Can I pay for Prime monthly or annually?\",\"answer\":\"You can pay for Prime either on a monthly or yearly cadence, depending on what works best for you. You'll receive a discount for yearly or annual payments. Learn more about \u003cpaymentLink\u003ethese options here.\u003c/paymentLink\u003e\"},\"question-4\":{\"question\":\"I use HackMD by myself, can I upgrade to Prime?\",\"answer\":\"Yes! Your personal workspace can be upgraded to Prime, which comes with unlimited GitHub commits, unlimited custom templates, full-text search and more.\"},\"question-5\":{\"question\":\"Does everyone need a HackMD account to collaborate?\",\"answer\":\"Anyone can read your public documentation. All they need is the link to access. If they'd like to comment on or suggest edits to your notes, then they need a HackMD account.\"},\"question-6\":{\"question\":\"I run an open source project and need a team workspace for collaboration. How can HackMD help?\",\"answer\":\"Public Teams can have unlimited members (3 for free and charged per seat after that). We recommend Public Teams for open source projects and knowledge sharing.\u003cbr\u003e\u003c/br\u003e\u003cbr\u003e\u003c/br\u003eFor larger open source projects, it's common to create documents internally before sharing to the public. We recommend creating a private team for core documentation and a public team for your community.\"},\"question-7\":{\"question\":\"Does HackMD integrate into my existing workflow?\",\"answer\":\"We're dedicated to seamlessly integrating into your daily workflow. HackMD integrated directly into GitHub and GitLab, has extensions for your browser and VSCode, as well we countless features like LaTeX and UML support to help your document with ease. If you don't see a tool for your workflow or have an idea, email us at \u003cmailLink\u003e\u003c/mailLink\u003e to let us know.\"},\"question-8\":{\"question\":\"Is my data secure?\",\"answer\":\"With HackMD, you can rest assured that your data is secure and protected. We don't ask for personal information unless we really need it and we never sell any of your personal information. You can read our full \u003cprivacyLink\u003edata and privacy policy here\u003c/privacyLink\u003e.\"},\"question-9\":{\"question\":\"My team is a non-profit organization. Is there special pricing available for NPOs or charitable organizations?\",\"answer\":\"Yes! If your organization qualifies as a non-profit organization in your country, we are delighted to sponsor your mission with a Prime Team plan. \u003csponsorshipLink\u003eLearn more here\u003c/sponsorshipLink\u003e.\"},\"question-10\":{\"question\":\"What forms of payment do you accept?\",\"answer\":\"We accept most major credit and debit cards for the Prime plan. If you're interested in learning more about payment for the Enterprise plan, you can reach us at \u003cmailLink\u003e\u003c/mailLink\u003e.\"},\"question-11\":{\"question\":\"What happens if a payment fails?\",\"answer\":\"If your payment fails AND the Prime subscription has expired, then your team account will be suspended and all documents become read-only. You can \u003cteamSuspensionLink\u003elearn more here\u003c/teamSuspensionLink\u003e.\"},\"question-12\":{\"question\":\"What happens if I let my HackMD Prime subscription expire?\",\"answer\":\"For a team workspace, when the Prime subscription expires, the workspace and the notes in it will become read-only. You can still remove team members, switch team ownership, or delete your team altogether.\u003cbr\u003e\u003c/br\u003e\u003cbr\u003e\u003c/br\u003eThe workspace functionality - beyond read-only - will reactivate once the number of team members is reduced to 3 or less or once the Prime Team subscription is renewed.\u003cbr\u003e\u003c/br\u003e\u003cbr\u003e\u003c/br\u003eFor a personal workspace, the advanced features that come with Prime will be unavailable until your Prime subscriptions is renewed.\"},\"question-13\":{\"question\":\"Where can I learn more about HackMD?\",\"answer\":\"To learn more about how HackMD works, visit our \u003ctutorialLink\u003eTutorial Book\u003c/tutorialLink\u003e. If you have any additional questions you can email us at \u003cmailLink\u003e\u003c/mailLink\u003e. And be sure to keep up with all things HackMD by following us on \u003cx\u003eX\u003c/x\u003e and \u003cfacebook\u003eFacebook.\u003c/facebook\u003e\"}}},\"enterprise\":{\"hero\":{\"title\":\"Connected Documentation for Agile Teams\",\"animated-line1\":{\"highlight\":\"Ditch\",\"text\":\"Word \u0026 SharePoint\"},\"animated-line2\":{\"highlight\":\"Experience\",\"text\":\"Markdown \u0026 Git\"},\"description\":\"HackMD helps enterprises enhance knowledge management with real-time editing, secure collaboration, and customizable workflows. Empower your teams to create, organize, and share essential information without compromising control, flexibility, or security.\",\"cta\":\"Request a demo\"},\"logos\":{\"title\":\"Used by Enterprise teams everywhere\"},\"culture\":{\"title\":\"Build culture. Collaborate better.\"},\"features\":{\"familiar-tools\":{\"title\":\"Familiar tools with enhanced interaction features\",\"description\":\"Unlike Confluence, HackMD offers real-time commenting and suggestions in pure Markdown—plus interactive features like Emoji Reply for fun, interactive feedback.\"},\"version-control\":{\"title\":\"Stay confident by using Git-Style Version Control\",\"description\":\"Why Struggle with Google Docs' messy revision history? HackMD gives you Git-style versioning—fully auditable, reversible, and precise. Every change is tracked, so your team stays aligned and compliant.\"},\"corporate-identity\":{\"title\":\"Give your corporate teams an identity.\",\"description\":\"While tools like Notion show their brand, HackMD puts yours front and center. Custom domains, logos, and landing pages create a seamless, branded workspace your teams can call their own.\"},\"enterprise-security\":{\"title\":\"Enterprise-Grade Security\",\"description\":\"Forget cloud-only tools, HackMD offers on-premise or managed hosting—with integration for secure, frictionless access. You stay in control of your infrastructure and compliance requirements.\",\"learn-more\":\"Learn more\"},\"privacy-access\":{\"title\":\"Enhanced Privacy and Controlled Access\",\"description\":\"Where other tools default to open sharing, HackMD lets you control visibility with optional publishing, SAML login, and private access settings—perfect for sensitive or external collaboration.\"},\"future-proof\":{\"title\":\"Future-Proof Your Knowledge\",\"description\":\"Ditch proprietary formats. HackMD uses open-source Markdown—forever free, portable, and AI-compatible. Your knowledge remains accessible, vendor-free, and ready for whatever comes next.\"}},\"testimonials\":{\"blockfuse\":{\"quote\":\"HackMD has helped us build trust. Transparency isn't optional. It's survival. And tools like HackMD quietly empower that kind of culture.\",\"author\":\"Peter A.\",\"company\":\"CEO of BlockFuse Labs\"},\"luftborn\":{\"quote\":\"HackMD keeps everyone on the exact same page, instantly, preventing confusion and making teamwork fun.\",\"author\":\"Ali. G\",\"company\":\"Front end Lead Dev from Luftborn\"},\"kiwi\":{\"quote\":\"If the GitHub team wanted to create Google Docs, they'd create HackMD.\",\"author\":\"Mac B.\",\"company\":\"Co-founder of Kiwi News\"}},\"final-cta\":{\"title\":\"One Collaborative Workspace, Built for Every Team\",\"description\":\"Talk to our team to see how HackMD can fit your workflow.\",\"cta\":\"Request a demo\"},\"contact-us\":\"Request a demo\"},\"about\":{\"hero-about\":\"About HackMD\",\"hero-headline\":\"The Markdown workspace for innovation\",\"hero-description\":\"The Markdown workspace for innovation HackMD helps you share ideas, contribute valuable insights, and foster a vibrant community. Here, collaboration drives innovation, helping individuals build their reputation and advance their careers. Through seamless, real-time documentation and knowledge sharing, \u003cwrapper\u003eHackMD bridges the gap between idea and implementation, cultivating an environment where collective intelligence thrives.\u003c/wrapper\u003e\",\"mission-quote\":\"Our mission is to empower developers to share ideas and build community through knowledge sharing.\",\"history-description\":\"In 2014, while completing his master's degree, Max Wu was searching for a secure way to collaborate and document in Markdown. Driven by that challenge, he began creating what would later be known as HackMD. Throughout the following years, he introduced it to friends, colleagues, and online communities, quickly gaining traction and the first outside contributions. Today, over a million people around the world depend on HackMD to document in Markdown, increasing the pace of software development through seamless documentation and collaboration. With HackMD, you can focus on what matters most: \u003cwrapper\u003ebuilding and improving world renown projects.\u003c/wrapper\u003e\",\"team-headline\":\"Meet the team\",\"team-founder-jk\":{\"name\":\"Jong-kai Yang\",\"title\":\"Chief Executive Officer and Co-Founder\"},\"team-founder-max\":{\"name\":\"Max Wu\",\"title\":\"Chief Technology Officer and Co-Founder \"},\"team-join\":\"Join the team!\",\"team-social\":{\"follow\":\"Follow us on\",\"media\":\"For media inquiries, please contact us at \u003cemail\u003epress@hackmd.io\u003c/email\u003e.\"},\"investor-headline\":\"Our investors\"},\"developers\":{\"meta\":{\"title\":\"HackMD for Developers: API, Extensions \u0026 Integrations\",\"description\":\"Build beyond the editor. HackMD is where collaboration and workflows begin. Connect your editor to automate documentation, streamline publishing, and share knowledge.\"},\"hero\":{\"title\":\"Build Beyond the Editor\",\"description\":\"HackMD is where collaboration and workflows begin. Connect your editor to automate documentation, streamline publishing, and share knowledge in one Markdown platform.\",\"explore-api\":\"Explore the API\",\"view-extensions\":\"View Extensions\",\"illustration-alt\":\"Developer illustration\"},\"illustrations\":{\"developers-hero\":\"Developer illustration\",\"why-extensions\":\"Why use extensions illustration\",\"cta\":\"CTA illustration\",\"for-developers\":\"For developers illustration\",\"for-teams\":\"For teams illustration\"},\"extensions\":{\"title\":\"Extensions Gallery\",\"subtitle\":\"Work faster — right inside your favorite tools.\",\"description\":\"Extensions bring HackMD into your daily flow. They help you capture, edit, and access knowledge instantly, so your focus stays on creation, not context switching.\",\"tabs\":{\"save-to-hackmd\":{\"tabLabel\":\"Save to HackMD\",\"title\":\"Capture ideas from the web\",\"description\":\"Save web pages, article highlights, and AI chat logs directly to your workspace without formatting errors. Turn the web into your knowledge base with a single click, keeping all your research in one place.\",\"links\":{\"chrome\":\"Get for Chrome\",\"firefox\":\"Get for Firefox\"}},\"instant-access\":{\"tabLabel\":\"Instant Access\",\"title\":\"Stay in Your Flow, Wherever You Are\",\"description\":\"Find your notes without breaking your flow. Whether you're browsing via Chrome, coding in VSCode, or using Raycast, you can search, preview, and open your HackMD library instantly from your favorite tools.\",\"links\":{\"chrome\":\"Get for Chrome\",\"firefox\":\"Get for Firefox\",\"raycast\":\"Get for Raycast\",\"vscode\":\"Get for VSCode\"}},\"docs-as-code\":{\"tabLabel\":\"Docs as Code\",\"title\":\"Sync Documentation with Development\",\"description\":\"Keep documentation synced with your codebase. Write Markdown locally in VSCode, preview changes in real-time, and push updates directly to HackMD. Perfect for developers who want to manage docs alongside their git workflow.\",\"links\":{\"vscode\":\"Get for VSCode\"}},\"links\":{\"chrome\":\"Get for Chrome\",\"firefox\":\"Get for Firefox\",\"raycast\":\"Get for Raycast\",\"vscode\":\"Get for VSCode\"}},\"why-use\":{\"title\":\"Why use extensions?\",\"benefits\":{\"0\":\"Reduce context switching between apps\",\"1\":\"Keep documentation close to where the work happens\",\"2\":\"Maintain a single source of truth across your team's tools\"},\"link-text\":\"Learn more about Extensions\",\"illustration-alt\":\"Why use extensions illustration\"},\"items\":{\"save-to-hackmd\":{\"name\":\"Save to HackMD\",\"description\":\"Chrome extension to quickly save web content to HackMD notes.\"},\"vscode\":{\"name\":\"VS Code Extension\",\"description\":\"Edit and sync your HackMD notes directly from Visual Studio Code.\"},\"github-action\":{\"name\":\"GitHub Action\",\"description\":\"Automate syncing between HackMD notes and GitHub repositories.\"}}},\"for-developers\":{\"title\":\"For Developers\",\"subtitle\":\"Build smarter with simple, documented endpoints.\",\"description\":\"HackMD's API offers developers a flexible and frictionless way to integrate collaborative knowledge into workflows with easy-to-follow documentation and ready-to-run examples.\",\"link-text\":\"Explore the API\"},\"for-teams\":{\"title\":\"For Teams \u0026 Enterprises\",\"subtitle\":\"Extend collaboration, not your tool stack.\",\"description\":\"HackMD extensions enhance team collaboration by centralizing documentation, streamlining onboarding, and integrating seamlessly with existing tools.\",\"link-text\":\"Discover Extensions\",\"secondary-link-text\":\"Talk to Us About Workflows\"},\"community\":{\"title\":\"Community \u0026 Third-Party Highlights\",\"subtitle\":\"A growing ecosystem of innovation.\",\"description\":\"HackMD's open API invites developers and contributors to build their own tools, workflows, and integrations. Our community continues to inspire what's possible.\",\"by\":\"By\",\"items\":{\"mcp-server\":{\"title\":\"HackMD MCP Server\",\"description\":\"Integrate HackMD with Model Context Protocol tools to automate content generation, enrichment, and workflow triggers.\",\"link-text\":\"View on GitHub\"},\"api-book\":{\"title\":\"HackMD API Book\",\"description\":\"Dive into a living collection of community-contributed use cases. Learn how developers automate publishing, sync notes with GitHub, and even integrate creative use cases like sponsorship and embedded media.\",\"link-text\":\"Read the API Book\"}}},\"examples\":{\"title\":\"Real-World Examples\",\"subtitle\":\"How developers and teams extend HackMD beyond the editor\",\"items\":{\"github-workflows\":{\"title\":\"GitHub Workflows\",\"description\":\"Keep engineering documentation synchronized with your repositories. Use the API to update release notes, proposals, or architecture docs as code evolves, reducing manual edits and drift.\"},\"publishing-pipelines\":{\"title\":\"Publishing Pipelines\",\"description\":\"Automate the process of moving content from HackMD to your blog or CMS. Standardize formatting, control metadata, and publish at scale without the need for manual copying and pasting.\"},\"embedded-experiences\":{\"title\":\"Embedded Experiences\",\"description\":\"Bring interactivity into your notes.\u003clineBreak\u003e\u003c/lineBreak\u003e\u003cul\u003e\u003cli\u003e\u003cspotify\u003eSpotify IFrame Example\u003c/spotify\u003e: Add Playable Media Inside Collaborative Documents.\u003c/li\u003e\u003cli\u003e\u003clikecoin\u003eLikeCoin Sponsorship Example\u003c/likecoin\u003e: Integrate creator support directly within your content.\u003c/li\u003e\u003c/ul\u003eAutomate your meetings.\u003clineBreak\u003e\u003c/lineBreak\u003eUse the meeting notes agenda API recipe to generate agendas and action logs on demand, saving hours of setup time each week.\"}}},\"made-with\":{\"title\":\"Made with HackMD\",\"description\":\"Explore creative tools and workflows crafted by our community.\",\"by\":\"By\",\"explore\":\"Explore gallery\",\"share\":\"Share your use case\",\"items\":{\"embed-spotify\":{\"name\":\"Embed Spotify\",\"description\":\"Play Spotify music in HackMD notes\",\"author\":\"song856854132\"},\"likecoin\":{\"name\":\"LikeCoin Integration\",\"description\":\"Add LikeCoin donation button to HackMD notes\",\"author\":\"雨蒼\"},\"auto-meeting\":{\"name\":\"Auto Meeting Minutes\",\"description\":\"Automatically create notes with templates at scheduled times\",\"author\":\"Max Wu\"},\"github-actions\":{\"name\":\"GitHub Actions Sync\",\"description\":\"Update HackMD notes via GitHub Actions\",\"author\":\"H.-H. PENG (Hsins)\"},\"discord\":{\"name\":\"Discord Integration\",\"description\":\"Integrate HackMD with Discord bot for note management\",\"author\":\"未来\"},\"hackbar\":{\"name\":\"Hackbar Extension\",\"description\":\"Browser extension with command palette for HackMD\",\"author\":\"TzuWei\"},\"batch-permission\":{\"name\":\"Batch Permission Update\",\"description\":\"Batch update note permissions using Python API\",\"author\":\"Willis Chen\"},\"line-bot\":{\"name\":\"LINE Chat Bot\",\"description\":\"Create LINE bot for quick note-taking and link collection\",\"author\":\"Willis Chen\"},\"csharp-sdk\":{\"name\":\"C# SDK\",\"description\":\"C# package for HackMD API integration\",\"author\":\"David Tung, twdeveloperatoutlook\"}}},\"cta\":{\"title\":\"Build Your Flow on HackMD\",\"description\":\"HackMD connects developers and teams with tools to automate and scale collaboration, from simple integrations to full workflows. Your markdown, your workflows, your platform.\",\"button\":\"Start Building\",\"illustration-alt\":\"CTA illustration\"}}},\"now\":\"$undefined\",\"timeZone\":\"UTC\",\"children\":\"$L36\"}]\n"])</script><script>self.__next_f.push([1,"36:[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]\nc:[[\"$\",\"title\",\"0\",{\"children\":\"HackMD: Your Collaborative Markdown Workspace for Knowledge Sharing\"}],[\"$\",\"meta\",\"1\",{\"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\",\"2\",{\"rel\":\"canonical\",\"href\":\"https://hackmd.io/robots.txt\"}],[\"$\",\"meta\",\"3\",{\"property\":\"og:title\",\"content\":\"HackMD: Your Collaborative Markdown Workspace for Knowledge Sharing\"}],[\"$\",\"meta\",\"4\",{\"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\",\"5\",{\"property\":\"og:image\",\"content\":\"https://hackmd.io/cover.png\"}],[\"$\",\"meta\",\"6\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"7\",{\"name\":\"twitter:title\",\"content\":\"HackMD: Your Collaborative Markdown Workspace for Knowledge Sharing\"}],[\"$\",\"meta\",\"8\",{\"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\",\"9\",{\"name\":\"twitter:image\",\"content\":\"https://hackmd.io/cover.png\"}]]\n8:null\n"])</script></body></html> | Unknown directive |
To appear in search results, crawlers need access to your app.
Industry-standard audits powered by Google Lighthouse. — Desktop
Key metrics that affect user experience. — Desktop
First Contentful Paint First Contentful Paint — how long until the browser renders the first piece of content. Under 1.8s is good.
1.65 s
Largest Contentful Paint Largest Contentful Paint — how long until the largest visible element loads. Under 2.5s is good.
2.70 s
Total Blocking Time Total Blocking Time — total time the main thread was blocked, preventing user input. Under 200ms is good.
0 ms
Cumulative Layout Shift Cumulative Layout Shift — measures visual stability. How much the page layout shifts during loading. Under 0.1 is good.
0.097
Speed Index Speed Index — how quickly content is visually displayed during load. Under 3.4s is good.
2.74 s
Time to Interactive Time to Interactive — how long until the page is fully interactive and responds to user input. Under 3.8s is good.
2.72 s
Audit breakdown by category with detailed findings.
Remove large, duplicate JavaScript modules from bundles to reduce unnecessary bytes consumed by network activity.
Performance issues directly impact user engagement and conversion rates.
Polyfills and transforms enable older browsers to use new JavaScript features. However, many aren't necessary for modern browsers. Consider modifying your JavaScript build process to not transpile Baseline features, unless you know you must support older browsers. Learn why most sites can deploy ES6+ code without transpiling
Shipping ES5 transpiled code to modern browsers wastes bytes — every user with an evergreen browser pays for compatibility you don't need.
Most users today run browsers that natively support ES6+, async/await, optional chaining, and the rest of modern JavaScript. Transpiling to ES5 'just in case' adds 20-40% to your bundle for no benefit. Configure your build to target a modern browserslist, or ship a differential bundle pair (modern + legacy) with the module/nomodule pattern.
Source: Google web.dev / Lighthouse
3rd party code can significantly impact load performance. Reduce and defer loading of 3rd party code to prioritize your page's content.
Performance issues directly impact user engagement and conversion rates.
Optimize LCP by making the LCP image discoverable from the HTML immediately, and avoiding lazy-loading
Performance issues directly impact user engagement and conversion rates.
Avoid chaining critical requests by reducing the length of chains, reducing the download size of resources, or deferring the download of unnecessary resources to improve page load.
Performance issues directly impact user engagement and conversion rates.
Requests are blocking the page's initial render, which may delay LCP. Deferring or inlining can move these network requests out of the critical path.
Performance issues directly impact user engagement and conversion rates.
| URL | Transfer Size | Duration |
|---|---|---|
| hackmd.io/_next/static/chunks/a4d44b71c308de05.css | 16.1 KiB | 262 ms |
| hackmd.io/_next/static/chunks/ab94802ba5ab4af4.css | 6.0 KiB | |
| hackmd.io/_next/static/chunks/786710bc80ba0dc8.css | 751 B |
Reducing the download time of images can improve the perceived load time of the page and LCP. Learn more about optimizing image size
Performance issues directly impact user engagement and conversion rates.
| URL | Resource Size | Est Savings | |
|---|---|---|---|
/logos/Blockfuse_L2.png div.flex > div.flex > div.flex > img.h-full | hackmd.io/logos/Blockfuse_L2.png | 268.5 KiB | 268.3 KiB |
/logos/Updraft.png div.flex > div.flex > div.flex > img.h-full | hackmd.io/logos/Updraft.png | 47.8 KiB | 47.7 KiB |
/logos/Brown.png div.flex > div.flex > div.flex > img.h-full | hackmd.io/logos/Brown.png | 12.8 KiB | 11.6 KiB |
/logos/DevOpsDays.png div.flex > div.flex > div.flex > img.h-full | hackmd.io/logos/DevOpsDays.png | 7.8 KiB | 7.0 KiB |
/logos/SN-Linear-Flat colour.png div.flex > div.flex > div.flex > img.h-full | hackmd.io/logos/SN-Linear-Flat%20colour.png | 8.1 KiB | 6.9 KiB |
/logos/Arweave logomark.png div.flex > div.flex > div.flex > img.h-full | hackmd.io/logos/Arweave%20logomark.png | 7.2 KiB | 6.5 KiB |
/logos/GenerativeAI_logo.png div.flex > div.flex > div.flex > img.h-full | hackmd.io/logos/GenerativeAI_logo.png | 6.3 KiB | 5.7 KiB |
/logos/Avalanche_Horizontal_White.png div.flex > div.flex > div.flex > img.h-full | hackmd.io/logos/Avalanche_Horizontal_White.png | 5.8 KiB | 5.3 KiB |
/logos/g0v.png div.flex > div.flex > div.flex > img.h-full | hackmd.io/logos/g0v.png | 5.4 KiB | 4.9 KiB |
/logos/Bokeh Logo Inverted.png div.flex > div.flex > div.flex > img.h-full | hackmd.io/logos/Bokeh%20Logo%20Inverted.png | 4.9 KiB | 4.5 KiB |
/logos/Sitcon.png div.flex > div.flex > div.flex > img.h-full | hackmd.io/logos/Sitcon.png | 5.3 KiB | 4.4 KiB |
/logos/ContinuousFoundation_logo.png div.flex > div.flex > div.flex > img.h-full | hackmd.io/logos/ContinuousFoundation_logo.png | 4.8 KiB | 4.4 KiB |
These insights are also available in the Chrome DevTools Performance Panel - record a trace to view more detailed information.
Time to Interactive is the amount of time it takes for the page to become fully interactive. Learn more about the Time to Interactive metric.
Performance issues directly impact user engagement and conversion rates.
Reduce unused rules from stylesheets and defer CSS not used for above-the-fold content to decrease bytes consumed by network activity. Learn how to reduce unused CSS.
Performance issues directly impact user engagement and conversion rates.
| URL | Transfer Size | Est Savings |
|---|---|---|
| hackmd.io/_next/static/chunks/a4d44b71c308de05.css | 15.6 KiB | 10.6 KiB |
Reduce unused JavaScript and defer loading scripts until they are required to decrease bytes consumed by network activity. Learn how to reduce unused JavaScript.
Multi-megabyte JavaScript bundles delay every interactive feature on the page.
This is the Lighthouse audit fired when too much JS is shipped relative to what executes. The fix isn't a config flag — it requires bundle analysis (webpack-bundle-analyzer, rollup-plugin-visualizer), splitting routes into chunks, lazy-loading off-screen components, and removing unused dependencies. Fundamentally different from minification: minifying reduces byte count, this reduces what's downloaded at all.
Source: Google web.dev / Lighthouse
| URL | Transfer Size | Est Savings |
|---|---|---|
| hackmd.io/_next/static/chunks/bf9c1cba9711df19.js | 65.7 KiB | 24.9 KiB |
Many navigations are performed by going back to a previous page, or forwards again. The back/forward cache (bfcache) can speed up these return navigations. Learn more about the bfcache
Performance issues directly impact user engagement and conversion rates.
| Failure reason | Failure type |
|---|---|
| Pages with cache-control:no-store header cannot enter back/forward cache. | Actionable |
| Pages whose main resource has cache-control:no-store cannot enter back/forward cache. | Not actionable |
| Back/forward cache is disabled because some JavaScript network request received resource with Cache-Control: no-store header. | Not actionable |
Large network payloads cost users real money and are highly correlated with long load times. Learn how to reduce payload sizes.
Performance issues directly impact user engagement and conversion rates.
| URL | Transfer Size |
|---|---|
| hackmd.io/feature-slides/book.jpeg | 997.5 KiB |
| hackmd.io/videos/HeroAnimation-1080.webm | 692.7 KiB |
| hackmd.io/feature-slides/github-sync.jpeg | 543.6 KiB |
| hackmd.io/videos/docs-1080.webm | 513.4 KiB |
| hackmd.io/feature-slides/template-1.png | 439.0 KiB |
| hackmd.io/feature-slides/template-2.png | 294.0 KiB |
| hackmd.io/feature-slides/template-3.png | 274.8 KiB |
| hackmd.io/logos/Blockfuse_L2.png | 270.5 KiB |
| hackmd.io/feature-slides/profile.jpeg | 224.7 KiB |
| hackmd.io/feature-slides/uml-2.png | 112.2 KiB |
More information about the performance of your application. These numbers don't directly affect the Performance score.
These checks highlight opportunities to improve the accessibility of your web app. Automatic detection can only detect a subset of issues and does not guarantee the accessibility of your web app, so manual testing is also encouraged.
When a button doesn't have an accessible name, screen readers announce it as "button", making it unusable for users who rely on screen readers. Learn how to make buttons more accessible.
Performance issues directly impact user engagement and conversion rates.
| Failing Elements |
|---|
section.mt-12 > div.flex > a > button.flex section.mt-12 > div.flex > a > button.flex |
section.mt-12 > div.flex > a > button.flex section.mt-12 > div.flex > a > button.flex |
section.mt-12 > div.flex > a > button.flex section.mt-12 > div.flex > a > button.flex |
section.mt-12 > div.flex > a > button.flex section.mt-12 > div.flex > a > button.flex |
Form elements without effective labels can create frustrating experiences for screen reader users. Learn more about the `select` element.
Performance issues directly impact user engagement and conversion rates.
| Failing Elements |
|---|
English
中文
日本語 section.mt-12 > div > label.relative > select.w-full |
Link text (and alternate text for images, when used as links) that is discernible, unique, and focusable improves the navigation experience for screen reader users. Learn how to make links accessible.
Performance issues directly impact user engagement and conversion rates.
| Failing Elements |
|---|
div > section.mt-12 > div.flex > a div > section.mt-12 > div.flex > a |
div > section.mt-12 > div.flex > a div > section.mt-12 > div.flex > a |
div > section.mt-12 > div.flex > a div > section.mt-12 > div.flex > a |
div > section.mt-12 > div.flex > a div > section.mt-12 > div.flex > a |
These are opportunities to improve the semantics of the controls in your application. This may enhance the experience for users of assistive technology, like a screen reader.
Low-contrast text is difficult or impossible for many users to read. Learn how to provide sufficient color contrast.
Performance issues directly impact user engagement and conversion rates.
| Failing Elements |
|---|
Learning section.flex > ul.flex > li.min-w-40 > h4.mb-6 |
Resources section.flex > ul.flex > li.min-w-40 > h4.mb-6 |
Company section.flex > ul.flex > li.min-w-40 > h4.mb-6 |
These are opportunities to improve the legibility of your content.
Properly ordered headings that do not skip levels convey the semantic structure of the page, making it easier to navigate and understand when using assistive technologies. Learn more about heading order.
Performance issues directly impact user engagement and conversion rates.
| Failing Elements |
|---|
HackMD is my go-to thinkpad. It's been a great fit for everything from TODO lis… main.flex > div.m-6 > span.relative > h6.text-h6 |
Learning section.flex > ul.flex > li.min-w-40 > h4.mb-6 |
These are opportunities to improve keyboard navigation in your application.
Image display dimensions should match natural aspect ratio. Learn more about image aspect ratio.
Performance issues directly impact user engagement and conversion rates.
| URL | Aspect Ratio (Displayed) | Aspect Ratio (Actual) | |
|---|---|---|---|
uml diagram div.w-full > div.relative > div.rounded-[30px] > img.overflow-hidden | hackmd.io/feature-slides/uml-1.png | 1166 x 940 (1.24) | 1124 x 790 (1.42) |
These checks ensure that your page is following basic search engine optimization advice. There are many additional factors Lighthouse does not score here that may affect your search ranking, including performance on Core Web Vitals. Learn more about Google Search Essentials.
Descriptive link text helps search engines understand your content. Learn how to make links more accessible.
Performance issues directly impact user engagement and conversion rates.
Format your HTML in a way that enables crawlers to better understand your app’s content.
If your robots.txt file is malformed, crawlers may not be able to understand how you want your website to be crawled or indexed. Learn more about robots.txt.
Performance issues directly impact user engagement and conversion rates.
| Line # | Content | Error |
|---|---|---|
| 1 | <!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/a4d44b71c308de05.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="q8nZBgdY-Fk0ehChJrlK_apymhltx8Km29Eo"/><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="q8nZBgdY-Fk0ehChJrlK_apymhltx8Km29Eo"/><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="you@company.com" 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.</span><a class="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 hidden md:flex" href="/solutions?utm_source=home&utm_medium=Global-Movement">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></a></div><div class="grid max-w-full grid-cols-2 gap-3 md:flex md:flex-row md:gap-4"><div class="flex w-full flex-row items-center justify-center py-7 corner-radius-md md:w-[270px] bg-[linear-gradient(146.52deg,rgba(82,75,190,0.25)_10.54%,rgba(25,31,80,0.25)_80.09%)]"><div class="flex flex-col text-center"><span class="flex flex-row items-center justify-center"><span class="font-semibold text-number-title leading-[120%] tracking-[-2.2%] bg-clip-text [-webkit-background-clip:text] [-webkit-text-fill-color:transparent] bg-[linear-gradient(145.75deg,#786FFA_17.48%,#1E1B3F_94.69%)]">1m</span><svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" fill="currentColor" viewBox="0 0 256 256" class="text-white opacity-70"><path d="M228,128a12,12,0,0,1-12,12H140v76a12,12,0,0,1-24,0V140H40a12,12,0,0,1,0-24h76V40a12,12,0,0,1,24,0v76h76A12,12,0,0,1,228,128Z"></path></svg></span><span class="text-white opacity-80 text-number-subtitle leading-lg">Users</span></div></div><div class="flex w-full flex-row items-center justify-center py-7 corner-radius-md md:w-[270px] bg-[linear-gradient(146.52deg,rgba(82,75,190,0.25)_10.54%,rgba(25,31,80,0.25)_80.09%)]"><div class="flex flex-col text-center"><span class="flex flex-row items-center justify-center"><span class="font-semibold text-number-title leading-[120%] tracking-[-2.2%] bg-clip-text [-webkit-background-clip:text] [-webkit-text-fill-color:transparent] bg-[linear-gradient(145.75deg,#786FFA_17.48%,#1E1B3F_94.69%)]">30k</span><svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" fill="currentColor" viewBox="0 0 256 256" class="text-white opacity-70"><path d="M228,128a12,12,0,0,1-12,12H140v76a12,12,0,0,1-24,0V140H40a12,12,0,0,1,0-24h76V40a12,12,0,0,1,24,0v76h76A12,12,0,0,1,228,128Z"></path></svg></span><span class="text-white opacity-80 text-number-subtitle leading-lg">Teams</span></div></div><div class="flex w-full flex-row items-center justify-center py-7 corner-radius-md md:w-[270px] bg-[linear-gradient(146.52deg,rgba(82,75,190,0.25)_10.54%,rgba(25,31,80,0.25)_80.09%)]"><div class="flex flex-col text-center"><span class="flex flex-row items-center justify-center"><span class="font-semibold text-number-title leading-[120%] tracking-[-2.2%] bg-clip-text [-webkit-background-clip:text] [-webkit-text-fill-color:transparent] bg-[linear-gradient(145.75deg,#786FFA_17.48%,#1E1B3F_94.69%)]">170</span><svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" fill="currentColor" viewBox="0 0 256 256" class="text-white opacity-70"><path d="M228,128a12,12,0,0,1-12,12H140v76a12,12,0,0,1-24,0V140H40a12,12,0,0,1,0-24h76V40a12,12,0,0,1,24,0v76h76A12,12,0,0,1,228,128Z"></path></svg></span><span class="text-white opacity-80 text-number-subtitle leading-lg">Countries represented</span></div></div><div class="flex w-full flex-row items-center justify-center py-7 corner-radius-md md:w-[270px] bg-[linear-gradient(146.52deg,rgba(82,75,190,0.25)_10.54%,rgba(25,31,80,0.25)_80.09%)]"><div class="flex flex-col text-center"><span class="flex flex-row items-center justify-center"><span class="font-semibold text-number-title leading-[120%] tracking-[-2.2%] bg-clip-text [-webkit-background-clip:text] [-webkit-text-fill-color:transparent] bg-[linear-gradient(145.75deg,#786FFA_17.48%,#1E1B3F_94.69%)]">7.7m</span><svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" fill="currentColor" viewBox="0 0 256 256" class="text-white opacity-70"><path d="M228,128a12,12,0,0,1-12,12H140v76a12,12,0,0,1-24,0V140H40a12,12,0,0,1,0-24h76V40a12,12,0,0,1,24,0v76h76A12,12,0,0,1,228,128Z"></path></svg></span><span class="text-white opacity-80 text-number-subtitle leading-lg">Notes created</span></div></div></div></div></div><div class="px-6 pb-12 pt-8 md:pt-6"><div class="px-6 py-12 corner-radius-lg md:py-20 flex w-full flex-col items-center justify-center gap-10 md:gap-9 bg-cover bg-center bg-no-repeat bg-[url("/bg-gradient-light-purple-square.svg")] md:bg-[url("/bg-gradient-light-purple-rectangle.svg")]"><div class="flex flex-col gap-3 text-center md:gap-2"><span class="text-headline leading-headline font-readex-pro font-semibold tracking-[-2px] text-headline-gradient-horizontal">Get started for free</span><span class="text-lg leading-lg font-inter font-normal opacity-80">Play around with it first. Pay and add your team later.</span></div><a 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 plausible-event-name=HomeSignupEndpage z-0" href="https://hackmd.io/join?signup-event=HomeSignupCompleted"><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_4qinmivb_)" mask="url(#_R_4qinmivbH1_)"></rect><defs><mask id="_R_4qinmivbH1_"><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_4qinmivb_" 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_8qinmivb_)" width="80" height="80"></rect><defs><linearGradient id="_R_8qinmivb_" 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 started for free<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="currentColor" viewBox="0 0 256 256" class="transition-transform duration-200 group-hover:-rotate-45 group-focus:-rotate-45"><path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"></path></svg></a></div></div><footer class="bg-background-default px-6 pt-14 text-white"><div><section class="flex flex-wrap justify-between gap-x-2 gap-y-9"><figure><a class="inline-flex h-10" href="/"><img alt="HackMD Logo" loading="lazy" width="0" height="0" decoding="async" data-nimg="1" class="h-full w-auto" style="color:transparent" src="/logo-full.svg"/></a><figcaption class="mt-6 text-sm">Build together with the ultimate Markdown editor.</figcaption></figure><ul class="flex flex-wrap gap-6"><li class="min-w-40"><h4 class="mb-6 font-semibold opacity-40">Learning</h4><ul class="flex flex-col gap-4"><li><a href="https://hackmd.io/s/features/?utm_source=home&utm_medium=footer"><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">Features</span></a></li><li><a href="https://hackmd.io/c/tutorials/?utm_source=home&utm_medium=footer"><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">Tutorial book</span></a></li></ul></li><li class="min-w-40"><h4 class="mb-6 font-semibold opacity-40">Resources</h4><ul class="flex flex-col gap-4"><li><a href="/blog?utm_source=home&utm_medium=footer"><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">Blog</span></a></li><li><a href="/changelog?utm_source=home&utm_medium=footer"><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">Changelog</span></a></li><li><a href="/enterprise?utm_source=home&utm_medium=footer"><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">Enterprise</span></a></li><li><a href="/pricing?utm_source=home&utm_medium=footer"><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">Pricing</span></a></li><li><a href="https://hackmd.io/@docs/HackMD_API_Book/?utm_source=home&utm_medium=footer"><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">API</span></a></li></ul></li><li class="min-w-40"><h4 class="mb-6 font-semibold opacity-40">Company</h4><ul class="flex flex-col gap-4"><li><a href="/about?utm_source=home&utm_medium=footer"><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">About</span></a></li><li><a href="https://hackmd.io/s/press-kit/?utm_source=home&utm_medium=footer"><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">Press Kit</span></a></li><li><a href="https://trust.hackmd.io/?utm_source=home&utm_medium=footer"><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">Trust Center</span></a></li><li><a href="https://hackmd.io/s/terms/?utm_source=home&utm_medium=footer"><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">Terms of use</span></a></li><li><a href="https://hackmd.io/s/privacy/?utm_source=home&utm_medium=footer"><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">Privacy policy</span></a></li></ul></li></ul></section><section class="mt-12 flex flex-col items-center justify-between gap-x-2 gap-y-7 md:flex-row"><div><label class="relative inline-block w-[172px] text-text-default"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 256 256" class="absolute left-3 top-1/2 -translate-y-1/2 transform"><path d="M128,24h0A104,104,0,1,0,232,128,104.12,104.12,0,0,0,128,24Zm88,104a87.61,87.61,0,0,1-3.33,24H174.16a157.44,157.44,0,0,0,0-48h38.51A87.61,87.61,0,0,1,216,128ZM102,168H154a115.11,115.11,0,0,1-26,45A115.27,115.27,0,0,1,102,168Zm-3.9-16a140.84,140.84,0,0,1,0-48h59.88a140.84,140.84,0,0,1,0,48ZM40,128a87.61,87.61,0,0,1,3.33-24H81.84a157.44,157.44,0,0,0,0,48H43.33A87.61,87.61,0,0,1,40,128ZM154,88H102a115.11,115.11,0,0,1,26-45A115.27,115.27,0,0,1,154,88Zm52.33,0H170.71a135.28,135.28,0,0,0-22.3-45.6A88.29,88.29,0,0,1,206.37,88ZM107.59,42.4A135.28,135.28,0,0,0,85.29,88H49.63A88.29,88.29,0,0,1,107.59,42.4ZM49.63,168H85.29a135.28,135.28,0,0,0,22.3,45.6A88.29,88.29,0,0,1,49.63,168Zm98.78,45.6a135.28,135.28,0,0,0,22.3-45.6h35.66A88.29,88.29,0,0,1,148.41,213.6Z"></path></svg><select class="w-full appearance-none rounded border border-border-default bg-background-default py-2.5 pl-8 pr-10 hocus:border-element-border-hover hocus:bg-element-bg-hover hocus:text-white"><option value="en" selected="">English</option><option value="zh">中文</option><option value="ja">日本語</option></select><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 256 256" class="absolute right-3 top-1/2 -translate-y-1/2 transform"><path d="M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z"></path></svg></label></div><div class="flex justify-center gap-4"><a target="_blank" href="https://www.linkedin.com/company/hackmd"><button class="flex flex-row gap-1.5 justify-center items-center relative font-inter text-white rounded-full p-[15px] 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:100%"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" preserveAspectRatio="none" fill="none"><rect width="100%" height="100%" rx="100%" ry="100%" fill="url(#_R_96aqnmivb_)" mask="url(#_R_96aqnmivbH1_)"></rect><defs><mask id="_R_96aqnmivbH1_"><rect width="100%" height="100%" fill="white"></rect><rect x="1" y="1" rx="100%" ry="100%" width="100%" height="100%" fill="black"></rect></mask><linearGradient id="_R_96aqnmivb_" 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-full transition-opacity duration-100 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_h6aqnmivb_)" width="80" height="80"></rect><defs><linearGradient id="_R_h6aqnmivb_" 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><svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="currentColor" viewBox="0 0 256 256"><path d="M216,24H40A16,16,0,0,0,24,40V216a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V40A16,16,0,0,0,216,24ZM96,176a8,8,0,0,1-16,0V112a8,8,0,0,1,16,0ZM88,96a12,12,0,1,1,12-12A12,12,0,0,1,88,96Zm96,80a8,8,0,0,1-16,0V140a20,20,0,0,0-40,0v36a8,8,0,0,1-16,0V112a8,8,0,0,1,15.79-1.78A36,36,0,0,1,184,140Z"></path></svg></button></a><a target="_blank" href="https://x.com/hackmdio"><button class="flex flex-row gap-1.5 justify-center items-center relative font-inter text-white rounded-full p-[15px] 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:100%"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" preserveAspectRatio="none" fill="none"><rect width="100%" height="100%" rx="100%" ry="100%" fill="url(#_R_9aaqnmivb_)" mask="url(#_R_9aaqnmivbH1_)"></rect><defs><mask id="_R_9aaqnmivbH1_"><rect width="100%" height="100%" fill="white"></rect><rect x="1" y="1" rx="100%" ry="100%" width="100%" height="100%" fill="black"></rect></mask><linearGradient id="_R_9aaqnmivb_" 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-full transition-opacity duration-100 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_haaqnmivb_)" width="80" height="80"></rect><defs><linearGradient id="_R_haaqnmivb_" 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><svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="currentColor" viewBox="0 0 256 256"><path d="M215,219.85a8,8,0,0,1-7,4.15H160a8,8,0,0,1-6.75-3.71l-40.49-63.63L53.92,221.38a8,8,0,0,1-11.84-10.76l61.77-68L41.25,44.3A8,8,0,0,1,48,32H96a8,8,0,0,1,6.75,3.71l40.49,63.63,58.84-64.72a8,8,0,0,1,11.84,10.76l-61.77,67.95,62.6,98.38A8,8,0,0,1,215,219.85Z"></path></svg></button></a><a target="_blank" href="https://facebook.com/hackmdio"><button class="flex flex-row gap-1.5 justify-center items-center relative font-inter text-white rounded-full p-[15px] 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:100%"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" preserveAspectRatio="none" fill="none"><rect width="100%" height="100%" rx="100%" ry="100%" fill="url(#_R_9eaqnmivb_)" mask="url(#_R_9eaqnmivbH1_)"></rect><defs><mask id="_R_9eaqnmivbH1_"><rect width="100%" height="100%" fill="white"></rect><rect x="1" y="1" rx="100%" ry="100%" width="100%" height="100%" fill="black"></rect></mask><linearGradient id="_R_9eaqnmivb_" 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-full transition-opacity duration-100 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_heaqnmivb_)" width="80" height="80"></rect><defs><linearGradient id="_R_heaqnmivb_" 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><svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="currentColor" viewBox="0 0 256 256"><path d="M232,128a104.16,104.16,0,0,1-91.55,103.26,4,4,0,0,1-4.45-4V152h24a8,8,0,0,0,8-8.53,8.17,8.17,0,0,0-8.25-7.47H136V112a16,16,0,0,1,16-16h16a8,8,0,0,0,8-8.53A8.17,8.17,0,0,0,167.73,80H152a32,32,0,0,0-32,32v24H96a8,8,0,0,0-8,8.53A8.17,8.17,0,0,0,96.27,152H120v75.28a4,4,0,0,1-4.44,4A104.15,104.15,0,0,1,24.07,124.09c2-54,45.74-97.9,99.78-100A104.12,104.12,0,0,1,232,128Z"></path></svg></button></a><a target="_blank" href="https://discord.gg/yDw3AJbmwx"><button class="flex flex-row gap-1.5 justify-center items-center relative font-inter text-white rounded-full p-[15px] 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:100%"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" preserveAspectRatio="none" fill="none"><rect width="100%" height="100%" rx="100%" ry="100%" fill="url(#_R_9iaqnmivb_)" mask="url(#_R_9iaqnmivbH1_)"></rect><defs><mask id="_R_9iaqnmivbH1_"><rect width="100%" height="100%" fill="white"></rect><rect x="1" y="1" rx="100%" ry="100%" width="100%" height="100%" fill="black"></rect></mask><linearGradient id="_R_9iaqnmivb_" 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-full transition-opacity duration-100 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_hiaqnmivb_)" width="80" height="80"></rect><defs><linearGradient id="_R_hiaqnmivb_" 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><svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="currentColor" viewBox="0 0 256 256"><path d="M247.51,174.39,218,58a16.08,16.08,0,0,0-13-11.88l-36.06-5.92a16.22,16.22,0,0,0-18.26,11.88l-.21.85a4,4,0,0,0,3.27,4.93,155.62,155.62,0,0,1,24.41,5.62,8.2,8.2,0,0,1,5.62,9.7,8,8,0,0,1-10.19,5.64,155.4,155.4,0,0,0-90.8-.1,8.22,8.22,0,0,1-10.28-4.81,8,8,0,0,1,5.08-10.33,156.85,156.85,0,0,1,24.72-5.72,4,4,0,0,0,3.27-4.93l-.21-.85A16.21,16.21,0,0,0,87.08,40.21L51,46.13A16.08,16.08,0,0,0,38,58L8.49,174.39a15.94,15.94,0,0,0,9.06,18.51l67,29.71a16.17,16.17,0,0,0,21.71-9.1l3.49-9.45a4,4,0,0,0-3.27-5.35,158.13,158.13,0,0,1-28.63-6.2,8.2,8.2,0,0,1-5.61-9.67,8,8,0,0,1,10.2-5.66,155.59,155.59,0,0,0,91.12,0,8,8,0,0,1,10.19,5.65,8.19,8.19,0,0,1-5.61,9.68,157.84,157.84,0,0,1-28.62,6.2,4,4,0,0,0-3.27,5.35l3.49,9.45a16.18,16.18,0,0,0,21.71,9.1l67-29.71A15.94,15.94,0,0,0,247.51,174.39ZM92,152a12,12,0,1,1,12-12A12,12,0,0,1,92,152Zm72,0a12,12,0,1,1,12-12A12,12,0,0,1,164,152Z"></path></svg></button></a></div></section><div class="mt-10 h-[1px] bg-border-default"></div><section class="py-6 text-center"><small class="text-sm opacity-60 leading-sm">© <!-- -->2026<!-- --> HackMD. All Rights Reserved.</small></section></div></footer></main><!--$--><!--/$--><script src="/_next/static/chunks/d5c79332a1584318.js" id="_R_" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[81547,[\"/_next/static/chunks/5f61266cc010ad33.js\",\"/_next/static/chunks/b53512c697a241ee.js\"],\"default\"]\n3:I[16937,[\"/_next/static/chunks/5f61266cc010ad33.js\",\"/_next/static/chunks/b53512c697a241ee.js\"],\"default\"]\n6:I[9659,[\"/_next/static/chunks/5f61266cc010ad33.js\",\"/_next/static/chunks/b53512c697a241ee.js\"],\"OutletBoundary\"]\n7:\"$Sreact.suspense\"\n9:I[9659,[\"/_next/static/chunks/5f61266cc010ad33.js\",\"/_next/static/chunks/b53512c697a241ee.js\"],\"ViewportBoundary\"]\nb:I[9659,[\"/_next/static/chunks/5f61266cc010ad33.js\",\"/_next/static/chunks/b53512c697a241ee.js\"],\"MetadataBoundary\"]\nd:I[87735,[\"/_next/static/chunks/5f61266cc010ad33.js\",\"/_next/static/chunks/b53512c697a241ee.js\"],\"default\"]\ne:I[45678,[\"/_next/static/chunks/79164d74d07c8aa2.js\",\"/_next/static/chunks/be1d781b53904caa.js\",\"/_next/static/chunks/c16b3dec3847a615.js\",\"/_next/static/chunks/41d714fa11a5f3a3.js\",\"/_next/static/chunks/77aa8de66231a6fb.js\"],\"Navbar\"]\n17:I[60084,[\"/_next/static/chunks/79164d74d07c8aa2.js\",\"/_next/static/chunks/be1d781b53904caa.js\",\"/_next/static/chunks/c16b3dec3847a615.js\",\"/_next/static/chunks/41d714fa11a5f3a3.js\",\"/_next/static/chunks/77aa8de66231a6fb.js\"],\"Image\"]\n25:I[16842,[\"/_next/static/chunks/79164d74d07c8aa2.js\",\"/_next/static/chunks/be1d781b53904caa.js\",\"/_next/static/chunks/c16b3dec3847a615.js\",\"/_next/static/chunks/41d714fa11a5f3a3.js\",\"/_next/static/chunks/77aa8de66231a6fb.js\"],\"LocaleSelect\"]\n2a:I[58839,[\"/_next/static/chunks/79164d74d07c8aa2.js\",\"/_next/static/chunks/be1d781b53904caa.js\",\"/_next/static/chunks/c16b3dec3847a615.js\",\"/_next/static/chunks/41d714fa11a5f3a3.js\",\"/_next/static/chunks/77aa8de66231a6fb.js\"],\"FeatureSlides\"]\n2b:I[87471,[\"/_next/static/chunks/79164d74d07c8aa2.js\",\"/_next/static/chunks/be1d781b53904caa.js\",\"/_next/static/chunks/c16b3dec3847a615.js\",\"/_next/static/chunks/41d714fa11a5f3a3.js\",\"/_next/static/chunks/77aa8de66231a6fb.js\"],\"LogoCarouselClient\"]\n2c:I[30219,[\"/_next/static/chunks/79164d74d07c8aa2.js\",\"/_next/static/chunks/be1d781b53904caa.js\",\"/_next/static/chunks/c16b3dec3847a615.js\",\"/_next/static/chunks/41d714fa11a5f3a3.js\",\"/_next/static/chunks/77aa8de66231a6fb.js\"],\"Button\"]\n2e:I[43810,[\"/_next/static/chunks/79164d74d07c8aa2.js\",\"/_next/static/chunks/be1d781b53904caa.js\",\"/_next/static/chunks/c16b3dec3847a615.js\",\"/_next/static/chunks/41d714fa11a5f3a3.js\",\"/_next/static/chunks/77aa8de66231a6fb.js\"],\"LabelAnimation\"]\n2f:I[51437,[\"/_next/static/chunks/79164d74d07c8aa2.js\",\"/_next/static/chunks/be1d781b53904caa.js\",\"/_next/static/chunks/c16b3dec3847a615.js\",\"/_next/static/chunks/41d714fa11a5f3a3.js\",\"/_next/static/chunks/77aa8de66231a6fb.js\"],\"EmailInput\"]\n30:I[99879,[\"/_next/static/chunks/79164d74d07c8aa2.js\",\"/_next/static/chunks/be1d781b53904caa.js\"],\"Plausible\"]\n32:I[11015,[\"/_next/static/chunks/79164d74d07c8aa2.js\",\"/_next/static/chunks/be1d781b53904caa.js\"],\"CookieConsentClient\"]\n33:I[39162,[\"/_next/static/chunks/79164d74d07c8aa2.js\",\"/_next/static/chunks/be1d781b53904caa.js\"],\"GoogleTagManager\"]\n34:I[57802,[\"/_next/static/chunks/79164d74d07c8aa2.js\",\"/_next/static/chunks/be1d781b53904caa.js\",\"/_next/static/chunks/c16b3dec3847a615.js\",\"/_next/static/chunks/41d714fa11a5f3a3.js\",\"/_next/static/chunks/77aa8de66231a6fb.js\"],\"default\"]\n35:I[65022,[\"/_next/static/chunks/79164d74d07c8aa2.js\",\"/_next/static/chunks/be1d781b53904caa.js\"],\"default\"]\n:HL[\"/_next/static/chunks/a4d44b71c308de05.css\",\"style\"]\n:HL[\"/_next/static/chunks/ab94802ba5ab4af4.css\",\"style\"]\n:HL[\"/_next/static/media/2f13ad8e538108e0-s.p.9b936cf7.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/83afe278b6a6bb3c-s.p.3a6ba036.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/890431f0a0104557-s.p.2aa14085.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/948603995becd211-s.p.15946141.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/e8f2fbee2754df70-s.p.9b7a96b4.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/chunks/786710bc80ba0dc8.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"Y48yHO76RJRXzFqNeyq91\",\"c\":[\"\",\"robots.txt\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[[\"locale\",\"robots.txt\",\"d\"],{\"children\":[\"__PAGE__\",{}]},\"$undefined\",\"$undefined\",true]}],[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/a4d44b71c308de05.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/ab94802ba5ab4af4.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/79164d74d07c8aa2.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/be1d781b53904caa.js\",\"async\":true,\"nonce\":\"$undefined\"}]],\"$L4\"]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[\"$L5\",[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/786710bc80ba0dc8.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/c16b3dec3847a615.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/41d714fa11a5f3a3.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/77aa8de66231a6fb.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$L6\",null,{\"children\":[\"$\",\"$7\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@8\"}]}]]}],{},null,false,false]},null,false,false]},null,false,false],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$L9\",null,{\"children\":\"$@a\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$Lb\",null,{\"children\":[\"$\",\"$7\",null,{\"name\":\"Next.Metadata\",\"children\":\"$@c\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$d\",[]],\"S\":false}\n"])</script><script>self.__next_f.push([1,"5:[\"$\",\"main\",null,{\"className\":\"flex min-h-screen flex-col bg-zinc-900 text-white\",\"children\":[null,[\"$\",\"$Le\",null,{\"className\":\"fixed top-0 z-50\",\"hasLogin\":false,\"csrf\":\"q8nZBgdY-Fk0ehChJrlK_apymhltx8Km29Eo\",\"utmSource\":\"home\",\"utmMedium\":\"nav-bar\",\"peSignIn\":\"HomeHeaderSignin\",\"peSignUp\":\"HomeSignupHeader\",\"peSignUpComplete\":\"HomeSignupCompleted\"}],\"$Lf\",\"$L10\",\"$L11\",\"$L12\",\"$L13\",[\"$\",\"div\",null,{\"className\":\"mx-auto px-6 py-4\",\"children\":[\"$\",\"svg\",null,{\"width\":\"100%\",\"height\":\"2\",\"viewBox\":\"0 0 230 2\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"preserveAspectRatio\":\"none\",\"className\":\"w-[320px] max-w-full\",\"children\":[[\"$\",\"path\",null,{\"opacity\":\"0.4\",\"d\":\"M0 1H230\",\"stroke\":\"url(#paint0_radial_119_49)\"}],[\"$\",\"defs\",null,{\"children\":[\"$\",\"radialGradient\",null,{\"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)\",\"children\":[[\"$\",\"stop\",null,{\"stopColor\":\"#AEAEC1\"}],[\"$\",\"stop\",null,{\"offset\":\"1\",\"stopColor\":\"#3C3C4C\",\"stopOpacity\":\"0.74\"}]]}]}]]}]}],\"$L14\",\"$L15\",\"$L16\"]}]\n"])</script><script>self.__next_f.push([1,"10:[\"$\",\"div\",null,{\"className\":\"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]\",\"children\":[[\"$\",\"span\",null,{\"className\":\"relative w-full max-w-[760px]\",\"children\":[[\"$\",\"$L17\",null,{\"width\":42,\"height\":42,\"src\":\"/quote-alt.svg\",\"alt\":\"quote image top left\",\"className\":\"absolute left-0 top-0 mt-[-13px]\"}],[\"$\",\"h6\",null,{\"ref\":\"$undefined\",\"className\":\"text-h6 leading-h6 font-readex-pro relative z-[1] font-normal text-white\",\"children\":\"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!\"}],false,[\"$\",\"$L17\",null,{\"width\":42,\"height\":42,\"src\":\"/quote-alt.svg\",\"alt\":\"quote image top left\",\"className\":\"absolute bottom-0 right-0 mb-[-8px] rotate-180\"}]]}],[\"$\",\"span\",null,{\"className\":\"flex flex-col items-center gap-2.5 md:flex-row md:gap-4\",\"children\":[[\"$\",\"$L17\",null,{\"width\":\"0\",\"height\":\"0\",\"sizes\":\"100vw\",\"className\":\"h-full w-auto\",\"src\":\"/logos/ETH_full.svg\",\"alt\":\"ETH_logo\"}],[\"$\",\"span\",null,{\"className\":\"flex flex-col items-center text-sm leading-sm md:items-start\",\"children\":[[\"$\",\"span\",null,{\"className\":\"font-semibold\",\"children\":\"Tim Beiko,\"}],[\"$\",\"span\",null,{\"children\":\"Ethereum Foundation\"}]]}]]}]]}]\n"])</script><script>self.__next_f.push([1,"13:[\"$\",\"div\",null,{\"className\":\"flex flex-col items-center justify-center gap-7 px-6 py-12\",\"children\":[[\"$\",\"span\",null,{\"className\":\"relative w-full max-w-[760px]\",\"children\":[[\"$\",\"$L17\",null,{\"width\":42,\"height\":42,\"src\":\"/quote-alt.svg\",\"alt\":\"quote image top left\",\"className\":\"absolute left-0 top-0 mt-[-13px]\"}],\"$undefined\",[\"$\",\"h3\",null,{\"ref\":\"$undefined\",\"className\":\"text-h3 leading-h3 font-readex-pro relative z-[1] text-center font-normal text-white\",\"children\":\"HackMD's simple interface allows novice members to get started quickly.\"}],[\"$\",\"$L17\",null,{\"width\":42,\"height\":42,\"src\":\"/quote-alt.svg\",\"alt\":\"quote image top left\",\"className\":\"absolute bottom-0 right-0 mb-[-8px] rotate-180\"}]]}],[\"$\",\"span\",null,{\"className\":\"flex flex-col items-center gap-2.5 md:flex-row md:gap-4\",\"children\":[[\"$\",\"$L17\",null,{\"width\":\"0\",\"height\":\"0\",\"sizes\":\"100vw\",\"className\":\"h-full w-auto\",\"src\":\"/logos/SCIST.svg\",\"alt\":\"SCIST_logo\"}],[\"$\",\"span\",null,{\"className\":\"flex w-full max-w-[205px] flex-col items-center text-center text-sm leading-sm md:items-start md:text-left\",\"children\":\"Students' Community of Information in Southern Taiwan\"}]]}]]}]\n"])</script><script>self.__next_f.push([1,"16:[\"$\",\"footer\",null,{\"className\":\"bg-background-default px-6 pt-14 text-white\",\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"section\",null,{\"className\":\"flex flex-wrap justify-between gap-x-2 gap-y-9\",\"children\":[[\"$\",\"figure\",null,{\"children\":[\"$L18\",[\"$\",\"figcaption\",null,{\"className\":\"mt-6 text-sm\",\"children\":\"Build together with the ultimate Markdown editor.\"}]]}],[\"$\",\"ul\",null,{\"className\":\"flex flex-wrap gap-6\",\"children\":[[\"$\",\"li\",\"learning\",{\"className\":\"min-w-40\",\"children\":[[\"$\",\"h4\",null,{\"className\":\"mb-6 font-semibold opacity-40\",\"children\":\"Learning\"}],[\"$\",\"ul\",null,{\"className\":\"flex flex-col gap-4\",\"children\":[[\"$\",\"li\",\"features\",{\"children\":\"$L19\"}],[\"$\",\"li\",\"tutorial-book\",{\"children\":\"$L1a\"}]]}]]}],[\"$\",\"li\",\"resources\",{\"className\":\"min-w-40\",\"children\":[[\"$\",\"h4\",null,{\"className\":\"mb-6 font-semibold opacity-40\",\"children\":\"Resources\"}],[\"$\",\"ul\",null,{\"className\":\"flex flex-col gap-4\",\"children\":[[\"$\",\"li\",\"blog\",{\"children\":\"$L1b\"}],[\"$\",\"li\",\"changelog\",{\"children\":\"$L1c\"}],[\"$\",\"li\",\"enterprise\",{\"children\":\"$L1d\"}],[\"$\",\"li\",\"pricing\",{\"children\":\"$L1e\"}],[\"$\",\"li\",\"api\",{\"children\":\"$L1f\"}]]}]]}],[\"$\",\"li\",\"company\",{\"className\":\"min-w-40\",\"children\":[[\"$\",\"h4\",null,{\"className\":\"mb-6 font-semibold opacity-40\",\"children\":\"Company\"}],[\"$\",\"ul\",null,{\"className\":\"flex flex-col gap-4\",\"children\":[[\"$\",\"li\",\"about\",{\"children\":\"$L20\"}],[\"$\",\"li\",\"press-kit\",{\"children\":\"$L21\"}],[\"$\",\"li\",\"trust-center\",{\"children\":\"$L22\"}],[\"$\",\"li\",\"terms-of-use\",{\"children\":\"$L23\"}],[\"$\",\"li\",\"privacy-policy\",{\"children\":\"$L24\"}]]}]]}]]}]]}],[\"$\",\"section\",null,{\"className\":\"mt-12 flex flex-col items-center justify-between gap-x-2 gap-y-7 md:flex-row\",\"children\":[[\"$\",\"div\",null,{\"children\":[\"$\",\"$L25\",null,{}]}],[\"$\",\"div\",null,{\"className\":\"flex justify-center gap-4\",\"children\":[\"$L26\",\"$L27\",\"$L28\",\"$L29\"]}]]}],[\"$\",\"div\",null,{\"className\":\"mt-10 h-[1px] bg-border-default\"}],[\"$\",\"section\",null,{\"className\":\"py-6 text-center\",\"children\":[\"$\",\"small\",null,{\"className\":\"text-sm opacity-60 leading-sm\",\"children\":[\"© \",2026,\" HackMD. All Rights Reserved.\"]}]}]]}]}]\n"])</script><script>self.__next_f.push([1,"11:[\"$\",\"div\",null,{\"className\":\"flex flex-col items-center justify-start gap-8 px-6 pb-8 pt-12 md:gap-12 md:py-20\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative w-full max-w-[956px]\",\"children\":[[\"$\",\"span\",null,{\"className\":\"absolute left-[-30px] top-[-40px] z-0 overflow-hidden opacity-[28%] md:opacity-60\",\"children\":[\"$\",\"svg\",null,{\"width\":\"84\",\"height\":\"123\",\"viewBox\":\"0 0 84 123\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"children\":[[\"$\",\"path\",null,{\"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\",\"className\":\"fill-[#696CB3] md:fill-[url(#paint0_linear_2209_19759)]\"}],[\"$\",\"defs\",null,{\"children\":[\"$\",\"linearGradient\",null,{\"id\":\"paint0_linear_2209_19759\",\"x1\":\"42\",\"y1\":\"0\",\"x2\":\"42\",\"y2\":\"123\",\"gradientUnits\":\"userSpaceOnUse\",\"children\":[[\"$\",\"stop\",null,{\"stopColor\":\"#3D3886\"}],[\"$\",\"stop\",null,{\"offset\":\"1\",\"stopColor\":\"#332B46\"}]]}]}]]}]}],[\"$\",\"h2\",null,{\"ref\":\"$undefined\",\"className\":\"text-h2 leading-h2 font-readex-pro font-semibold relative z-[1] max-w-[662px] text-headline-gradient\",\"children\":\"Accelerate innovation, foster community, and supercharge collaboration with your go-to Markdown editor.\"}]]}],[\"$\",\"$L2a\",null,{}]]}]\n"])</script><script>self.__next_f.push([1,"12:[\"$\",\"div\",null,{\"className\":\"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]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-center gap-2 text-center\",\"children\":[[\"$\",\"h2\",null,{\"ref\":\"$undefined\",\"className\":\"text-h2 leading-h2 font-readex-pro font-semibold text-headline-gradient\",\"children\":\"Millions build with HackMD's Markdown editor every day\"}],[\"$\",\"span\",null,{\"ref\":\"$undefined\",\"className\":\"text-body leading-body font-inter font-normal\",\"children\":\"Powering teams around the world, from next-generation startups to established institutions.\"}]]}],[\"$\",\"div\",null,{\"className\":\"flex w-full flex-col gap-0.5 items-center justify-center\",\"children\":[[\"$\",\"$L2b\",\"0\",{\"direction\":\"left\",\"images\":[{\"src\":\"/logos/Arweave logomark.png\",\"height\":31.18,\"mobileHeight\":21.64},{\"src\":\"/logos/Avalanche_Horizontal_White.png\",\"height\":34.4,\"mobileHeight\":24.08},{\"src\":\"/logos/Base_Wordmark_White.png\",\"height\":26.4,\"mobileHeight\":18.48},{\"src\":\"/logos/Blockfuse_L2.png\",\"height\":42,\"mobileHeight\":29.4},{\"src\":\"/logos/Bokeh Logo Inverted.png\",\"height\":26.4,\"mobileHeight\":18.48},{\"src\":\"/logos/Brown.png\",\"height\":60,\"mobileHeight\":42},{\"src\":\"/logos/ContinuousFoundation_logo.png\",\"height\":52,\"mobileHeight\":36.4},{\"src\":\"/logos/DevOpsDays.png\",\"height\":31.2,\"mobileHeight\":21.84},{\"src\":\"/logos/ETH.png\",\"height\":48.8,\"mobileHeight\":34.16},{\"src\":\"/logos/brightid.svg\",\"height\":40,\"mobileHeight\":28},{\"src\":\"/logos/openjs-foundation-logo-horizontal-white.svg\",\"height\":40,\"mobileHeight\":28}]}],[\"$\",\"$L2b\",\"1\",{\"direction\":\"right\",\"images\":[{\"src\":\"/logos/g0v.png\",\"height\":44,\"mobileHeight\":30.8},{\"src\":\"/logos/GenerativeAI_logo.png\",\"height\":33.6,\"mobileHeight\":23.52},{\"src\":\"/logos/Lido.png\",\"height\":32.8,\"mobileHeight\":22.96},{\"src\":\"/logos/Rust_logo.png\",\"height\":44,\"mobileHeight\":30.8},{\"src\":\"/logos/Scipy-logo.png\",\"height\":44,\"mobileHeight\":30.8},{\"src\":\"/logos/Sitcon.png\",\"height\":44,\"mobileHeight\":30.8},{\"src\":\"/logos/Slice Wordmark.png\",\"height\":32.8,\"mobileHeight\":22.96},{\"src\":\"/logos/SN-Linear-Flat colour.png\",\"height\":47.2,\"mobileHeight\":33.04},{\"src\":\"/logos/TheMeeFoundation_logo.png\",\"height\":37.6,\"mobileHeight\":26.32},{\"src\":\"/logos/Updraft.png\",\"height\":42,\"mobileHeight\":29.4}]}]]}]]}]\n"])</script><script>self.__next_f.push([1,"14:[\"$\",\"div\",null,{\"className\":\"px-6 pb-6 pt-12 md:py-16\",\"children\":[\"$\",\"div\",null,{\"className\":\"mx-auto flex w-fit max-w-full flex-col gap-9\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex w-full max-w-[466px] flex-col items-start gap-2.5\",\"children\":[[\"$\",\"h1\",null,{\"ref\":\"$undefined\",\"className\":\"text-h1 leading-h1 font-readex-pro font-semibold text-headline-gradient\",\"children\":\"Join a global movement\"}],[\"$\",\"span\",null,{\"ref\":\"$undefined\",\"className\":\"text-body leading-body font-inter font-normal\",\"children\":\"Our vibrant Markdown community is researching the next breakthrough, spearheading decentralization, and growing communities around the world.\"}],[\"$\",\"$L2c\",null,{\"variant\":\"tertiary\",\"subVariant\":\"right\",\"className\":\"hidden md:flex\",\"as\":\"a\",\"href\":\"/solutions?utm_source=home\u0026utm_medium=Global-Movement\",\"children\":\"Learn more\"}]]}],[\"$\",\"div\",null,{\"className\":\"grid max-w-full grid-cols-2 gap-3 md:flex md:flex-row md:gap-4\",\"children\":[[\"$\",\"div\",\"0\",{\"className\":\"flex w-full flex-row items-center justify-center py-7 corner-radius-md md:w-[270px] bg-[linear-gradient(146.52deg,rgba(82,75,190,0.25)_10.54%,rgba(25,31,80,0.25)_80.09%)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col text-center\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex flex-row items-center justify-center\",\"children\":[[\"$\",\"span\",null,{\"ref\":\"$undefined\",\"className\":\"font-semibold text-number-title leading-[120%] tracking-[-2.2%] bg-clip-text [-webkit-background-clip:text] [-webkit-text-fill-color:transparent] bg-[linear-gradient(145.75deg,#786FFA_17.48%,#1E1B3F_94.69%)]\",\"children\":\"1m\"}],[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":26,\"height\":26,\"fill\":\"currentColor\",\"viewBox\":\"0 0 256 256\",\"transform\":\"$undefined\",\"className\":\"text-white opacity-70\",\"children\":[false,\"$undefined\",[\"$\",\"path\",null,{\"d\":\"M228,128a12,12,0,0,1-12,12H140v76a12,12,0,0,1-24,0V140H40a12,12,0,0,1,0-24h76V40a12,12,0,0,1,24,0v76h76A12,12,0,0,1,228,128Z\"}]]}]]}],[\"$\",\"span\",null,{\"ref\":\"$undefined\",\"className\":\"text-white opacity-80 text-number-subtitle leading-lg\",\"children\":\"Users\"}]]}]}],[\"$\",\"div\",\"1\",{\"className\":\"flex w-full flex-row items-center justify-center py-7 corner-radius-md md:w-[270px] bg-[linear-gradient(146.52deg,rgba(82,75,190,0.25)_10.54%,rgba(25,31,80,0.25)_80.09%)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col text-center\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex flex-row items-center justify-center\",\"children\":[[\"$\",\"span\",null,{\"ref\":\"$undefined\",\"className\":\"font-semibold text-number-title leading-[120%] tracking-[-2.2%] bg-clip-text [-webkit-background-clip:text] [-webkit-text-fill-color:transparent] bg-[linear-gradient(145.75deg,#786FFA_17.48%,#1E1B3F_94.69%)]\",\"children\":\"30k\"}],[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":26,\"height\":26,\"fill\":\"currentColor\",\"viewBox\":\"0 0 256 256\",\"transform\":\"$undefined\",\"className\":\"text-white opacity-70\",\"children\":[false,\"$undefined\",\"$14:props:children:props:children:1:props:children:0:props:children:props:children:0:props:children:1:props:children:2\"]}]]}],[\"$\",\"span\",null,{\"ref\":\"$undefined\",\"className\":\"text-white opacity-80 text-number-subtitle leading-lg\",\"children\":\"Teams\"}]]}]}],[\"$\",\"div\",\"2\",{\"className\":\"flex w-full flex-row items-center justify-center py-7 corner-radius-md md:w-[270px] bg-[linear-gradient(146.52deg,rgba(82,75,190,0.25)_10.54%,rgba(25,31,80,0.25)_80.09%)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col text-center\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex flex-row items-center justify-center\",\"children\":[[\"$\",\"span\",null,{\"ref\":\"$undefined\",\"className\":\"font-semibold text-number-title leading-[120%] tracking-[-2.2%] bg-clip-text [-webkit-background-clip:text] [-webkit-text-fill-color:transparent] bg-[linear-gradient(145.75deg,#786FFA_17.48%,#1E1B3F_94.69%)]\",\"children\":\"170\"}],[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":26,\"height\":26,\"fill\":\"currentColor\",\"viewBox\":\"0 0 256 256\",\"transform\":\"$undefined\",\"className\":\"text-white opacity-70\",\"children\":[false,\"$undefined\",\"$14:props:children:props:children:1:props:children:0:props:children:props:children:0:props:children:1:props:children:2\"]}]]}],[\"$\",\"span\",null,{\"ref\":\"$undefined\",\"className\":\"text-white opacity-80 text-number-subtitle leading-lg\",\"children\":\"Countries represented\"}]]}]}],\"$L2d\"]}]]}]}]\n"])</script><script>self.__next_f.push([1,"15:[\"$\",\"div\",null,{\"className\":\"px-6 pb-12 pt-8 md:pt-6\",\"children\":[\"$\",\"div\",null,{\"className\":\"px-6 py-12 corner-radius-lg md:py-20 flex w-full flex-col items-center justify-center gap-10 md:gap-9 bg-cover bg-center bg-no-repeat bg-[url(\\\"/bg-gradient-light-purple-square.svg\\\")] md:bg-[url(\\\"/bg-gradient-light-purple-rectangle.svg\\\")]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-3 text-center md:gap-2\",\"children\":[[\"$\",\"span\",null,{\"ref\":\"$undefined\",\"className\":\"text-headline leading-headline font-readex-pro font-semibold tracking-[-2px] text-headline-gradient-horizontal\",\"children\":\"Get started for free\"}],[\"$\",\"span\",null,{\"ref\":\"$undefined\",\"className\":\"text-lg leading-lg font-inter font-normal opacity-80\",\"children\":\"Play around with it first. Pay and add your team later.\"}]]}],[\"$\",\"$L2c\",null,{\"variant\":\"primary\",\"subVariant\":\"white\",\"as\":\"a\",\"href\":\"https://hackmd.io/join?signup-event=HomeSignupCompleted\",\"className\":\"plausible-event-name=HomeSignupEndpage z-0\",\"children\":\"Get started for free\"}]]}]}]\n"])</script><script>self.__next_f.push([1,"f:[\"$\",\"section\",null,{\"className\":\"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\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-center gap-4 px-6 md:gap-[21px]\",\"children\":[[\"$\",\"span\",null,{\"ref\":\"$undefined\",\"className\":\"text-headline leading-headline font-readex-pro font-semibold tracking-[-2px] text-headline-gradient\",\"children\":\"Build together with Markdown\"}],[\"$\",\"h3\",null,{\"ref\":\"$undefined\",\"className\":\"text-h3 leading-h3 font-readex-pro font-normal text-[#CAD0EF]\",\"children\":[\"Real-time collaboration for \",[\"$\",\"$L2e\",\"targets0\",{\"className\":\"text-lg leading-[135%]\",\"textes\":[{\"text\":\"team\",\"className\":\"font-inter text-[#FFE457]\"},{\"text\":\"personal\",\"className\":\"font-roboto-mono text-[#4AFFDE] font-bold\"},{\"text\":\"technical\",\"className\":\"font-inter italic text-white\"},{\"text\":\"research\",\"className\":\"font-inter font-semibold text-[#FCE779]\"},{\"text\":\"educational\",\"className\":\"font-inter font-regular text-white\"},{\"text\":\"web3\",\"className\":\"font-zendots text-[#7E7BFF]\"},{\"text\":\"community\",\"className\":\"font-montserrat font-semibold text-[#FF55A7]\"}]}],\" documentation in Markdown\"]}]]}],[\"$\",\"$L2f\",null,{\"actionClassName\":\"plausible-event-name=HomeSignupHero\"}],[\"$\",\"section\",null,{\"className\":\"h-[calc(100dvw/16*9-30px)] overflow-hidden md:h-[490px] md:max-h-[490px] relative flex w-full items-center justify-center\",\"children\":[[\"$\",\"video\",null,{\"className\":\"absolute top-0 h-auto md:h-[540px]\",\"autoPlay\":true,\"muted\":true,\"loop\":true,\"playsInline\":true,\"children\":[[\"$\",\"source\",null,{\"src\":\"/videos/HeroAnimation-1080.webm\",\"media\":\"(min-width: 768px)\"}],[\"$\",\"source\",null,{\"src\":\"/videos/HeroAnimation-720.webm\"}],[\"$\",\"source\",null,{\"src\":\"/videos/HeroAnimationFallback.png\"}],\"I'm sorry; your browser doesn't support HTML video.\"]}],false]}]]}]\n"])</script><script>self.__next_f.push([1,"4:[\"$\",\"html\",null,{\"className\":\"scroll-smooth\",\"lang\":\"robots.txt\",\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"link\",null,{\"rel\":\"icon\",\"href\":\"/favicon.svg\"}],[\"$\",\"$L30\",null,{}],[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@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\\\"]}\"}}]]}],[\"$\",\"body\",null,{\"className\":\"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\",\"children\":[\"$L31\",[\"$\",\"$L32\",null,{\"analytics\":[\"$\",\"$L33\",null,{\"gtmId\":\"GTM-KLW9Z3\"}]}],\"\"]}]]}]\n2d:[\"$\",\"div\",\"3\",{\"className\":\"flex w-full flex-row items-center justify-center py-7 corner-radius-md md:w-[270px] bg-[linear-gradient(146.52deg,rgba(82,75,190,0.25)_10.54%,rgba(25,31,80,0.25)_80.09%)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col text-center\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex flex-row items-center justify-center\",\"children\":[[\"$\",\"span\",null,{\"ref\":\"$undefined\",\"className\":\"font-semibold text-number-title leading-[120%] tracking-[-2.2%] bg-clip-text [-webkit-background-clip:text] [-webkit-text-fill-color:transparent] bg-[linear-gradient(145.75deg,#786FFA_17.48%,#1E1B3F_94.69%)]\",\"children\":\"7.7m\"}],[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":26,\"height\":26,\"fill\":\"currentColor\",\"viewBox\":\"0 0 256 256\",\"transform\":\"$undefined\",\"className\":\"text-white opacity-70\",\"children\":[false,\"$undefined\",\"$14:props:children:props:children:1:props:children:0:props:children:props:children:0:props:children:1:props:children:2\"]}]]}],[\"$\",\"span\",null,{\"ref\":\"$undefined\",\"className\":\"text-white opacity-80 text-number-subtitle leading-lg\",\"children\":\"Notes created\"}]]}]}]\n18:[\"$\",\"$L34\",null,{\"ref\":\"$undefined\",\"href\":\"/\",\"locale\":\"$undefined\",\"localeCookie\":{\"name\":\"NEXT_LOCALE\",\"sameSite\":\"lax\"},\"className\":\"inline-flex h-10\",\"children\":[\"$\",\"$L17\",null,{\"width\":\"0\",\"height\":\"0\",\"sizes\":\"100vw\",\"className\":\"h-full w-auto\",\"src\":\"/logo-full.svg\",\"alt\":\"HackMD Logo\"}]}]\n19:[\"$\",\"$L34\",null,{\"ref\":\"$undefined\",\"href\":\"https://hackmd.io/s/features/?utm_source=home\u0026utm_medium=footer\",\"locale\":\"$undefined\",\"localeCookie\":\"$18:props:localeCookie\",\"children\":[\"$\",\"$L2c\",null,{\"variant\":\"link\",\"as\":\"span\",\"className\":\"justify-start\",\"children\":\"Features\"}]}]\n1a:[\"$\",\"$L34\",null,{\"ref\":\"$undefined\",\"href\":\"https://hackmd.io/c/tutorials/?utm_source=home\u0026utm_medium=footer\",\"locale\":\"$undefined\",\"localeCookie\":\"$18:props:localeCookie\",\"children\":[\"$\",\"$L2c\",null,{\"variant\":\"link\",\"as\":\"span\",\"className\":\"justify-start\",\"children\":\"Tutorial book\"}]}]\n1b:[\"$\",\"$L34\",null,{\"ref\":\"$undefined\",\"href\":\"/blog/?utm_source=home\u0026utm_medium=footer\",\"locale\":\"$undefined\",\"localeCookie\":\"$18:props:localeCookie\",\"children\":[\"$\",\"$L2c\",null,{\"variant\":\"link\",\"as\":\"span\",\"className\":\"justify-start\",\"children\":\"Blog\"}]}]\n1c:[\"$\",\"$L34\",null,{\"ref\":\"$undefined\",\"href\":\"/changelog/?utm_source=home\u0026utm_medium=footer\",\"locale\":\"$undefined\",\"localeCookie\":\"$18:props:localeCookie\",\"children\":[\"$\",\"$L2c\",null,{\"variant\":\"link\",\"as\":\"span\",\"className\":\"justify-start\",\"children\":\"Changelog\"}]}]\n1d:[\"$\",\"$L34\",null,{\"ref\":\"$undefined\",\"href\":\"/enterprise/?utm_source=home\u0026utm_medium=footer\",\"locale\":\"$undefined\",\"localeCookie\":\"$18:props:localeCookie\",\"children\":[\"$\",\"$L2c\",null,{\"variant\":\"link\",\"as\":\"span\",\"className\":\"justify-start\",\"children\":\"Enterprise"])</script><script>self.__next_f.push([1,"\"}]}]\n1e:[\"$\",\"$L34\",null,{\"ref\":\"$undefined\",\"href\":\"/pricing/?utm_source=home\u0026utm_medium=footer\",\"locale\":\"$undefined\",\"localeCookie\":\"$18:props:localeCookie\",\"children\":[\"$\",\"$L2c\",null,{\"variant\":\"link\",\"as\":\"span\",\"className\":\"justify-start\",\"children\":\"Pricing\"}]}]\n1f:[\"$\",\"$L34\",null,{\"ref\":\"$undefined\",\"href\":\"https://hackmd.io/@docs/HackMD_API_Book/?utm_source=home\u0026utm_medium=footer\",\"locale\":\"$undefined\",\"localeCookie\":\"$18:props:localeCookie\",\"children\":[\"$\",\"$L2c\",null,{\"variant\":\"link\",\"as\":\"span\",\"className\":\"justify-start\",\"children\":\"API\"}]}]\n20:[\"$\",\"$L34\",null,{\"ref\":\"$undefined\",\"href\":\"/about/?utm_source=home\u0026utm_medium=footer\",\"locale\":\"$undefined\",\"localeCookie\":\"$18:props:localeCookie\",\"children\":[\"$\",\"$L2c\",null,{\"variant\":\"link\",\"as\":\"span\",\"className\":\"justify-start\",\"children\":\"About\"}]}]\n21:[\"$\",\"$L34\",null,{\"ref\":\"$undefined\",\"href\":\"https://hackmd.io/s/press-kit/?utm_source=home\u0026utm_medium=footer\",\"locale\":\"$undefined\",\"localeCookie\":\"$18:props:localeCookie\",\"children\":[\"$\",\"$L2c\",null,{\"variant\":\"link\",\"as\":\"span\",\"className\":\"justify-start\",\"children\":\"Press Kit\"}]}]\n22:[\"$\",\"$L34\",null,{\"ref\":\"$undefined\",\"href\":\"https://trust.hackmd.io/?utm_source=home\u0026utm_medium=footer\",\"locale\":\"$undefined\",\"localeCookie\":\"$18:props:localeCookie\",\"children\":[\"$\",\"$L2c\",null,{\"variant\":\"link\",\"as\":\"span\",\"className\":\"justify-start\",\"children\":\"Trust Center\"}]}]\n23:[\"$\",\"$L34\",null,{\"ref\":\"$undefined\",\"href\":\"https://hackmd.io/s/terms/?utm_source=home\u0026utm_medium=footer\",\"locale\":\"$undefined\",\"localeCookie\":\"$18:props:localeCookie\",\"children\":[\"$\",\"$L2c\",null,{\"variant\":\"link\",\"as\":\"span\",\"className\":\"justify-start\",\"children\":\"Terms of use\"}]}]\n24:[\"$\",\"$L34\",null,{\"ref\":\"$undefined\",\"href\":\"https://hackmd.io/s/privacy/?utm_source=home\u0026utm_medium=footer\",\"locale\":\"$undefined\",\"localeCookie\":\"$18:props:localeCookie\",\"children\":[\"$\",\"$L2c\",null,{\"variant\":\"link\",\"as\":\"span\",\"className\":\"justify-start\",\"children\":\"Privacy policy\"}]}]\n26:[\"$\",\"$L34\",null,{\"ref\":\"$undefined\",\"href\":\"https://www.linkedin.com/company/hackmd\",\"locale\":\"$undefined\",\"localeCookie\":\"$18:props:localeCookie\",\"target\":\"_blank\",\"children\":[\"$\",\"$L2c\",null,{\"variant\":\"icon\",\"className\":\"z-0\",\"children\":[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":22,\"height\":22,\"fill\":\"currentColor\",\"viewBox\":\"0 0 256 256\",\"transform\":\"$undefined\",\"children\":[false,\"$undefined\",[\"$\",\"path\",null,{\"d\":\"M216,24H40A16,16,0,0,0,24,40V216a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V40A16,16,0,0,0,216,24ZM96,176a8,8,0,0,1-16,0V112a8,8,0,0,1,16,0ZM88,96a12,12,0,1,1,12-12A12,12,0,0,1,88,96Zm96,80a8,8,0,0,1-16,0V140a20,20,0,0,0-40,0v36a8,8,0,0,1-16,0V112a8,8,0,0,1,15.79-1.78A36,36,0,0,1,184,140Z\"}]]}]}]}]\n27:[\"$\",\"$L34\",null,{\"ref\":\"$undefined\",\"href\":\"https://x.com/hackmdio\",\"locale\":\"$undefined\",\"localeCookie\":\"$18:props:localeCookie\",\"target\":\"_blank\",\"children\":[\"$\",\"$L2c\",null,{\"variant\":\"icon\",\"className\":\"z-0\",\"children\":[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":22,\"height\":22,\"fill\":\"currentColor\",\"viewBox\":\"0 0 256 256\",\"transform\":\"$undefined\",\"children\":[false,\"$undefined\",[\"$\",\"path\",null,{\"d\":\"M215,219.85a8,8,0,0,1-7,4.15H160a8,8,0,0,1-6.75-3.71l-40.49-63.63L53.92,221.38a8,8,0,0,1-11.84-10.76l61.77-68L41.25,44.3A8,8,0,0,1,48,32H96a8,8,0,0,1,6.75,3.71l40.49,63.63,58.84-64.72a8,8,0,0,1,11.84,10.76l-61.77,67.95,62.6,98.38A8,8,0,0,1,215,219.85Z\"}]]}]}]}]\n28:[\"$\",\"$L34\",null,{\"ref\":\"$undefined\",\"href\":\"https://facebook.com/hackmdio\",\"locale\":\"$undefined\",\"localeCookie\":\"$18:props:localeCookie\",\"target\":\"_blank\",\"children\":[\"$\",\"$L2c\",null,{\"variant\":\"icon\",\"className\":\"z-0\",\"children\":[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":22,\"height\":22,\"fill\":\"currentColor\",\"viewBox\":\"0 0 256 256\",\"transform\":\"$undefined\",\"children\":[false,\"$undefined\",[\"$\",\"path\",null,{\"d\":\"M232,128a104.16,104.16,0,0,1-91.55,103.26,4,4,0,0,1-4.45-4V152h24a8,8,0,0,0,8-8.53,8.17,8.17,0,0,0-8.25-7.47H136V112a16,16,0,0,1,16-16h16a8,8,0,0,0,8-8.53A8.17,8.17,0,0,0,167.73,80H152a32"])</script><script>self.__next_f.push([1,",32,0,0,0-32,32v24H96a8,8,0,0,0-8,8.53A8.17,8.17,0,0,0,96.27,152H120v75.28a4,4,0,0,1-4.44,4A104.15,104.15,0,0,1,24.07,124.09c2-54,45.74-97.9,99.78-100A104.12,104.12,0,0,1,232,128Z\"}]]}]}]}]\n29:[\"$\",\"$L34\",null,{\"ref\":\"$undefined\",\"href\":\"https://discord.gg/yDw3AJbmwx\",\"locale\":\"$undefined\",\"localeCookie\":\"$18:props:localeCookie\",\"target\":\"_blank\",\"children\":[\"$\",\"$L2c\",null,{\"variant\":\"icon\",\"className\":\"z-0\",\"children\":[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":22,\"height\":22,\"fill\":\"currentColor\",\"viewBox\":\"0 0 256 256\",\"transform\":\"$undefined\",\"children\":[false,\"$undefined\",[\"$\",\"path\",null,{\"d\":\"M247.51,174.39,218,58a16.08,16.08,0,0,0-13-11.88l-36.06-5.92a16.22,16.22,0,0,0-18.26,11.88l-.21.85a4,4,0,0,0,3.27,4.93,155.62,155.62,0,0,1,24.41,5.62,8.2,8.2,0,0,1,5.62,9.7,8,8,0,0,1-10.19,5.64,155.4,155.4,0,0,0-90.8-.1,8.22,8.22,0,0,1-10.28-4.81,8,8,0,0,1,5.08-10.33,156.85,156.85,0,0,1,24.72-5.72,4,4,0,0,0,3.27-4.93l-.21-.85A16.21,16.21,0,0,0,87.08,40.21L51,46.13A16.08,16.08,0,0,0,38,58L8.49,174.39a15.94,15.94,0,0,0,9.06,18.51l67,29.71a16.17,16.17,0,0,0,21.71-9.1l3.49-9.45a4,4,0,0,0-3.27-5.35,158.13,158.13,0,0,1-28.63-6.2,8.2,8.2,0,0,1-5.61-9.67,8,8,0,0,1,10.2-5.66,155.59,155.59,0,0,0,91.12,0,8,8,0,0,1,10.19,5.65,8.19,8.19,0,0,1-5.61,9.68,157.84,157.84,0,0,1-28.62,6.2,4,4,0,0,0-3.27,5.35l3.49,9.45a16.18,16.18,0,0,0,21.71,9.1l67-29.71A15.94,15.94,0,0,0,247.51,174.39ZM92,152a12,12,0,1,1,12-12A12,12,0,0,1,92,152Zm72,0a12,12,0,1,1,12-12A12,12,0,0,1,164,152Z\"}]]}]}]}]\na:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script><script>self.__next_f.push([1,"31:[\"$\",\"$L35\",null,{\"formats\":\"$undefined\",\"locale\":\"en\",\"messages\":{\"site\":{\"title\":\"HackMD\",\"description\":\"The best way to write and share your knowledge in Markdown.\",\"home-title\":\"HackMD: Your Collaborative Markdown Workspace for Knowledge Sharing\",\"home-description\":\"HackMD gives you a real-time Markdown editor for collaborative work. Working with Markdown files in HackMD is simple, straightforward, and fun.\",\"blog-title\":\"The HackMD Blog: {page}\",\"blog-home\":\"Home\",\"blog-description\":\"The HackMD Blog. Updates, ideas and Markdown inspiration from the HackMD team.\",\"solution-title\":\"HackMD for Teams \u0026 Businesses\",\"solution-description\":\"Unlock the power of HackMD's online, collaborative Markdown editor in every industry. Document your ideas, improve your workflow, and bring your projects to life with HackMD.\",\"pricing-title\":\"HackMD Pricing \u0026 Plans: Free, Personal, Team, \u0026 Enterprise\",\"pricing-description\":\"Discover HackMD's flexible pricing plans for teams and individuals. Start for free or upgrade for more features.\",\"about-title\":\"About HackMD: Our Platform, Mission, \u0026 Team\",\"about-description\":\"HackMD is the markdown workspace for innovation empowering developers to share ideas, contribute insights, and build community through knowledge sharing\"},\"navbar\":{\"solution\":\"Solutions\",\"pricing\":\"Pricing\",\"enterprise\":\"Enterprise\",\"developers\":\"Developers\",\"about\":\"About\",\"learn\":\"Learn\",\"learn-link\":\"https://hackmd.io/c/tutorials\",\"blog\":\"Blog\",\"product\":\"Product\",\"company\":\"Company\",\"changelog\":\"Changelog\",\"education\":\"Education\",\"sign-in\":\"Sign in\",\"log-out\":\"Log out\",\"get-hackmd\":\"Get HackMD free\",\"my-workspace\":\"My workspace\"},\"footer\":{\"description\":\"Build together with the ultimate Markdown editor.\",\"learning\":\"Learning\",\"features\":\"Features\",\"features-link\":\"https://hackmd.io/s/features\",\"tutorial-book\":\"Tutorial book\",\"tutorial-book-link\":\"https://hackmd.io/c/tutorials\",\"resources\":\"Resources\",\"blog\":\"Blog\",\"changelog\":\"Changelog\",\"enterprise\":\"Enterprise\",\"pricing\":\"Pricing\",\"company\":\"Company\",\"about\":\"About\",\"press-kit\":\"Press Kit\",\"trust-center\":\"Trust Center\",\"terms-of-use\":\"Terms of use\",\"privacy-policy\":\"Privacy policy\",\"api\":\"API\"},\"home\":{\"email-address\":\"you@company.com\",\"get-hackmd\":\"Get HackMD free\",\"hero-headline\":\"Build together with Markdown\",\"hero-description\":\"Real-time collaboration for \u003ctargets\u003e\u003c/targets\u003e documentation in Markdown\",\"team\":\"team\",\"personal\":\"personal\",\"technical\":\"technical\",\"research\":\"research\",\"educational\":\"educational\",\"web3\":\"web3\",\"community\":\"community\",\"feature-headline\":\"Accelerate innovation, foster community, and supercharge collaboration with your go-to Markdown editor.\",\"feature-slides\":{\"docs-title\":\"Docs\",\"docs-description\":\"Take notes, create presentations, collaborate virtually – the options are limitless.\u003cbr\u003e\u003c/br\u003eAccess and share your Markdown documents instantly with flexible permissioning.\",\"templates-title\":\"Templates\",\"templates-description\":\"Streamline your work and keep documents clean, clear, and consistent.\",\"book-mode-title\":\"Book Mode\",\"book-mode-description\":\"Collect and categorize your documents.\",\"github-title\":\"GitHub Integration\",\"github-description\":\"Keep your documentation and project work in sync with GitHub integrated directly into the Markdown editor.\",\"uml-graph-title\":\"UML graphs\",\"uml-graph-description\":\"Visualize research or technical findings for your community.\",\"profile-title\":\"Profile\",\"profile-description\":\"Publish instantly to turn your profile into a resource for your community.\"},\"logos-headline\":\"Millions build with HackMD's Markdown editor every day\",\"logos-description\":\"Powering teams around the world, from next-generation startups to established institutions.\",\"solution-headline\":\"Join a global movement\",\"solution-description\":\"Our vibrant Markdown community is researching the next breakthrough, spearheading decentralization, and growing communities around the world.\",\"learn-more\":\"Learn more\",\"community-users\":\"Users\",\"community-user-counts\":\"1m\",\"community-teams\":\"Teams\",\"community-team-counts\":\"30k\",\"community-countries\":\"Countries represented\",\"community-country-counts\":\"170\",\"community-notes\":\"Notes created\",\"community-note-counts\":\"7.7m\",\"get-started-headline\":\"Get started for free\",\"get-started-description\":\"Play around with it first. Pay and add your team later.\",\"get-started-action\":\"Get HackMD free\"},\"blog\":{\"email-address\":\"you@company.com\",\"subscribe\":\"Subscribe\",\"subscribe-news-headline\":\"Subscribe to our newsletter\",\"subscribe-news-description\":\"Build with confidence. Never miss a beat. Learn about the latest product updates, company happenings, and technical guides in our monthly newsletter.\",\"subscribe-thanks-headline\":\"Thank you for subscribing!\",\"subscribe-thanks-headline-emoji\":\"🎉\",\"subscribe-thanks-description\":\"A confirmation email has been sent to your inbox.\",\"back-to-blog\":\"Back to blog\",\"related-articles\":\"Related articles\",\"recent-posts\":\"Recent posts\",\"product\":\"Product\",\"product-description\":\"Discover the latest on HackMD, including product launches, updates, and walk-throughs.\",\"company\":\"Company\",\"company-description\":\"From company news to our product vision, from exciting launches to requested feature updates, read the latest on HackMD here.\",\"education\":\"Education\",\"education-description\":\"Read about the ways you can harness Markdown to level up your workflow, productivity, teamwork, and more.\",\"changelog\":\"Changelog\",\"changelog-description\":\"Stay up to date on everything we ship.\",\"view-changelog\":\"View Changelog\",\"read-more\":\"Read more\",\"read-all-posts\":\"Read all posts\",\"by\":\"By\"},\"use-cases\":{\"email-address\":\"you@company.com\",\"get-hackmd\":\"Get HackMD free\",\"action-cards\":{\"software-development\":\"Software Development\",\"web3\":\"Web3\",\"research\":\"Research\",\"education\":\"Education\",\"startups\":\"Startups\",\"non-profits\":\"Non-profits\"},\"profile-cards\":{\"title-prefix\":\"HackMD for\",\"profile-prefix\":\"From our community\",\"action\":\"Get HackMD free\",\"software-development\":{\"title\":\"Developers\",\"description\":\"Build like the best. Whether you're calling for feedback on your latest idea, crafting the next breakthrough in tech, or demystifying complex topics, HackMD is the online Markdown editor to help you build with confidence.\"},\"web3\":{\"title\":\"Web3\",\"description\":\"Focus on what matters. Build with speed using HackMD's robust Markdown editor. Streamline efforts across remote teams, create community guidelines and bylaws, increase adoption – all from one place.\"},\"research\":{\"title\":\"Researchers\",\"description\":\"Harness the power of Markdown to collaborate in real-time, making it easy to draft papers, manage project documentation, and publish findings.\"},\"education\":{\"title\":\"Educators\",\"description\":\"Empower the next generation of developers. Bridge the gap between education and real world experience with a lightweight online Markdown editor. This interactive and user-friendly platform promotes immediate feedback and active learning.\"},\"startups\":{\"title\":\"Startups\",\"description\":\"Build your startup with HackMD. You shouldn't have to deal with the frustration of fragmented and outdated documentation. Keep your team in-sync, your docs up-to-date, and your projects on track with HackMD's intuative Markdown editor.\"},\"non-profits\":{\"title\":\"Non-profits\",\"description\":\"Expand your impact. Collaborate on grant proposals, reports, and strategic plans without worrying about cost. Your non-profit could qualify for our Non-profit Sponsorship Program.\"}},\"hero-section\":{\"headline\":\"Accelerate innovation in your industry\",\"description\":\"Unlock the power of Markdown no matter your industry. HackMD is the ultimate real-time Markdown editor for builders seeking seamless, efficient collaboration. Document your ideas, improve your workflow, and bring your projects to life with HackMD.\"},\"community-headline\":\"What the community is saying\",\"features\":{\"github\":{\"title\":\"GitHub integration\",\"description\":\"Sync notes between two powerful tools.\",\"learn-more\":\"Learn more\",\"link\":\"https://hackmd.io/c/tutorials/%2F%40docs%2Fsync-a-note-with-github\"},\"sign-in-with-eth\":{\"title\":\"Sign-in with Ethereum\",\"description\":\"Maintain greater control over your security, data, and digital identity.\",\"learn-more\":\"Learn more\",\"link\":\"https://blog.hackmd.io/blog/2024/02/26/sign-in-with-eth-is-live\"},\"comment-and-suggest-edit\":{\"title\":\"Comment and suggest edit\",\"description\":\"Streamline communication and polish docs effortlessly.\",\"learn-more\":\"Learn more\",\"link\":\"https://hackmd.io/c/tutorials/%2F%40docs%2Fsuggest-edit-en\"},\"team\":{\"title\":\"Team organization\",\"description\":\"Manage team roles and access to ensure proper permissions in your workspace.\",\"learn-more\":\"Learn more\",\"link\":\"https://hackmd.io/c/tutorials/%2F%40docs%2Fcreate-and-manage-team\"},\"latex-and-uml\":{\"title\":\"LaTeX and UML\",\"description\":\"Create UML diagrams and write scientific formulas with plain text, all in one tool.\",\"learn-more\":\"Learn more\",\"link\":\"https://hackmd.io/c/tutorials/%2F%40docs%2Fuse-mathjax-and-UML-en\"},\"version-control\":{\"title\":\"Version control\",\"description\":\"Track every document edit, ensuring easy recall of past changes.\",\"learn-more\":\"Learn more\",\"link\":\"https://hackmd.io/c/tutorials/%2F%40docs%2Fsave-version-en\"},\"more-features\":\"More features\",\"more-features-link\":\"https://hackmd.io/c/tutorials/%2Fs%2Ftutorials\",\"headline\":\"Features that boost productivity\"}},\"logos-carousel-single-headline\":\"1,000,000+ people around the world build with HackMD\",\"pricing\":{\"headline\":\"Build together with Markdown.\u003cbr\u003e\u003c/br\u003eStart for free\",\"team-tab-trigger\":\"For Team\",\"personal-tab-trigger\":\"For Personal\",\"team-size-input\":\"Choose team size:\u003cinput\u003e\u003c/input\u003eseats\",\"monthly\":\"Monthly\",\"yearly\":\"Yearly\",\"free\":\"Free\",\"prime\":\"Prime\",\"enterprise\":\"Enterprise\",\"personal-free-description\":\"Discover what HackMD can do for you\",\"personal-free-unit\":\"Free\u003cbr\u003e\u003c/br\u003eforever\",\"personal-free-cta\":\"Sign up free\",\"personal-free-feature-title\":\"What's included:\",\"unlimited-notes\":\"Unlimited notes\",\"unlimited-invites\":\"Unlimited invites\",\"unlimited-versions\":\"Unlimited versions\",\"unlimited-github-pushes\":\"Unlimited GitHub pushes\",\"unlimited-templates\":\"Unlimited custom templates\",\"invitee-count\":\"{inviteeCount, number} invitees\",\"template-count\":\"{templateCount, number} custom templates\",\"suggest-edit\":\"Suggest edit\",\"gitHub-integration\":\"GitHub integration\",\"github-pushes\":\"{pushCount, number} GitHub pushes per month\",\"customize-permalink\":\"Customize permalink to your note\",\"image-upload-size\":\"Upload up to {imageSize} per image\",\"highlighted-label\":\"Most popular\",\"personal-prime-description\":\"Scale your productivity and workflow\",\"personal-prime-label\":\"Save {discountPercentage}%\",\"personal-prime-unit\":\"per\u003cbr\u003e\u003c/br\u003emonth\",\"personal-prime-cta\":\"Upgrade now\",\"personal-prime-feature-title\":\"-\u003e Everything in Free, plus:\",\"image-storage\":\"Dedicated storage for images\",\"full-text-search\":\"Full-text search\",\"api-call-count\":\"{apiCallCount} API calls per month\",\"pdf-export\":\"PDF export\",\"team-free-description\":\"Scale collaboration with your team and community.\",\"team-free-unit\":\"Free\u003cbr\u003e\u003c/br\u003eforever\",\"team-free-price-description\":\"Up to {maxMemberCount, number} teammate\",\"team-free-cta\":\"Sign up free\",\"team-free-feature-title\":\"What's included:\",\"team-prime-description\":\"Scale collaboration with your team and community.\",\"team-prime-label\":\"Save {discountPercentage}%\",\"team-prime-unit\":\"per seat/mo\",\"team-prime-price-description\":\"Total ${totalPrice, number} /month\",\"billed-annually\":\"Billed annually\",\"team-prime-cta\":\"Upgrade now\",\"team-prime-feature-title\":\"-\u003e Everything in Free, plus:\",\"team-enterprise-description\":\"Get exclusive features for your organization\",\"team-enterprise-price-section\":\"\u003cimg\u003e\u003c/img\u003e\",\"team-enterprise-cta\":\"Request a demo\",\"team-enterprise-feature-title\":\"-\u003e Everything in Prime, plus:\",\"organization-controlled-team-workspaces\":\"Unlimited workspaces under one Organization\",\"private-workspaces\":\"Private workspaces\",\"custom-user-groups\":\"Custom user group\",\"sso-saml\":\"SAML SSO\",\"role-based-access-control\":\"Role-based access control\",\"sso\":\"SSO (SAML, LDAP, customized) login\",\"custom-domain\":\"Custom domain\",\"custom-homepage\":\"Custom homepage\",\"gitLab-integration\":\"GitLab integration\",\"custom-payment-methods\":\"Custom payment methods\",\"account-manager\":\"Dedicated account manager\",\"compare-all-plans\":\"Compare all plans\",\"comparison-title\":\"Compare plans\",\"feature-type-usage\":\"Usage\",\"feature-members\":\"Members\",\"feature-members-tooltip\":\"All notes in a Workspace are shared by its members. Members will be notified when a note is edited.\",\"feature-invites\":\"Invites\",\"feature-invites-tooltip\":\"Invite other users to collaborate in private notes. You can control the permission levels for Everyone/Signed-in Users/Invitees separately.\",\"feature-default-member-permission\":\"Default member permission\",\"feature-default-member-permission-tooltip\":\"\",\"feature-versions\":\"Versions\",\"feature-versions-tooltip\":\"Autosave notes every 5 minutes (if pending) or 10 minutes (if editing) and arrange them into versions so that you will not lose your hard work.\",\"feature-custom-templates\":\"Custom templates\",\"feature-custom-templates-tooltip\":\"Save frequently used notes as templates.\",\"feature-default-note-template\":\"Default note template\",\"feature-default-note-template-tooltip\":\"Set most frequently used template as default. Saves you seconds every time you create a new note.\",\"feature-default-note-permissions\":\"Default note permissions\",\"feature-default-note-permissions-tooltip\":\"Set default permissions.\",\"feature-trash\":\"Trash can timeframe\",\"feature-trash-tooltip\":\"Restore deleted notes.\",\"feature-image-storage\":\"Image storage\",\"feature-image-storage-tooltip\":\"\",\"feature-full-text-search\":\"Full-text search\",\"feature-full-text-search-tooltip\":\"Search everything.\",\"feature-pdf\":\"Rendered PDF\",\"feature-pdf-tooltip\":\"Export notes to PDF with fully rendered UML blocks. Usage renews on a monthly cycle, subject to capacity based on the number of members in your workspace.\",\"feature-type-workflow\":\"Integrated workflow\",\"feature-github-push\":\"Push to GitHub\",\"feature-github-push-tooltip\":\"Seamlessly edit documents in your repositories directly in HackMD.\",\"feature-gitlab\":\"GitLab integration\",\"feature-gitlab-tooltip\":\"\",\"feature-api-calls\":\"API calls\",\"feature-api-calls-tooltip\":\"\",\"feature-type-collaboration\":\"Collaboration\",\"feature-real-time\":\"Real-time collaboration\",\"feature-real-time-tooltip\":\"\",\"feature-custom-permalink\":\"Custom note permalink\",\"feature-custom-permalink-tooltip\":\"\",\"feature-comment\":\"In-line and page commenting\",\"feature-comment-tooltip\":\"\",\"feature-suggest-edit\":\"Suggest edit\",\"feature-suggest-edit-tooltip\":\"\",\"feature-type-enterprise\":\"Enterprise management\",\"feature-sso\":\"SSO (SAML/LDAP)\",\"feature-sso-tooltip\":\"\",\"feature-custom-login\":\"Custom login\",\"feature-custom-login-tooltip\":\"\",\"feature-role-based-access-control\":\"Role-based access control\",\"feature-role-based-access-control-tooltip\":\"\",\"feature-custom-browser-extension\":\"Custom browser extension server instance\",\"feature-custom-browser-extension-tooltip\":\"\",\"feature-self-hosting\":\"Self-hosting\",\"feature-self-hosting-tooltip\":\"\",\"feature-custom-domain\":\"Custom domain\",\"feature-custom-domain-tooltip\":\"\",\"feature-custom-homepage\":\"Custom landing page\",\"feature-custom-homepage-tooltip\":\"\",\"feature-type-support\":\"Support\",\"feature-troubleshooting\":\"Troubleshooting\",\"feature-troubleshooting-tooltip\":\"\",\"feature-invoicing\":\"Invoicing\",\"feature-invoicing-tooltip\":\"\",\"feature-custom-payment\":\"Custom payment solutions\",\"feature-custom-payment-tooltip\":\"\",\"x\":\"\u003cx\u003e\u003c/x\u003e\",\"v\":\"\u003ccheck\u003e\u003c/check\u003e\",\"-\":\"\u003cminus\u003e\u003c/minus\u003e\",\"up-to-3-members\":\"Up to 3\",\"can-purchase\":\"Can be purchased\",\"unlimited\":\"Unlimited\",\"count\":\"{count, number}\",\"recent-versions\":\"Recent {recentVersionCount, number} versions\",\"trash-preserve-duration\":\"{trashPreserveDayCount, number} days\",\"limited-image-storage\":\"Limited cloud image storage\",\"up-to-1mb-img\":\"Up to 1MB per image\",\"private-image-storage\":\"Private cloud image storage\",\"up-to-20mb-img\":\"Up to 20MB per image\",\"private-image-storage-tooltip\":\"Images are saved on access-controlled Amazon S3. Privacy guaranteed. Images can only be accessed through the containing note.\",\"customizable\":\"Customizable\",\"pdf-usage-tooltip\":\"Usage limited to reasonable quantity\",\"pushes-per-month\":\"{pushCount, number} times / month\",\"api-calls-per-month\":\"{apiCallCount, number} calls / month\",\"bill-per-domain\":\"Pay per domain\",\"standard-support\":\"Knowledge base community and standard email support\",\"priority-support\":\"Priority support\",\"new\":\"New\",\"beta\":\"Beta\",\"faq\":{\"title\":\"FAQ\",\"note-title\":\"Have more questions?\",\"note-description\":\"We'd love to help!\u003cbr\u003e\u003c/br\u003e Email us at \u003cmailLink\u003e\u003c/mailLink\u003e or reach out on \u003cdiscord\u003eDiscord\u003c/discord\u003e.\",\"question-1\":{\"question\":\"How do I get started?\",\"answer\":\"When you sign up for HackMD, you're on the Free plan by default. Here you can explore the product and get a feel for how you can use it to level-up your collaboration and documentation. On the Free plan, you can create as many notes as you'd like and invite up to 3 teammates. For more advanced features and more teammate invites, check out the Prime or Enterprise plans.\"},\"question-2\":{\"question\":\"Can I change the team size?\",\"answer\":\"Yes, you can change the team size (up to 3) at any point. If you'd like to invite more than 3 teammates, you'll need to upgrade to the Prime or Enterprise plan.\"},\"question-3\":{\"question\":\"Can I pay for Prime monthly or annually?\",\"answer\":\"You can pay for Prime either on a monthly or yearly cadence, depending on what works best for you. You'll receive a discount for yearly or annual payments. Learn more about \u003cpaymentLink\u003ethese options here.\u003c/paymentLink\u003e\"},\"question-4\":{\"question\":\"I use HackMD by myself, can I upgrade to Prime?\",\"answer\":\"Yes! Your personal workspace can be upgraded to Prime, which comes with unlimited GitHub commits, unlimited custom templates, full-text search and more.\"},\"question-5\":{\"question\":\"Does everyone need a HackMD account to collaborate?\",\"answer\":\"Anyone can read your public documentation. All they need is the link to access. If they'd like to comment on or suggest edits to your notes, then they need a HackMD account.\"},\"question-6\":{\"question\":\"I run an open source project and need a team workspace for collaboration. How can HackMD help?\",\"answer\":\"Public Teams can have unlimited members (3 for free and charged per seat after that). We recommend Public Teams for open source projects and knowledge sharing.\u003cbr\u003e\u003c/br\u003e\u003cbr\u003e\u003c/br\u003eFor larger open source projects, it's common to create documents internally before sharing to the public. We recommend creating a private team for core documentation and a public team for your community.\"},\"question-7\":{\"question\":\"Does HackMD integrate into my existing workflow?\",\"answer\":\"We're dedicated to seamlessly integrating into your daily workflow. HackMD integrated directly into GitHub and GitLab, has extensions for your browser and VSCode, as well we countless features like LaTeX and UML support to help your document with ease. If you don't see a tool for your workflow or have an idea, email us at \u003cmailLink\u003e\u003c/mailLink\u003e to let us know.\"},\"question-8\":{\"question\":\"Is my data secure?\",\"answer\":\"With HackMD, you can rest assured that your data is secure and protected. We don't ask for personal information unless we really need it and we never sell any of your personal information. You can read our full \u003cprivacyLink\u003edata and privacy policy here\u003c/privacyLink\u003e.\"},\"question-9\":{\"question\":\"My team is a non-profit organization. Is there special pricing available for NPOs or charitable organizations?\",\"answer\":\"Yes! If your organization qualifies as a non-profit organization in your country, we are delighted to sponsor your mission with a Prime Team plan. \u003csponsorshipLink\u003eLearn more here\u003c/sponsorshipLink\u003e.\"},\"question-10\":{\"question\":\"What forms of payment do you accept?\",\"answer\":\"We accept most major credit and debit cards for the Prime plan. If you're interested in learning more about payment for the Enterprise plan, you can reach us at \u003cmailLink\u003e\u003c/mailLink\u003e.\"},\"question-11\":{\"question\":\"What happens if a payment fails?\",\"answer\":\"If your payment fails AND the Prime subscription has expired, then your team account will be suspended and all documents become read-only. You can \u003cteamSuspensionLink\u003elearn more here\u003c/teamSuspensionLink\u003e.\"},\"question-12\":{\"question\":\"What happens if I let my HackMD Prime subscription expire?\",\"answer\":\"For a team workspace, when the Prime subscription expires, the workspace and the notes in it will become read-only. You can still remove team members, switch team ownership, or delete your team altogether.\u003cbr\u003e\u003c/br\u003e\u003cbr\u003e\u003c/br\u003eThe workspace functionality - beyond read-only - will reactivate once the number of team members is reduced to 3 or less or once the Prime Team subscription is renewed.\u003cbr\u003e\u003c/br\u003e\u003cbr\u003e\u003c/br\u003eFor a personal workspace, the advanced features that come with Prime will be unavailable until your Prime subscriptions is renewed.\"},\"question-13\":{\"question\":\"Where can I learn more about HackMD?\",\"answer\":\"To learn more about how HackMD works, visit our \u003ctutorialLink\u003eTutorial Book\u003c/tutorialLink\u003e. If you have any additional questions you can email us at \u003cmailLink\u003e\u003c/mailLink\u003e. And be sure to keep up with all things HackMD by following us on \u003cx\u003eX\u003c/x\u003e and \u003cfacebook\u003eFacebook.\u003c/facebook\u003e\"}}},\"enterprise\":{\"hero\":{\"title\":\"Connected Documentation for Agile Teams\",\"animated-line1\":{\"highlight\":\"Ditch\",\"text\":\"Word \u0026 SharePoint\"},\"animated-line2\":{\"highlight\":\"Experience\",\"text\":\"Markdown \u0026 Git\"},\"description\":\"HackMD helps enterprises enhance knowledge management with real-time editing, secure collaboration, and customizable workflows. Empower your teams to create, organize, and share essential information without compromising control, flexibility, or security.\",\"cta\":\"Request a demo\"},\"logos\":{\"title\":\"Used by Enterprise teams everywhere\"},\"culture\":{\"title\":\"Build culture. Collaborate better.\"},\"features\":{\"familiar-tools\":{\"title\":\"Familiar tools with enhanced interaction features\",\"description\":\"Unlike Confluence, HackMD offers real-time commenting and suggestions in pure Markdown—plus interactive features like Emoji Reply for fun, interactive feedback.\"},\"version-control\":{\"title\":\"Stay confident by using Git-Style Version Control\",\"description\":\"Why Struggle with Google Docs' messy revision history? HackMD gives you Git-style versioning—fully auditable, reversible, and precise. Every change is tracked, so your team stays aligned and compliant.\"},\"corporate-identity\":{\"title\":\"Give your corporate teams an identity.\",\"description\":\"While tools like Notion show their brand, HackMD puts yours front and center. Custom domains, logos, and landing pages create a seamless, branded workspace your teams can call their own.\"},\"enterprise-security\":{\"title\":\"Enterprise-Grade Security\",\"description\":\"Forget cloud-only tools, HackMD offers on-premise or managed hosting—with integration for secure, frictionless access. You stay in control of your infrastructure and compliance requirements.\",\"learn-more\":\"Learn more\"},\"privacy-access\":{\"title\":\"Enhanced Privacy and Controlled Access\",\"description\":\"Where other tools default to open sharing, HackMD lets you control visibility with optional publishing, SAML login, and private access settings—perfect for sensitive or external collaboration.\"},\"future-proof\":{\"title\":\"Future-Proof Your Knowledge\",\"description\":\"Ditch proprietary formats. HackMD uses open-source Markdown—forever free, portable, and AI-compatible. Your knowledge remains accessible, vendor-free, and ready for whatever comes next.\"}},\"testimonials\":{\"blockfuse\":{\"quote\":\"HackMD has helped us build trust. Transparency isn't optional. It's survival. And tools like HackMD quietly empower that kind of culture.\",\"author\":\"Peter A.\",\"company\":\"CEO of BlockFuse Labs\"},\"luftborn\":{\"quote\":\"HackMD keeps everyone on the exact same page, instantly, preventing confusion and making teamwork fun.\",\"author\":\"Ali. G\",\"company\":\"Front end Lead Dev from Luftborn\"},\"kiwi\":{\"quote\":\"If the GitHub team wanted to create Google Docs, they'd create HackMD.\",\"author\":\"Mac B.\",\"company\":\"Co-founder of Kiwi News\"}},\"final-cta\":{\"title\":\"One Collaborative Workspace, Built for Every Team\",\"description\":\"Talk to our team to see how HackMD can fit your workflow.\",\"cta\":\"Request a demo\"},\"contact-us\":\"Request a demo\"},\"about\":{\"hero-about\":\"About HackMD\",\"hero-headline\":\"The Markdown workspace for innovation\",\"hero-description\":\"The Markdown workspace for innovation HackMD helps you share ideas, contribute valuable insights, and foster a vibrant community. Here, collaboration drives innovation, helping individuals build their reputation and advance their careers. Through seamless, real-time documentation and knowledge sharing, \u003cwrapper\u003eHackMD bridges the gap between idea and implementation, cultivating an environment where collective intelligence thrives.\u003c/wrapper\u003e\",\"mission-quote\":\"Our mission is to empower developers to share ideas and build community through knowledge sharing.\",\"history-description\":\"In 2014, while completing his master's degree, Max Wu was searching for a secure way to collaborate and document in Markdown. Driven by that challenge, he began creating what would later be known as HackMD. Throughout the following years, he introduced it to friends, colleagues, and online communities, quickly gaining traction and the first outside contributions. Today, over a million people around the world depend on HackMD to document in Markdown, increasing the pace of software development through seamless documentation and collaboration. With HackMD, you can focus on what matters most: \u003cwrapper\u003ebuilding and improving world renown projects.\u003c/wrapper\u003e\",\"team-headline\":\"Meet the team\",\"team-founder-jk\":{\"name\":\"Jong-kai Yang\",\"title\":\"Chief Executive Officer and Co-Founder\"},\"team-founder-max\":{\"name\":\"Max Wu\",\"title\":\"Chief Technology Officer and Co-Founder \"},\"team-join\":\"Join the team!\",\"team-social\":{\"follow\":\"Follow us on\",\"media\":\"For media inquiries, please contact us at \u003cemail\u003epress@hackmd.io\u003c/email\u003e.\"},\"investor-headline\":\"Our investors\"},\"developers\":{\"meta\":{\"title\":\"HackMD for Developers: API, Extensions \u0026 Integrations\",\"description\":\"Build beyond the editor. HackMD is where collaboration and workflows begin. Connect your editor to automate documentation, streamline publishing, and share knowledge.\"},\"hero\":{\"title\":\"Build Beyond the Editor\",\"description\":\"HackMD is where collaboration and workflows begin. Connect your editor to automate documentation, streamline publishing, and share knowledge in one Markdown platform.\",\"explore-api\":\"Explore the API\",\"view-extensions\":\"View Extensions\",\"illustration-alt\":\"Developer illustration\"},\"illustrations\":{\"developers-hero\":\"Developer illustration\",\"why-extensions\":\"Why use extensions illustration\",\"cta\":\"CTA illustration\",\"for-developers\":\"For developers illustration\",\"for-teams\":\"For teams illustration\"},\"extensions\":{\"title\":\"Extensions Gallery\",\"subtitle\":\"Work faster — right inside your favorite tools.\",\"description\":\"Extensions bring HackMD into your daily flow. They help you capture, edit, and access knowledge instantly, so your focus stays on creation, not context switching.\",\"tabs\":{\"save-to-hackmd\":{\"tabLabel\":\"Save to HackMD\",\"title\":\"Capture ideas from the web\",\"description\":\"Save web pages, article highlights, and AI chat logs directly to your workspace without formatting errors. Turn the web into your knowledge base with a single click, keeping all your research in one place.\",\"links\":{\"chrome\":\"Get for Chrome\",\"firefox\":\"Get for Firefox\"}},\"instant-access\":{\"tabLabel\":\"Instant Access\",\"title\":\"Stay in Your Flow, Wherever You Are\",\"description\":\"Find your notes without breaking your flow. Whether you're browsing via Chrome, coding in VSCode, or using Raycast, you can search, preview, and open your HackMD library instantly from your favorite tools.\",\"links\":{\"chrome\":\"Get for Chrome\",\"firefox\":\"Get for Firefox\",\"raycast\":\"Get for Raycast\",\"vscode\":\"Get for VSCode\"}},\"docs-as-code\":{\"tabLabel\":\"Docs as Code\",\"title\":\"Sync Documentation with Development\",\"description\":\"Keep documentation synced with your codebase. Write Markdown locally in VSCode, preview changes in real-time, and push updates directly to HackMD. Perfect for developers who want to manage docs alongside their git workflow.\",\"links\":{\"vscode\":\"Get for VSCode\"}},\"links\":{\"chrome\":\"Get for Chrome\",\"firefox\":\"Get for Firefox\",\"raycast\":\"Get for Raycast\",\"vscode\":\"Get for VSCode\"}},\"why-use\":{\"title\":\"Why use extensions?\",\"benefits\":{\"0\":\"Reduce context switching between apps\",\"1\":\"Keep documentation close to where the work happens\",\"2\":\"Maintain a single source of truth across your team's tools\"},\"link-text\":\"Learn more about Extensions\",\"illustration-alt\":\"Why use extensions illustration\"},\"items\":{\"save-to-hackmd\":{\"name\":\"Save to HackMD\",\"description\":\"Chrome extension to quickly save web content to HackMD notes.\"},\"vscode\":{\"name\":\"VS Code Extension\",\"description\":\"Edit and sync your HackMD notes directly from Visual Studio Code.\"},\"github-action\":{\"name\":\"GitHub Action\",\"description\":\"Automate syncing between HackMD notes and GitHub repositories.\"}}},\"for-developers\":{\"title\":\"For Developers\",\"subtitle\":\"Build smarter with simple, documented endpoints.\",\"description\":\"HackMD's API offers developers a flexible and frictionless way to integrate collaborative knowledge into workflows with easy-to-follow documentation and ready-to-run examples.\",\"link-text\":\"Explore the API\"},\"for-teams\":{\"title\":\"For Teams \u0026 Enterprises\",\"subtitle\":\"Extend collaboration, not your tool stack.\",\"description\":\"HackMD extensions enhance team collaboration by centralizing documentation, streamlining onboarding, and integrating seamlessly with existing tools.\",\"link-text\":\"Discover Extensions\",\"secondary-link-text\":\"Talk to Us About Workflows\"},\"community\":{\"title\":\"Community \u0026 Third-Party Highlights\",\"subtitle\":\"A growing ecosystem of innovation.\",\"description\":\"HackMD's open API invites developers and contributors to build their own tools, workflows, and integrations. Our community continues to inspire what's possible.\",\"by\":\"By\",\"items\":{\"mcp-server\":{\"title\":\"HackMD MCP Server\",\"description\":\"Integrate HackMD with Model Context Protocol tools to automate content generation, enrichment, and workflow triggers.\",\"link-text\":\"View on GitHub\"},\"api-book\":{\"title\":\"HackMD API Book\",\"description\":\"Dive into a living collection of community-contributed use cases. Learn how developers automate publishing, sync notes with GitHub, and even integrate creative use cases like sponsorship and embedded media.\",\"link-text\":\"Read the API Book\"}}},\"examples\":{\"title\":\"Real-World Examples\",\"subtitle\":\"How developers and teams extend HackMD beyond the editor\",\"items\":{\"github-workflows\":{\"title\":\"GitHub Workflows\",\"description\":\"Keep engineering documentation synchronized with your repositories. Use the API to update release notes, proposals, or architecture docs as code evolves, reducing manual edits and drift.\"},\"publishing-pipelines\":{\"title\":\"Publishing Pipelines\",\"description\":\"Automate the process of moving content from HackMD to your blog or CMS. Standardize formatting, control metadata, and publish at scale without the need for manual copying and pasting.\"},\"embedded-experiences\":{\"title\":\"Embedded Experiences\",\"description\":\"Bring interactivity into your notes.\u003clineBreak\u003e\u003c/lineBreak\u003e\u003cul\u003e\u003cli\u003e\u003cspotify\u003eSpotify IFrame Example\u003c/spotify\u003e: Add Playable Media Inside Collaborative Documents.\u003c/li\u003e\u003cli\u003e\u003clikecoin\u003eLikeCoin Sponsorship Example\u003c/likecoin\u003e: Integrate creator support directly within your content.\u003c/li\u003e\u003c/ul\u003eAutomate your meetings.\u003clineBreak\u003e\u003c/lineBreak\u003eUse the meeting notes agenda API recipe to generate agendas and action logs on demand, saving hours of setup time each week.\"}}},\"made-with\":{\"title\":\"Made with HackMD\",\"description\":\"Explore creative tools and workflows crafted by our community.\",\"by\":\"By\",\"explore\":\"Explore gallery\",\"share\":\"Share your use case\",\"items\":{\"embed-spotify\":{\"name\":\"Embed Spotify\",\"description\":\"Play Spotify music in HackMD notes\",\"author\":\"song856854132\"},\"likecoin\":{\"name\":\"LikeCoin Integration\",\"description\":\"Add LikeCoin donation button to HackMD notes\",\"author\":\"雨蒼\"},\"auto-meeting\":{\"name\":\"Auto Meeting Minutes\",\"description\":\"Automatically create notes with templates at scheduled times\",\"author\":\"Max Wu\"},\"github-actions\":{\"name\":\"GitHub Actions Sync\",\"description\":\"Update HackMD notes via GitHub Actions\",\"author\":\"H.-H. PENG (Hsins)\"},\"discord\":{\"name\":\"Discord Integration\",\"description\":\"Integrate HackMD with Discord bot for note management\",\"author\":\"未来\"},\"hackbar\":{\"name\":\"Hackbar Extension\",\"description\":\"Browser extension with command palette for HackMD\",\"author\":\"TzuWei\"},\"batch-permission\":{\"name\":\"Batch Permission Update\",\"description\":\"Batch update note permissions using Python API\",\"author\":\"Willis Chen\"},\"line-bot\":{\"name\":\"LINE Chat Bot\",\"description\":\"Create LINE bot for quick note-taking and link collection\",\"author\":\"Willis Chen\"},\"csharp-sdk\":{\"name\":\"C# SDK\",\"description\":\"C# package for HackMD API integration\",\"author\":\"David Tung, twdeveloperatoutlook\"}}},\"cta\":{\"title\":\"Build Your Flow on HackMD\",\"description\":\"HackMD connects developers and teams with tools to automate and scale collaboration, from simple integrations to full workflows. Your markdown, your workflows, your platform.\",\"button\":\"Start Building\",\"illustration-alt\":\"CTA illustration\"}}},\"now\":\"$undefined\",\"timeZone\":\"UTC\",\"children\":\"$L36\"}]\n"])</script><script>self.__next_f.push([1,"36:[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]\nc:[[\"$\",\"title\",\"0\",{\"children\":\"HackMD: Your Collaborative Markdown Workspace for Knowledge Sharing\"}],[\"$\",\"meta\",\"1\",{\"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\",\"2\",{\"rel\":\"canonical\",\"href\":\"https://hackmd.io/robots.txt\"}],[\"$\",\"meta\",\"3\",{\"property\":\"og:title\",\"content\":\"HackMD: Your Collaborative Markdown Workspace for Knowledge Sharing\"}],[\"$\",\"meta\",\"4\",{\"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\",\"5\",{\"property\":\"og:image\",\"content\":\"https://hackmd.io/cover.png\"}],[\"$\",\"meta\",\"6\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"7\",{\"name\":\"twitter:title\",\"content\":\"HackMD: Your Collaborative Markdown Workspace for Knowledge Sharing\"}],[\"$\",\"meta\",\"8\",{\"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\",\"9\",{\"name\":\"twitter:image\",\"content\":\"https://hackmd.io/cover.png\"}]]\n8:null\n"])</script></body></html> | Unknown directive |
To appear in search results, crawlers need access to your app.
Send Feedback