PageSourceSearch

https://typora.io/

html typora.io collected 2026-09-24 15:34:13 UTC 54,274 bytes, 151 lines download raw bytes

1<!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">
1<script src="js/jquery-3.3.1.js"></script>
1<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">
1<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>
1<style>.show-old {
2			display: none;
3		}
4		#block-h {
5			display: block;
6			float: right;
7			position: fixed;
8			z-index: 2147483647;
9			background: #fff;
10			top: 205px;
11			height: 20px;
12			right: 200px;
13			width: 100px;
14		}
15
16		#block-t {
17			display: block;
18			float: right;
19			position: fixed;
20			z-index: 2147483647;
21			background: #fffefe;
22			top: 340px;
23			height: 20px;
24			right: 100px;
25			width: 100px;
26		}
27
28		@media screen and (max-width: 767px) {
29			#block-h {
30				top: 500px;
31				right: 300px;
32				width: 219px;
33			}
34
35			#block-t {
36				top: 789px;
37				right: 300px;
38				width: 219px;
39			}
40    }
41		@media (min-height: 887) and (min-width: 767px) {
42				#block-t {
43					top: 0;
44					right: 400px;
45					width: 119px;
46					bottom: 0;
47					height: auto;
48					right: 0;
49					width: 100%;
50				}
51
52				#block-t:after {
53					content: "Sorry, Please checkout on a larger screen";
54					top: 50%;
55					left: 20%;
56					position: fixed;
57				}
58			}
59
60			.c-container {
61				font-family: sans-serif;
62			}</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>
62<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 &lt;img&gt; 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">
62Indent/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>
62Highlight 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">
62<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 &gt; 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">
62Focus 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">Markdown is the official text format for AI, and Typora is the best editor for Markdown.</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> Charles McGuinness</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">
62Just 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&#39;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">
62<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://downloads.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
63								 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
64								 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
65								 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
66								 c37.536-0.288,67.776-41.28,89.248-74.176c15.392-23.584,21.12-35.456,33.056-62.08
67								 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://downloads.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://downloads.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://downloads.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
68							 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
69							 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
70							 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
71							 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
72							 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
73							 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
74							 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
75							 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
76							 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
77							 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
78							 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
79							 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
80							 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
81							 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
82							 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
83							 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
84							 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
85							 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
86							 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
87							 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
88							 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
89							 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
90							 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
91							 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
92							 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
93							 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
94							 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
95							 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
96							 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
97								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
98							 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
99							 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
100							 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
101							 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
102							 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
103								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
104							 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
105							 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
106							 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
107							 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
108							 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#593130192d2029362b38773036" target="_blank" style="text-decoration: underline;">Email</a> &nbsp;&nbsp;&nbsp;·&nbsp;&nbsp;&nbsp; <a href="https://twitter.com/typora" target="_blank" style="text-decoration: underline;">@typora</a>&nbsp;&nbsp;&nbsp;·&nbsp;&nbsp;&nbsp;<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://downloads.typora.io/mac/Typora.dmg">macOS</a>
108 <a href="#linux" id="linux-download-link">Linux</a> <a href="https://downloads.typora.io/windows/typora-setup-x64.exe">Windows (64 bit)</a> <a href="https://downloads.typora.io/windows/typora-setup-ia32.exe">Windows (32 bit)</a> <a href="https://downloads.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#e48c8da4909d948b9685ca8d8b">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; " >
109				<h3 style="margin-top:130px;"> Sorry, Not Ready yet... </h3>
110				<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>
110 to get updates notified.</p>
111			</div--><div class="install-wrapper"><div class="sinatll-snap"><a class="snap-button" href="https://downloads.typora.io/linux/typora_1.14.9_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"><div style="overflow-x:auto;padding-bottom: 24px;"><pre class="cm-comment"># add Typora's key</pre><pre><span class="cm-key">sudo</span> <span class="cm-builtin">mkdir</span> <span class="cm-attribute">-p</span> /etc/apt/keyrings</pre><pre><span class="cm-builtin">curl</span> <span class="cm-attribute">-fsSL</span> https://downloads.typora.io/typora.gpg | <span class="cm-builtin">sudo</span> <span class="cm-builtin">tee</span> /etc/apt/keyrings/typora.gpg &gt; /dev/null</pre><pre class="cm-comment"># add Typora's repository securely</pre><pre><span class="cm-builtin">echo</span> <span class="cm-string">"deb [signed-by=/etc/apt/keyrings/typora.gpg] https://downloads.typora.io/linux ./"</span> | <span class="cm-builtin">sudo</span> <span class="cm-builtin">tee</span> /etc/apt/sources.list.d/typora.list</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></div><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">&gt;&gt; or, download <a href="https://downloads.typora.io/linux/Typora-linux-x64.tar.gz">binary file (x64)</a> | <a href="https://downloads.typora.io/linux/Typora-linux-arm64.tar.gz">binary file (ARM)</a> &lt;&lt;</div><div class="instruction-link">&gt;&gt;&nbsp;&nbsp;<a href="http://support.typora.io/Typora-on-Linux/" target="_blank">More Instructions</a>&nbsp;|&nbsp;<a href="/releases/stable.html" target="_blank">Change Log</a>&nbsp;&nbsp;&lt;&lt;</div></div>
vendor: 108 bytes, line 111
111<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
111<script type="text/javascript">if(window.location.href.indexOf("#windows") > -1){
112			$("#purchase").trigger("click");
113		} else if(window.location.href.indexOf("#linux") > -1){
114			$("#purchase").trigger("click");
115			$("#linux-dialog").show();
116		}</script>
116<script>$.getScript("js/jquery.nav.js", function(){
117			$('header').onePageNav({
118				currentClass: 'pure-menu-active'
119			});
120		});
121		$.getScript("lib/typed.js-master/js/typed.js", function(){
122			$(".typed-quotes").typed({
123				strings: ["a truly **minimal** markdown editor.", 
124				"new way to read &#38; write markdown.", "I think this is the one, <span style='color:#d14836'>❤</span>IT."],
125				typeSpeed: 50,
126				contentType: 'html',
127				loop: true,
128				backDelay: 1000
129			});
130		});
131		(function readNews(){
132			window.fetch("https://support.typora.io/news.json")
133			.then(function(r){
134				return r.text();
135			}).then(function(text) {
136				text = text.trim();
137				var res = JSON.parse(text);
138				var date = new Date(res.date.split(" ")[0]).toLocaleDateString('en-us', { month:"short", day:"numeric"});
139				
140				$("#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> &nbsp;&nbsp;•&nbsp;&nbsp; <span class="news-date">${date}</span> &nbsp;&nbsp;•&nbsp;&nbsp; <span class="news-title">${res.title}</span> <i class="fa fa-external-link" aria-hidden="true" style="vertical-align: text-bottom;"></i></a></p>`);
141			});
142		})();</script>
142<script type="text/javascript" src="/js/main.js"></script>
142<!-- Go to www.addthis.com/dashboard to customize your tools -->
142<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-54f423356e25706b" async="async"></script>
142<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>
142<!-- Google tag (gtag.js) -->
vendor: 63 bytes, line 142
142<script async src="https://www.googletagmanager.com/gtag/js?id=
142G-R7492Y8XGW
vendor: 11 bytes, line 142
142"></script>
142<script>
vendor: 134 bytes, lines 142-146
142window.dataLayer = window.dataLayer || [];
143		function gtag(){dataLayer.push(arguments);}
144		gtag('js', new Date());
145
146		gtag('config', '
146G-R7492Y8XGW
vendor: 3 bytes, line 146
146');
146</script>
146<script type="text/javascript">(function(c,l,a,r,i,t,y){
147        c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
148        t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
149        y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
150    })(window, document, "clarity", "script", "jtslpj092u");</script>
150</div>
150<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"c82de873dbaf4f6589efa8c5d9abc46c","spa":2}' crossorigin="anonymous"></script>
150
151</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.