CINXE.COM
Typora — simple yet powerful Markdown reader.
<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport"><title>Typora — simple yet powerful Markdown reader.</title><link rel="stylesheet" type="text/css" href="css/pure-min.css"><link rel="stylesheet" type="text/css" href="lib/font-awesome-4.2.0/css/font-awesome.min.css"><link rel="stylesheet" type="text/css" href="css/gothic.css"><link rel="icon" href="/img/favicon-16.png" sizes="16x16"><link rel="icon" href="/img/favicon-32.png" sizes="32x32"><link rel="icon" href="/img/favicon-64.png" sizes="64x64"><link rel="icon" href="/img/favicon-128.png" sizes="128x128"><link rel="stylesheet" type="text/css" href="css/index.css?date=0424"><script src="js/jquery-3.3.1.js"></script><meta name="twitter:card" content="summary"><meta name="twitter:site" content="@typora"><meta name="twitter:title" content="A new way to read & write Markdown"><meta name="twitter:description" content="Typora is a cross-platform minimal markdown editor, providing seamless experience for both markdown readers and writers."><meta name="twitter:image" content="http://typora.io/img/twitter-sum.png"><script id="fsc-api" src="https://d1f8f9xcsvx3ha.cloudfront.net/sbl/0.8.5/fastspring-builder.min.js" type="text/javascript" data-popup-closed="hideCountrySelect" data-storefront="typora.onfastspring.com/popup-typora"></script><style>.show-old { display: none; } #block-h { display: block; float: right; position: fixed; z-index: 2147483647; background: #fff; top: 205px; height: 20px; right: 200px; width: 100px; } #block-t { display: block; float: right; position: fixed; z-index: 2147483647; background: #fffefe; top: 340px; height: 20px; right: 100px; width: 100px; } @media screen and (max-width: 767px) { #block-h { top: 500px; right: 300px; width: 219px; } #block-t { top: 789px; right: 300px; width: 219px; } } @media (min-height: 887) and (min-width: 767px) { #block-t { top: 0; right: 400px; width: 119px; bottom: 0; height: auto; right: 0; width: 100%; } #block-t:after { content: "Sorry, Please checkout on a larger screen"; top: 50%; left: 20%; position: fixed; } } .c-container { font-family: sans-serif; }</style></head><body><svg style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><symbol id="icon-arrow-right" viewBox="0 0 112 32"><path class="path1" d="M0 12.959h95.207v5.289h-95.207v-5.289z"></path><path class="path2" d="M89.917 0v32l22.479-16.132z"></path><path class="path3" d="M77.752 12.959h4.231v5.289h-4.231v-5.289z"></path></symbol></defs></svg><section class="header container fullscreen" id="home" style="height: 100vh;"><div class="content-resizer"><h2>typora</h2><p class="slogon">/* <span class="typed-quotes">a minimal markdown editor</span> */</p></div><div class="scroll-down-div" onclick="window.location.href = '#feature';"><i class="fa fa-angle-down" style="-webkit-animation: pulse 1.5s infinite;animation: pulse 1.5s infinite;font-size: 28px;position:absolute;color:black;"></i></div></section><header class="pure-menu pure-menu-horizontal nav"><a class="product-name" style="margin-top: -8px;padding-left: 16px;display: block;color:#555;" href="#home" onclick="$('#back-to-home').trigger('click')"><img src="/img/favicon-64.png" style="width:48px;display: inline-block; vertical-align: middle;"> <span style="display:inline-block;vertical-align: middle;margin-top: -4px;">Typora</span></a><ul class="pure-menu-list"><li class="pure-menu-item"><a href="#feature" class="pure-menu-link" id="title-bar-feature-btn">Features</a></li><li class="pure-menu-item download-nav-li"><a href="#download" id="download-nav" class="pure-menu-link">Download</a></li><li class="pure-menu-item download-nav-li"><a href="#purchase" id="purchase-nav" class="pure-menu-link">Purchase</a></li><li class="pure-menu-item"><a href="http://theme.typora.io" class="pure-menu-link" target="_blank">Themes</a></li><li style="display:inline-block" class="pure-menu-item"><a href="http://support.typora.io" target="_blank" class="pure-menu-link">Support</a></li><li class="pure-menu-item"><a href="#contact" class="pure-menu-link">About</a></li></ul></header><section id="feature"><div class="pure-g"><div class="pure-u-1 pure-u-md-1-3 pure-u-lg-1-2" style="position: relative;min-width: 100px;min-height: 500px;"><div class="text-content" style="padding-left:20px;max-width: 500px;right: 50px;"><h3>Readable & Writable</h3><p>Typora gives you a seamless experience as both a reader and a writer. It removes the preview window, mode switcher, syntax symbols of markdown source code, and all other unnecessary distractions. Instead, it provides a real live preview feature to help you concentrate on the content itself.</p><h4 style="white-space:pre-wrap"><i class="fa fa-bell-slash-o"></i> Distractions Free</h4><h4 style="white-space:pre-wrap"><i class="fa fa-bolt"></i> Seamless Live Preview</h4><h4 style="white-space:pre-wrap"><i class="fa fa-eye"></i> What You See Is What You Mean</h4></div></div><div class="pure-u-1 pure-u-md-2-3 pure-u-lg-1-2" style="text-align:left;"><div class="video-wraper" style="text-align:center; padding:10px; padding-left:50px; display:inline-block;"><video autoplay muted="muted" preload="preload" loop="loop" style="border-radius: 8px;box-shadow: 0px 0px 8px 3px #ccc;" src="/img/beta.mp4" poster="/img/beta-thumbnail.png"></video></div></div></div></section><hr class="divider"><section id="function"><h3>Simple, yet Powerful</h3><div class="pure-menu pure-menu-horizontal"><ul class="pure-menu-list dots"><li class="pure-menu-item dot active"><a class="pure-menu-link">Images,</a></li><li class="pure-menu-item dot"><a class="pure-menu-link">Headers,</a></li><li class="pure-menu-item dot"><a class="pure-menu-link">Lists,</a></li><li class="pure-menu-item dot"><a class="pure-menu-link">Tables,</a></li><li class="pure-menu-item dot"><a class="pure-menu-link">Code Fences,</a></li><li class="pure-menu-item dot"><a class="pure-menu-link">Mathematics,</a></li><li class="pure-menu-item dot"><a class="pure-menu-link">Diagrams,</a></li><li class="pure-menu-item dot"><a class="pure-menu-link">Inline Styles.</a></li><li class="pure-menu-item dot"><a class="pure-menu-link">etc..</a></li></ul></div><div class="slider" id="function-slider" style="min-height:560px; width:100vw;"><ul class="unslider-container"><li><div class="slider-img-wrapper"><div class="left-desc"><div style="top:120px;" class="desc-wrapper"><div style="position: relative;"><div class="hotspot-desc-title">Upload Images</div><div class="features-line features-line" style="width: 80px; right: -80px;"></div></div><div class="hotspot-desc-content">Sharing markdown file with images shouldn't be painful. Images can be uploaded to cloud server on macOS with integration of iPic Service. <a href="http://support.typora.io/Images/#upload-images-to-cloud-server-macos-only" target="_blank" class="icon"><i class="fa fa-share-square-o" aria-hidden="true"></i></a></div></div><div style="top:380px;" class="desc-wrapper"><div style="position: relative;"><div class="hotspot-desc-title">Resize Images</div><div class="features-line features-line" style="width: 160px; right: -160px;"></div></div><div class="hotspot-desc-content">Hard to display retina image with correct size? Typora support <img> tag with customized size or zoom factor. <a href="http://support.typora.io/Resize-Image/" class="icon" target="_blank"><i class="fa fa-share-square-o" aria-hidden="true"></i></a></div></div></div><div style="width:600px;"><img src="/img/new/image.png" class="img-rounded" style="width:100%; height:auto;"></div><div class="right-desc"><div style="top:82px;" class="desc-wrapper"><div style="position: relative;"><div class="hotspot-desc-title">Support Relative Path</div><div class="features-line features-line" style="width: 150px;left: -150px;"></div></div><div class="hotspot-desc-content">When handling relative path of a local image file, you could set its base path towards the root folder of your static blog. <a href="http://support.typora.io/Images/#display-images-in-relative-path" target="_blank" class="icon"><i class="fa fa-share-square-o" aria-hidden="true"></i></a></div></div><div style="top:324px;" class="desc-wrapper"><div style="position: relative;"><div class="hotspot-desc-title">Drag & Drop</div><div class="features-line features-line" style="width: 100px;left: -100px;"></div></div><div class="hotspot-desc-content">Insert images will be quite easy via drag & drop. <a href="http://support.typora.io/Images/#drag--drop" target="_blank" class="icon"><i class="fa fa-share-square-o" aria-hidden="true"></i></a></div></div></div></div><div class="slogon">/* <a>Display images, rather than text for images when writing</a> */</div></li><li><div class="slider-img-wrapper"><div class="left-desc"><div style="top:206px;" class="desc-wrapper"><div style="position: relative;"><div class="hotspot-desc-title">Customized Styles</div><div class="features-line features-line" style="width: 78px; right: -78px;"></div></div><div class="hotspot-desc-content">Use your own css code to change font size, alignement, or even make some magics possible, such as <a href="http://support.typora.io/Auto-Numbering/" target="_blank">Auto Numbering Headers</a>.</div></div></div><div style="width:600px;"><img src="/img/new/toc.png" class="img-rounded" style="width:100%; height:auto;"></div><div class="right-desc"><div style="top:106px;" class="desc-wrapper"><div style="position: relative;"><div class="hotspot-desc-title">Table of Contents</div><div class="features-line features-line" style="width:96px;left: -96px;"></div></div><div class="hotspot-desc-content">Type `[TOC]` to insert table of contents, all headings will be listed here.</div></div><div style="top:316px;" class="desc-wrapper"><div style="position: relative;"><div class="hotspot-desc-title">Internal Links</div><div class="features-line features-line" style="width: 190px;left: -190px;"></div></div><div class="hotspot-desc-content"><img src="/img/new/anchor-link.png" style="max-width: 90%;"> Set the href to headers, which will create a bookmark that allow you to jump to that section after clicking. <a href="http://support.typora.io/Markdown-Reference/#internal-links" target="_blank"><i class="fa fa-share-square-o" aria-hidden="true"></i></a></div></div></div></div><div class="slogon">/* <a>Working with headers</a> */</div></li><li><div class="slider-img-wrapper"><div class="left-desc"><div style="top:250px;" class="desc-wrapper"><div style="position: relative;"><div class="hotspot-desc-title">Indent/Outdent</div><div class="features-line features-line" style="width: 108px; right: -108px;"></div></div><div class="hotspot-desc-content">Arrange nested lists like a rich editor, by tab and shift+tab key.</div></div><div style="top:360px;" class="desc-wrapper"><div style="position: relative;"><div class="hotspot-desc-title">Tasks</div><div class="features-line features-line" style="width:88px;right: -88px;"></div></div><div class="hotspot-desc-content">GFM task list supported. Able to manage simple todos in a markdown file.</div></div></div><div style="width:600px;"><img src="/img/new/lists.png" class="img-rounded" style="width:100%; height:auto;"></div><div class="right-desc"><div style="top:76px;" class="desc-wrapper"><div style="position: relative;"><div class="hotspot-desc-title">Change List Type</div><div class="features-line features-line" style="width: 266px;left: -266px;"></div></div><div class="hotspot-desc-content"><img src="/img/new/list-touchbar.png" style="max-width: 100%;"> Use shortcut keys, context menu or touch bar to change list type from one to another.</div></div></div></div><div class="slogon">/* <a>Ordered, Unordered and Task Lists</a> */</div></li><li><div class="slider-img-wrapper"><div class="left-desc"><div style="top:100px;" class="desc-wrapper"><div style="position: relative;"><div class="hotspot-desc-title" style="border-bottom:none;">Easy Resize</div><div class="features-line features-line" style="width: 80px; right: -80px;"></div></div><div class="hotspot-desc-content"><video autoplay muted="muted" preload="preload" loop="loop" style="margin-left: -18px;"><source src="/img/new/resize-table.webm" type="video/webm"></video>Quickest steps to resize tables in Markdown file: just mouse dragging.</div></div></div><div style="width:600px;"><img src="/img/new/table.png" class="img-rounded" style="width:100%; height:auto;"></div><div class="right-desc"><div style="top:146px;" class="desc-wrapper"><div style="position: relative;"><div class="hotspot-desc-title">Quick Reorder</div><div class="features-line features-line" style="width: 150px;left: -150px;"></div></div><div class="hotspot-desc-content"><video autoplay muted="muted" preload="preload" loop="loop" style="margin-left: -8px;"><source src="/img/new/reorder-table.webm" type="video/webm"></video></div></div><div style="top:326px;" class="desc-wrapper"><div style="position: relative;"><div class="hotspot-desc-title">Insert Tables</div><div class="features-line features-line" style="width: 150px;left: -150px;"></div></div><div class="hotspot-desc-content"><video autoplay muted="muted" preload="preload" loop="loop" style="margin-left: -8px;"><source src="/img/new/insert-table.webm" type="video/webm"></video>Use shortcut keys to generate tables with given layouts. Type markdown directly is also supported.</div></div></div></div><div class="slogon">/* <a>Tables from Markdown Extra </a>*/</div></li><li><div class="slider-img-wrapper"><div class="left-desc"><div style="top:116px;" class="desc-wrapper"><div style="position: relative;"><div class="hotspot-desc-title">Line Numbers</div><div class="features-line features-line" style="width: 88px; right: -88px;"></div></div><div class="hotspot-desc-content"><img src="/img/new/line-number.png" style="width: 100%;height:auto;zoom: 0.5;margin-left: -18px;"><div class="shadow"></div>Display line numbers can be turned on in preferences panel.</div></div></div><div style="width:600px;"><img src="/img/new/fences.png" class="img-rounded" style="width:100%; height:auto;"></div><div class="right-desc"><div style="top:226px;" class="desc-wrapper"><div style="position: relative;"><div class="hotspot-desc-title">Syntax Highlight</div><div class="features-line features-line" style="width: 260px;left: -260px;"></div></div><div class="hotspot-desc-content"><video autoplay muted="muted" preload="preload" loop="loop"><source src="/img/new/syntax.webm" type="video/webm"></video>Typora supports around 100 languages for syntax highlighting, covers all common programming languages. <a href="http://support.typora.io/Code-Fences-Language-Support/" target="_blank"><i class="fa fa-share-square-o" aria-hidden="true"></i></a></div></div></div></div><div class="slogon">/* <a>Highlight your code </a>*/</div></li><li><div class="slider-img-wrapper"><div class="left-desc"><div style="top:116px;" class="desc-wrapper"><div style="position: relative;"><div class="hotspot-desc-title">Live Preview</div><div class="features-line features-line" style="width: 158px; right: -158px;"></div></div><div class="hotspot-desc-content"><video autoplay muted="muted" preload="preload" loop="loop"><source src="/img/new/inline-math2.webm" type="video/webm"></video>Preview while you are typing.</div></div></div><div style="width:600px;"><img src="/img/new/math.png" class="img-rounded" style="width:100%; height:auto;"></div><div class="right-desc"><div style="top:156px;" class="desc-wrapper"><div style="position: relative;"><div class="hotspot-desc-title">Chemical Equation</div><div class="features-line features-line" style="width: 230px;left: -230px;"></div></div><div class="hotspot-desc-content">Most MathJax extensions built-in, including <a href="http://docs.mathjax.org/en/latest/input/tex/extensions/mhchem.html" target="_blank">mhchem</a>, <a target="_blank" href="http://docs.mathjax.org/en/latest/input/tex/extensions/ams.html">AMSmath</a>, <a target="_blank" href="http://docs.mathjax.org/en/latest/input/tex/extensions/bbox.html">BBox</a>, etc.</div></div><div style="top:356px;" class="desc-wrapper"><div style="position: relative;"><div class="hotspot-desc-title">Auto Numbering</div><div class="features-line features-line" style="width: 102px;left: -102px;"></div></div><div class="hotspot-desc-content">Auto numbering math equations (enable in preference panel).</div></div></div></div><div class="slogon">/* <a>Take notes on math classes</a> */</div></li><li><div class="slider-img-wrapper"><div class="left-desc"><div style="top:56px;" class="desc-wrapper"><div style="position: relative;"><div class="hotspot-desc-title">Flowchart</div><div class="features-line features-line" style="width: 118px; right: -118px;"></div></div><div class="hotspot-desc-content">Draws simple SVG flow chart diagrams powered by <a href="http://flowchart.js.org/" target="_blank">flowchart.js</a>.</div></div><div style="top:370px;" class="desc-wrapper"><div style="position: relative;"><div class="hotspot-desc-title">Error Hint</div><div class="features-line features-line" style="width: 188px; right: -188px;"></div></div><div class="hotspot-desc-content"><video autoplay muted="muted" preload="preload" loop="loop"><source src="/img/new/diagram-error.webm" type="video/webm"></video><span style="display: block;position: absolute;margin-top: -6px;width: 100%;padding-top: 8px;background-color: white;">Show Error hint on live.</span></div></div></div><div style="width:600px;"><img src="/img/new/diagram.png" class="img-rounded" style="width:100%; height:auto;"></div><div class="right-desc"><div style="top:76px;" class="desc-wrapper"><div style="position: relative;"><div class="hotspot-desc-title">Mermaid</div><div class="features-line features-line" style="width: 266px;left: -266px;"></div></div><div class="hotspot-desc-content">Generation of flowchart, sequence, gantt and more by mermaid engine. <a href="https://mermaid-js.github.io/mermaid" target="_blank"><i class="fa fa-share-square-o" aria-hidden="true"></i></a></div></div><div style="top:276px;" class="desc-wrapper"><div style="position: relative;"><div class="hotspot-desc-title">Sequence</div><div class="features-line features-line" style="width: 86px;left: -86px;"></div></div><div class="hotspot-desc-content">Draws simple SVG sequence diagrams. <a href="https://bramp.github.io/js-sequence-diagrams/" target="_blank"><i class="fa fa-share-square-o" aria-hidden="true"></i></a></div></div></div></div><div class="slogon">/* <a>Draw diagrams from textual representation </a>*/</div></li><li><div class="slider-img-wrapper"><div class="left-desc"><div style="top:70px;" class="desc-wrapper"><div style="position: relative;"><div class="hotspot-desc-title">Emoji</div><div class="features-line features-line" style="width: 208px; right: -208px;top:60px;"></div></div><div class="hotspot-desc-content"><video autoplay muted="muted" preload="preload" loop="loop"><source src="/img/new/emoji.webm" type="video/webm"></video>Input the emoji you want via auto-complete.</div></div><div style="top:280px;" class="desc-wrapper"><div style="position: relative;"><div class="hotspot-desc-title">Links</div><div class="features-line features-line" style="width:268px;right: -268px;"></div></div><div class="hotspot-desc-content"><img src="/img/new/links.png" style="width: 100%;"> Set your the link targets towards a header, a markdown file, or an URL.</div></div></div><div style="width:600px;"><img src="/img/new/inline.png" class="img-rounded" style="width:100%; height:auto;"></div><div class="right-desc"><div style="top:70px;" class="desc-wrapper"><div style="position: relative;"><div class="hotspot-desc-title">Shortcut Keys</div><div class="features-line features-line" style="width: 86px;left: -86px;"></div></div><div class="hotspot-desc-content"><video autoplay muted="muted" preload="preload" loop="loop"><source src="/img/new/strong.webm" type="video/webm"></video>Use shortcut keys one familiar with.</div></div><div style="top:260px;" class="desc-wrapper"><div style="position: relative;"><div class="hotspot-desc-title">CJK Support</div><div class="features-line features-line" style="width: 86px;left: -86px;"></div></div><div class="hotspot-desc-content">All styles include Strong and emphasis can be correctly rendered in CJK charsets.</div></div></div></div><div class="slogon">/* <a>Apply rich styles on texts </a>*/</div></li><li><div class="slider-img-wrapper"><div class="left-desc"><div style="top:170px;" class="desc-wrapper"><div style="position: relative;"><div class="hotspot-desc-title">Blockquote</div><div class="features-line features-line" style="width: 80px; right: -90px;top:45px;"></div></div><div class="hotspot-desc-content">Uses email-style > characters for blockquote.</div></div><div style="top:266px;" class="desc-wrapper"><div style="position: relative;"><div class="hotspot-desc-title">Horizontal line</div><div class="features-line features-line" style="width:128px;right: -128px;"></div></div><div class="hotspot-desc-content">Horizontal lines styled by CSS.</div></div></div><div style="width:600px;"><img src="/img/new/etc.png" class="img-rounded" style="width:100%; height:auto;"></div><div class="right-desc"><div style="top:70px;" class="desc-wrapper"><div style="position: relative;"><div class="hotspot-desc-title">Front Matter</div><div class="features-line features-line" style="width: 86px;left: -86px;"></div></div><div class="hotspot-desc-content">Compatible with files contain YAML Front Matter</div></div><div style="top:280px;" class="desc-wrapper"><div style="position: relative;"><div class="hotspot-desc-title">Footnote</div><div class="features-line features-line" style="width: 249px;left: -249px;"></div></div><div class="hotspot-desc-content">Display footnotes you write on hover.</div></div></div></div><div class="slogon">/* <a>And other block styles </a>*/</div></li></ul></div></section><hr class="divider"><section id="action"><h3>Accessibility</h3><p class="slogon">/* <a style="cursor: text">You focus on the content, Typora helps with the rest</a> */</p><div style="position:relative;margin-top: 48px;"><div style="max-width: 1100px;margin: 0 auto;"><div class="feature-box"><div class="feature-box-img"><img src="/img/new/files.png"></div><div class="feature-box-title">Organize Files</div><div class="feature-box-desc">Typora allows you to manage your files easily, providing both file tree panel and articles (file list) side panel. Fell free to organize files in your own way, including putting in sync services, like Dropbox or iCloud.</div></div><div class="feature-box"><div class="feature-box-img"><video autoplay muted="muted" preload="preload" loop="loop" poster="/img/new/outline.png" src="/img/new/outline.webm" type="video/webm"><source src="/img/new/outline.webm" type="video/webm"></video></div><div class="feature-box-title">Outline Panel</div><div class="feature-box-desc">Automatically see the Outline structure of your documents in outline panel, which allows you to quickly go through the document and jump to any section with one click.</div></div><div class="feature-box"><div class="feature-box-img"><img src="/img/new/import-export.png"></div><div class="feature-box-title">Import & Export</div><div class="feature-box-desc">Export to PDF with bookmarks. Go further and export or import. More formats, including docx, OpenOffice, LaTeX, MediaWiki, Epub, etc, can be exported or imported.</div></div><div class="feature-box"><div class="feature-box-img"><img src="/img/new/word-count.png"></div><div class="feature-box-title">Word Count</div><div class="feature-box-desc">See how large your document is in words, characters, lines, or reading minutes.</div></div><div class="feature-box"><div class="feature-box-img"><img src="/img/new/focus.png"></div><div class="feature-box-title">Focus Mode & TypeWriter Mode</div><div class="feature-box-desc">Focus mode helps you focus only on the current line, by blurring the others. Typewriter mode always keeps the currently active line in the middle of the window.</div></div><div class="feature-box"><div class="feature-box-img"><video autoplay muted="muted" preload="preload" loop="loop" src="/img/new/auto-pair.webm" type="video/webm"><source src="/img/new/auto-pair.webm" type="video/webm"></video></div><div class="feature-box-title">Auto Pair</div><div class="feature-box-desc">Auto complete pair of brackets and quotes like a code editor. Also, There's also an option to auto pair markdown symbols, like * or _.</div></div></div></div><div class="slogon" style="margin-top: 40px;">/* <a>More in Our Documents</a> */</div></section><hr class="divider"><section id="theme"><div><h3 style="text-align:center;">Custom Themes</h3><div class="slogon" style="position:relative;">/* <a style="cursor:pointer;" id="show-css-preview">fully configurable by CSS <i class="fa fa-info-circle" style="color:#CCC;"></i></a> */<div class="theme-preview"><img src="/img/theme-prev/Snip20141101_4.png" class="img-rounded" style="max-width:600px; height:auto; margin-right:-500px; margin-left: -400px;"> <img src="/img/theme-prev/Snip20141101_5.png" class="img-rounded" style="max-width:600px; height:auto; margin-right:-500px;"> <img src="/img/theme-prev/Snip20141101_6.png" class="img-rounded" style="max-width:600px; height:auto; margin-right:-500px;"> <img src="/img/theme-prev/Snip20141101_3.png" class="img-rounded" style="max-width:600px; height:auto; margin-right:-500px;"></div><div class="css-preview"><img src="/img/theme-prev/Snip20150302_23.png" class="img-rounded" style="max-width:600px; height:auto;"> <img src="/img/theme-prev/Snip20150302_21.png" class="img-rounded" style="width:300px; height:auto; position: relative;top: -200px;"></div></div></div></section><section id="likes"><div class="like-card-slide"><ul class="unslider-container"><li class="dot active"><div class="like-card" data-conversation="none" data-cards="hidden" data-lang="en"><div class="like-card-inner"><div class="like-sentense"><h5 style="font-size: 48px;">and, loved by our users</h5></div></div><button class="next-user-card"><svg class="icon icon-arrow-right" style="width: 42px;height: 18px;"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-arrow-right"></use></svg></button></div></li><li class="dot"><div class="like-card" data-conversation="none" data-cards="hidden" data-lang="en"><div class="like-card-inner"><div><img class="quote-img" src="img/new/two-quotes.svg"></div><div class="like-sentense"><a href="https://twitter.com/tastapod/status/739121949104844800">There is just something so natural about writing #markdown with @Typora.</a></div><div class="like-user" style="text-align: right;"><span style="background-color: white; height:1px; width: 60px;display: inline-block;vertical-align: middle;"></span> <img class="avatar js-action-profile-avatar" src="/img/user/bio-photo-square_bigger.jpg" alt=""><a href="https://twitter.com/tastapod" target="_blank">Dan North</a></div></div><button class="next-user-card"><svg class="icon icon-arrow-right" style="width: 42px;height: 18px;"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-arrow-right"></use></svg></button></div></li><li class="dot"><div class="like-card" data-conversation="none" data-cards="hidden" data-lang="en"><div class="like-card-inner"><div><img class="quote-img" src="img/new/two-quotes.svg"></div><div class="like-sentense"><a href="https://twitter.com/atechiethought/status/882236312639725568" target="_blank">Just wanted to say BIG Thank you since I used typora to write my entire book 'Microservices with .NET Core'</a></div><div class="like-user" style="text-align: right;"><span style="background-color: white; height:1px; width: 60px;display: inline-block;vertical-align: middle;"></span> <img class="avatar js-action-profile-avatar" src="img/user/FC_mbI8E_bigger.jpg" alt=""> <a href="https://twitter.com/atechiethought" target="_blank">@atechiethought</a></div></div><button class="next-user-card"><svg class="icon icon-arrow-right" style="width: 42px;height: 18px;"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-arrow-right"></use></svg></button></div></li><li class="dot"><div class="like-card" data-conversation="none" data-cards="hidden" data-lang="en"><div class="like-card-inner"><div><img class="quote-img" src="img/new/two-quotes.svg"></div><div class="like-sentense"><a href="https://twitter.com/avdi/status/785511735373524992" target="_blank">This is one of the nicest Markdown editors I've ever tried.</a></div><div class="like-user" style="text-align: right;"><span style="background-color: white; height:1px; width: 60px;display: inline-block;vertical-align: middle;"></span> <img class="avatar js-action-profile-avatar" src="img/user/jhdnZ0nK_bigger.jpg" alt=""> <a href="https://twitter.com/avdi" target="_blank">Avdi Grimm</a></div></div><button class="next-user-card"><svg class="icon icon-arrow-right" style="width: 42px;height: 18px;"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-arrow-right"></use></svg></button></div></li><li class="dot"><div class="like-card" data-conversation="none" data-cards="hidden" data-lang="en"><div class="like-card-inner"><div class="like-sentense"><a href="/likes.html" target="_blank"><span style="text-decoration: underline;">Here</span> are more words from our users.</a></div></div><button class="next-user-card"><svg class="icon icon-arrow-left" style="width: 42px;height: 18px;"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-arrow-right"></use></svg></button></div></li></ul></div></section><section id="download"></section><section id="purchase" class="fullscreen" style="height:calc(100vh - 70px)"><div class="content-resizer"><div style="max-width:600px;margin:0 auto;"><h2 style="font-family:'Century Gothic', sans-serif;">want Typora ?</h2></div><div class="sub-group" style="margin-top:80px;"><div style="display: flex;width:420px;margin:auto;justify-content: center;"><div><img src="/img/icon_256x256.png" style="width:128px;"></div><div style="text-align:left; padding-left:16px;padding-top: 20px;"><div><span style="font-size: 0.8rem;opacity: 0.6;">15 days free trial / up to 3 devices</span></div><div><p style='margin: 8px 0;font-size: 14px;color: #555;font-family: "Arial",sans-serif;'>A minimal Markdown editor and reader.</p></div><div id="purchase-count-group-wrapper"><span style="display: inline-block;color: #192023;background-color: #e4e4e4;padding: 4px 12px;border-radius: 4px;font-family: 'Arial',sans-serif;font-size:16px;cursor:default;" title="click to edit">$ 14.99</span> <span style="margin-left: 8px;opacity: 0.6;">(without tax)</span> <span id="purchase-count-group" style="float:right;display: block;margin-right: -24px;"><span id="purchase-count-minus" class="purchase-count-op" role="button" title="minus amount"><i class="fa fa-minus"></i></span> <span id="purchase-count-display" class="purchase-count-wrapper">x 1</span> <span id="purchase-count-input-wrapper" style="display: none;" class="purchase-count-wrapper">x <input type="number" id="purchase-count-input" value="1" step="1" style="padding: 0;margin: 0;width: 3ch;font-size: inherit;outline: none;" min="1"></span><span id="purchase-count-plus" class="purchase-count-op" role="button" title="add amount"><i class="fa fa-plus"></i></span></span></div></div></div><div id="purchase-btn" class="bp3-button-group purchase-btn checkbox-btn"><a role="button" type="button" class="bp3-button bp3-large" target="_blank"><span icon="shopping-cart" class="bp3-icon bp3-icon-shopping-cart"><svg data-icon="shopping-cart" width="16" height="16" viewBox="0 0 16 16"><desc>shopping-cart</desc><path d="M14 10H7.72l-.33-1H13c.39 0 .72-.23.89-.56h.01l2-4h-.01c.06-.13.11-.28.11-.44 0-.55-.45-1-1-1H5.39l-.44-1.32h-.01C4.8 1.29 4.44 1 4 1H1c-.55 0-1 .45-1 1s.45 1 1 1h2.28l2.33 7H4c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2h6c0 1.1.9 2 2 2s2-.9 2-2-.9-2-2-2zM6.05 5h7.33l-1 2H6.72l-.67-2z" fill-rule="evenodd"></path></svg></span><span class="bp3-button-text">Purchase</span></a></div><div id="download-btn-group" class="bp3-button-group purchase-btn download-btn no-decided-download-btn" style="position: relative;"><button id="default-download-btn" type="button" class="bp3-button bp3-large bp3-outlined"><span id="download-icon" icon="download" class="bp3-icon bp3-icon-download"><svg data-icon="download" width="16" height="16" viewBox="0 0 16 16"><desc>download</desc><path d="M7.99-.01c-4.42 0-8 3.58-8 8s3.58 8 8 8 8-3.58 8-8-3.58-8-8-8zM11.7 9.7l-3 3c-.18.18-.43.29-.71.29s-.53-.11-.71-.29l-3-3A1.003 1.003 0 015.7 8.28l1.29 1.29V3.99c0-.55.45-1 1-1s1 .45 1 1v5.59l1.29-1.29a1.003 1.003 0 011.71.71c0 .27-.11.52-.29.7z" fill-rule="evenodd"></path></svg></span><span class="bp3-button-text">Download</span></button><button id="download-option-btn" type="button" class="bp3-button bp3-outlined"><span icon="caret-down" class="bp3-icon bp3-icon-caret-down"><svg data-icon="caret-down" width="16" height="16" viewBox="0 0 16 16"><desc>caret-down</desc><path d="M12 6.5c0-.28-.22-.5-.5-.5h-7a.495.495 0 00-.37.83l3.5 4c.09.1.22.17.37.17s.28-.07.37-.17l3.5-4c.08-.09.13-.2.13-.33z" fill-rule="evenodd"></path></svg></span></button><div id="download-option-list" class="dropdown-content"><a href="https://download.typora.io/mac/Typora.dmg" download><span><svg version="1.1" id="macos-icon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512.003 512.003" style="width: 16px;" xml:space="preserve"><g><g><path d="M351.98,0c-27.296,1.888-59.2,19.36-77.792,42.112c-16.96,20.64-30.912,51.296-25.472,81.088 c29.824,0.928,60.64-16.96,78.496-40.096C343.916,61.568,356.556,31.104,351.98,0z"/></g></g><g><g><path d="M459.852,171.776c-26.208-32.864-63.04-51.936-97.824-51.936c-45.92,0-65.344,21.984-97.248,21.984 c-32.896,0-57.888-21.92-97.6-21.92c-39.008,0-80.544,23.84-106.88,64.608c-37.024,57.408-30.688,165.344,29.312,257.28 c21.472,32.896,50.144,69.888,87.648,70.208c33.376,0.32,42.784-21.408,88-21.632c45.216-0.256,53.792,21.92,87.104,21.568 c37.536-0.288,67.776-41.28,89.248-74.176c15.392-23.584,21.12-35.456,33.056-62.08 C387.852,342.624,373.932,219.168,459.852,171.776z"/></g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg></span><span>macOS</span></a> <a href="https://download.typora.io/windows/typora-setup-x64.exe" download><span><svg version="1.1" id="windows-icon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="width: 16px;" xml:space="preserve"><g><g><polygon points="0,80 0,240 224,240 224,52 "/></g></g><g><g><polygon points="256,48 256,240 512,240 512,16 "/></g></g><g><g><polygon points="256,272 256,464 512,496 512,272 "/></g></g><g><g><polygon points="0,272 0,432 224,460 224,272 "/></g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg> </span><span>Windows (64 bit)</span></a> <a href="https://download.typora.io/windows/typora-setup-ia32.exe"><span><svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="width: 16px;" xml:space="preserve"><g><g><polygon points="0,80 0,240 224,240 224,52 "/></g></g><g><g><polygon points="256,48 256,240 512,240 512,16 "/></g></g><g><g><polygon points="256,272 256,464 512,496 512,272 "/></g></g><g><g><polygon points="0,272 0,432 224,460 224,272 "/></g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg> </span><span>Windows (32 bit)</span></a> <a href="https://download.typora.io/windows/typora-setup-arm64.exe"><span><svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="width: 16px;" xml:space="preserve"><g><g><polygon points="0,80 0,240 224,240 224,52 "/></g></g><g><g><polygon points="256,48 256,240 512,240 512,16 "/></g></g><g><g><polygon points="256,272 256,464 512,496 512,272 "/></g></g><g><g><polygon points="0,272 0,432 224,460 224,272 "/></g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg> </span><span>Windows (ARM)</span></a> <a id="linux-download-btn" href="#linux"><span><svg version="1.1" id="linux-icon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 304.998 304.998" style="width:16px;" xml:space="preserve"><g id="XMLID_91_"><path id="XMLID_92_" d="M274.659,244.888c-8.944-3.663-12.77-8.524-12.4-15.777c0.381-8.466-4.422-14.667-6.703-17.117 c1.378-5.264,5.405-23.474,0.004-39.291c-5.804-16.93-23.524-42.787-41.808-68.204c-7.485-10.438-7.839-21.784-8.248-34.922 c-0.392-12.531-0.834-26.735-7.822-42.525C190.084,9.859,174.838,0,155.851,0c-11.295,0-22.889,3.53-31.811,9.684 c-18.27,12.609-15.855,40.1-14.257,58.291c0.219,2.491,0.425,4.844,0.545,6.853c1.064,17.816,0.096,27.206-1.17,30.06 c-0.819,1.865-4.851,7.173-9.118,12.793c-4.413,5.812-9.416,12.4-13.517,18.539c-4.893,7.387-8.843,18.678-12.663,29.597 c-2.795,7.99-5.435,15.537-8.005,20.047c-4.871,8.676-3.659,16.766-2.647,20.505c-1.844,1.281-4.508,3.803-6.757,8.557 c-2.718,5.8-8.233,8.917-19.701,11.122c-5.27,1.078-8.904,3.294-10.804,6.586c-2.765,4.791-1.259,10.811,0.115,14.925 c2.03,6.048,0.765,9.876-1.535,16.826c-0.53,1.604-1.131,3.42-1.74,5.423c-0.959,3.161-0.613,6.035,1.026,8.542 c4.331,6.621,16.969,8.956,29.979,10.492c7.768,0.922,16.27,4.029,24.493,7.035c8.057,2.944,16.388,5.989,23.961,6.913 c1.151,0.145,2.291,0.218,3.39,0.218c11.434,0,16.6-7.587,18.238-10.704c4.107-0.838,18.272-3.522,32.871-3.882 c14.576-0.416,28.679,2.462,32.674,3.357c1.256,2.404,4.567,7.895,9.845,10.724c2.901,1.586,6.938,2.495,11.073,2.495 c0.001,0,0,0,0.001,0c4.416,0,12.817-1.044,19.466-8.039c6.632-7.028,23.202-16,35.302-22.551c2.7-1.462,5.226-2.83,7.441-4.065 c6.797-3.768,10.506-9.152,10.175-14.771C282.445,250.905,279.356,246.811,274.659,244.888z M124.189,243.535 c-0.846-5.96-8.513-11.871-17.392-18.715c-7.26-5.597-15.489-11.94-17.756-17.312c-4.685-11.082-0.992-30.568,5.447-40.602 c3.182-5.024,5.781-12.643,8.295-20.011c2.714-7.956,5.521-16.182,8.66-19.783c4.971-5.622,9.565-16.561,10.379-25.182 c4.655,4.444,11.876,10.083,18.547,10.083c1.027,0,2.024-0.134,2.977-0.403c4.564-1.318,11.277-5.197,17.769-8.947 c5.597-3.234,12.499-7.222,15.096-7.585c4.453,6.394,30.328,63.655,32.972,82.044c2.092,14.55-0.118,26.578-1.229,31.289 c-0.894-0.122-1.96-0.221-3.08-0.221c-7.207,0-9.115,3.934-9.612,6.283c-1.278,6.103-1.413,25.618-1.427,30.003 c-2.606,3.311-15.785,18.903-34.706,21.706c-7.707,1.12-14.904,1.688-21.39,1.688c-5.544,0-9.082-0.428-10.551-0.651l-9.508-10.879 C121.429,254.489,125.177,250.583,124.189,243.535z M136.254,64.149c-0.297,0.128-0.589,0.265-0.876,0.411 c-0.029-0.644-0.096-1.297-0.199-1.952c-1.038-5.975-5-10.312-9.419-10.312c-0.327,0-0.656,0.025-1.017,0.08 c-2.629,0.438-4.691,2.413-5.821,5.213c0.991-6.144,4.472-10.693,8.602-10.693c4.85,0,8.947,6.536,8.947,14.272 C136.471,62.143,136.4,63.113,136.254,64.149z M173.94,68.756c0.444-1.414,0.684-2.944,0.684-4.532 c0-7.014-4.45-12.509-10.131-12.509c-5.552,0-10.069,5.611-10.069,12.509c0,0.47,0.023,0.941,0.067,1.411 c-0.294-0.113-0.581-0.223-0.861-0.329c-0.639-1.935-0.962-3.954-0.962-6.015c0-8.387,5.36-15.211,11.95-15.211 c6.589,0,11.95,6.824,11.95,15.211C176.568,62.78,175.605,66.11,173.94,68.756z M169.081,85.08 c-0.095,0.424-0.297,0.612-2.531,1.774c-1.128,0.587-2.532,1.318-4.289,2.388l-1.174,0.711c-4.718,2.86-15.765,9.559-18.764,9.952 c-2.037,0.274-3.297-0.516-6.13-2.441c-0.639-0.435-1.319-0.897-2.044-1.362c-5.107-3.351-8.392-7.042-8.763-8.485 c1.665-1.287,5.792-4.508,7.905-6.415c4.289-3.988,8.605-6.668,10.741-6.668c0.113,0,0.215,0.008,0.321,0.028 c2.51,0.443,8.701,2.914,13.223,4.718c2.09,0.834,3.895,1.554,5.165,2.01C166.742,82.664,168.828,84.422,169.081,85.08z M205.028,271.45c2.257-10.181,4.857-24.031,4.436-32.196c-0.097-1.855-0.261-3.874-0.42-5.826 c-0.297-3.65-0.738-9.075-0.283-10.684c0.09-0.042,0.19-0.078,0.301-0.109c0.019,4.668,1.033,13.979,8.479,17.226 c2.219,0.968,4.755,1.458,7.537,1.458c7.459,0,15.735-3.659,19.125-7.049c1.996-1.996,3.675-4.438,4.851-6.372 c0.257,0.753,0.415,1.737,0.332,3.005c-0.443,6.885,2.903,16.019,9.271,19.385l0.927,0.487c2.268,1.19,8.292,4.353,8.389,5.853 c-0.001,0.001-0.051,0.177-0.387,0.489c-1.509,1.379-6.82,4.091-11.956,6.714c-9.111,4.652-19.438,9.925-24.076,14.803 c-6.53,6.872-13.916,11.488-18.376,11.488c-0.537,0-1.026-0.068-1.461-0.206C206.873,288.406,202.886,281.417,205.028,271.45z M39.917,245.477c-0.494-2.312-0.884-4.137-0.465-5.905c0.304-1.31,6.771-2.714,9.533-3.313c3.883-0.843,7.899-1.714,10.525-3.308 c3.551-2.151,5.474-6.118,7.17-9.618c1.228-2.531,2.496-5.148,4.005-6.007c0.085-0.05,0.215-0.108,0.463-0.108 c2.827,0,8.759,5.943,12.177,11.262c0.867,1.341,2.473,4.028,4.331,7.139c5.557,9.298,13.166,22.033,17.14,26.301 c3.581,3.837,9.378,11.214,7.952,17.541c-1.044,4.909-6.602,8.901-7.913,9.784c-0.476,0.108-1.065,0.163-1.758,0.163 c-7.606,0-22.662-6.328-30.751-9.728l-1.197-0.503c-4.517-1.894-11.891-3.087-19.022-4.241c-5.674-0.919-13.444-2.176-14.732-3.312 c-1.044-1.171,0.167-4.978,1.235-8.337c0.769-2.414,1.563-4.91,1.998-7.523C41.225,251.596,40.499,248.203,39.917,245.477z"/></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg> </span><span>Linux</span></a> <span class="divider"></span> <a href="/releases/all" target="_blank">All / History Releases</a></div></div></div><div class="purchase-link-wrapper" id="windows-version-hint" style="max-width:600px;margin:0 auto; margin-top:42px;color: #777;font-style: italic;display: none;">Requires Windows 10, 11. <a href="https://support.typora.io/Older-Windows-Support/">Click here</a> for Windows 7 / 8 version.</div><div class="purchase-link-wrapper" style="max-width:600px;margin:0 auto; margin-top:64px;"><p class="alternative-hint" style="display:none">Meet troubles? <a href="#" onclick="makeAlternative();return false;">Click here to use alternative payment methods.</a></p><p style="font-size:0.9em; color: gray;"><i><a href="/releases/all" target="_blank">All / History Releases</a> / <a href="#" onclick="makeSelfQuote();return false;">Make a Quote</a> / <a onclick='setTimeout(() => {$("#download-option-list").toggleClass("show")}, 50);'>For Other OS</a> / <a href="https://store.typora.io/#faq" target="_blank">Purchase FAQ</a></i></p></div></div></section><section id="contact" class="fullscreen" style="background-color:#333; color:#eee; text-align:center; margin-top:-70px;padding-top:70px;height:calc(100vh - 100px)"><div class="content-resizer" style="margin-top: -160px"><h3><i class="fa fa-paper-plane-o"></i></h3><p style="margin-top:40px; margin-bottom:0;"><a href="/cdn-cgi/l/email-protection#caa2a38abeb3baa5b8abe4a3a5" target="_blank" style="text-decoration: underline;">Email</a> · <a href="https://twitter.com/typora" target="_blank" style="text-decoration: underline;">@typora</a> · <a href="https://support.typora.io/" target="_blank" style="text-decoration: underline;">Support</a></p><div class="feedback"><form action="https://formspree.io/f/myylqqgn" method="POST"><textarea placeholder="have something to say?" id="feedback-content" name="message" required="required"></textarea> <input name="subject" value="Feedback from " style="display:none;"> <input placeholder="email address for us to contact you" id="feedback-from" type="email" name="_replyto" required="required"><button type="submit" id="send-update">Send</button></form></div></div><div class="getsocial gs-inline-group"></div></section><section id="about" style="background-color:#29292a; color:#c5c5c5; text-align:center;padding-top:80px;padding-bottom:60px;"><div class="about-wrapper" style="max-width:800px;margin:auto;display:flex;"><div class="about-left"><div class="about-column"><h5>Product</h5><a href="https://support.typora.io/" target="_blank">Documents</a> <a href="https://theme.typora.io" target="_blank">Themes</a> <a href="https://support.typora.io/what's-new/" target="_blank">What's New</a> <a href="https://typora.io/presskit.zip">Press Kit</a></div><div class="about-column"><h5>Downloads</h5><a href="https://download.typora.io/mac/Typora.dmg">macOS</a> <a href="#linux" id="linux-download-link">Linux</a> <a href="https://download.typora.io/windows/typora-setup-x64.exe">Windows (64 bit)</a> <a href="https://download.typora.io/windows/typora-setup-ia32.exe">Windows (32 bit)</a> <a href="https://download.typora.io/windows/typora-setup-arm64.exe">Windows (ARM)</a> <a href="/releases/all" target="_blank">History Releases</a></div><div class="about-column"><h5>Purchase</h5><a href="#purchase">Price</a> <a href="https://support.typora.io/activation/#register--activate-typora" target="_blank">Activate Typora</a> <a href="https://store.typora.io/#faq">Purchase FAQ</a> <a href="https://store.typora.io/my" target="_blank">Find my License</a> <a href="https://fastspring.com/consumer-support/" target="_blank">Order Questions</a> <a href="#" onclick="makeSelfQuote();return false;">Make a Quote</a></div><div class="about-column"><h5>Contact</h5><a href="https://typora.io/">Home</a> <a href="https://twitter.com/typora/" target="_blank">Twitter</a> <a href="/cdn-cgi/l/email-protection#711918310508011e03105f181e">Email</a> <a href="https://github.com/typora/typora-issues/issues">Issues</a> <a href="https://appmakes.io" target="_blank">Team</a> <a href="https://www.avangatenetwork.com/affiliates/marketplace/product/typora.html" target="_blank">Affiliate Program</a></div><div class="about-column"><h5>About</h5><a href="https://support.typora.io/License-Agreement/" target="_blank">License Agreement</a> <a href="https://support.typora.io/Privacy-Policy/" target="_blank">Privacy Policy</a> <a href="https://support.typora.io/Acknowledgement/" target="_blank">Acknowledgement</a><br><a href="https://typoraio.cn/" target="_blank">中文站</a></div></div><div class="about-right"><a href="https://appmakes.io" target="_blank"><img src="img/appmakes.png"></a></div></div></section><section id="news" style="background-color:#333;text-align:center;padding-top:50px;padding-bottom:32px;"></section><div id="linux-dialog" style="position:fixed; top:0; right:0; left:0; bottom:0; z-index:999; display:none;"><div style="position:fixed; top:0; right:0; left:0; bottom:0; /*background-color: rgba(51, 51, 51, 0.8);*/color:white;background: #3f3940;"><a id="hide-linux" href="#" style="display:block; position:fixed; padding-top: 40px; padding-right:60px; top :0; right:0; padding-left:40px; padding-bottom:40px;"><div class="patty"></div></a><div style="position:fixed; top: 20px; left: 40px; font-size: 24px; color: #555;"><img src="img/favicon-64.png"></div><div style="position:fixed; top: 40px; left: 114px; font-size: 24px;">for Linux</div><!--div style="position:absolute;top: 50%;left: 50%;margin-top: -200px; margin-left: -400px;width: 800px;height: 400px; border-radius: 3px;border: 1px solid #e0e2e3; background-color: #FDFEFE; z-index:1000; opacity:1; text-align:center; color: #666; " > <h3 style="margin-top:130px;"> Sorry, Not Ready yet... </h3> <p style="margin-top:100px"><a class="twitter-follow-button" data-show-count ="false" data-size= "large" href="https://twitter.com/typora" target="_blank">Follow @typora</a> to get updates notified.</p> </div--><div class="install-wrapper"><div class="sinatll-snap"><a class="snap-button" href="https://download.typora.io/linux/typora_1.10.8_amd64.deb">Download Typora.deb</a><!--a class="snap-button" href="snap://typora">sudo snap install typora</a--></div><div class="hr-sect">or</div><div class="terminal-inner"><pre class="cm-comment"># or run:<br># sudo apt-key adv --keyserver keyserver.ubuntu.com --recv-keys BA300B7755AFCFAE</pre><pre><span class="cm-builtin">wget</span> <span class="cm-attribute">-qO</span> <span class="cm-attribute">-</span> <span class="cm-string">https://typora.io/linux/public-key.asc</span> | <span class="cm-key">sudo</span> tee <span class="cm-string">/etc/apt/trusted.gpg.d/typora.asc</span></pre><pre></pre><pre class="cm-comment"># add Typora's repository</pre><pre><span class="cm-key">sudo</span> add-apt-repository <span class="cm-string">'deb https://typora.io/linux ./'</span></pre><pre><span class="cm-key">sudo</span> apt update</pre><pre></pre><pre class="cm-comment"># install typora</pre><pre><span class="cm-key">sudo</span> apt install <span class="cm-name">typora</span></pre><img src="/img/terminal.png" style="position: absolute;height:auto;width:100%;top: 0;left: 0;border-bottom: 1px solid black;"></div></div><div class="linux-binary-download">>> or, download <a href="https://download.typora.io/linux/Typora-linux-x64.tar.gz">binary file (x64)</a> | <a href="https://download.typora.io/linux/Typora-linux-arm64.tar.gz">binary file (ARM)</a> <<</div><div class="instruction-link">>> <a href="http://support.typora.io/Typora-on-Linux/" target="_blank">More Instructions</a> | <a href="/releases/stable.html" target="_blank">Change Log</a> <<</div></div><script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="text/javascript">if(window.location.href.indexOf("#windows") > -1){ $("#purchase").trigger("click"); } else if(window.location.href.indexOf("#linux") > -1){ $("#purchase").trigger("click"); $("#linux-dialog").show(); }</script><script>$.getScript("js/jquery.nav.js", function(){ $('header').onePageNav({ currentClass: 'pure-menu-active' }); }); $.getScript("lib/typed.js-master/js/typed.js", function(){ $(".typed-quotes").typed({ strings: ["a truly **minimal** markdown editor.", "new way to read & write markdown.", "I think this is the one, <span style='color:#d14836'>❤</span>IT."], typeSpeed: 50, contentType: 'html', loop: true, backDelay: 1000 }); }); (function readNews(){ window.fetch("https://support.typora.io/news.json") .then(function(r){ return r.text(); }).then(function(text) { text = text.trim(); var res = JSON.parse(text); var date = new Date(res.date.split(" ")[0]).toLocaleDateString('en-us', { month:"short", day:"numeric"}); $("#news").html(`<p><a href="https://support.typora.io/${res.url}" target="_blank"><span><i class="fa fa-bullhorn" aria-hidden="true"></i>NEWS</span> • <span class="news-date">${date}</span> • <span class="news-title">${res.title}</span> <i class="fa fa-external-link" aria-hidden="true" style="vertical-align: text-bottom;"></i></a></p>`); }); })();</script><script type="text/javascript" src="/js/main.js"></script><!-- Go to www.addthis.com/dashboard to customize your tools --><script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-54f423356e25706b" async="async"></script><script type="text/javascript">(function(a,b,c,d,e,f,g){e['ire_o']=c;e[c]=e[c]||function(){(e[c].a=e[c].a||[]).push(arguments)};f=d.createElement(b);g=d.getElementsByTagName(b)[0];f.async=1;f.src=a;g.parentNode.insertBefore(f,g);})('https://utt.impactcdn.com/A3286824-7fc4-4884-b6d1-b889ff7f89d01.js','script','ire',document,window); ire('identify', {customerid: '' /*INSERT CUSTOMER ID*/, customeremail: '' /*INSERT SHA1 HASHED CUSTOMER EMAIL*/});</script><!-- Google tag (gtag.js) --><script async src="https://www.googletagmanager.com/gtag/js?id=G-R7492Y8XGW"></script><script>window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-R7492Y8XGW');</script><script type="text/javascript">(function(c,l,a,r,i,t,y){ c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)}; t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i; y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y); })(window, document, "clarity", "script", "jtslpj092u");</script></div></body></html>