Fundamentals 15 min read

Typora Markdown Editor: Features, Shortcuts, and Customization Guide

This article provides a detailed tutorial on using the Typora Markdown editor, covering its features, shortcuts for headings, lists, tables, code blocks, hyperlinks, themes, and tips for customizing appearance, making it a valuable guide for developers and document creators.

IT Services Circle
IT Services Circle
IT Services Circle
Typora Markdown Editor: Features, Shortcuts, and Customization Guide

Introduction

Many developers, reporters, and job seekers still use Word, PPT, or PDF for daily notes, reports, and resumes, which often leads to inconsistent styles and tedious formatting. This guide introduces a Markdown tool—Typora—that can solve these problems.

What is Markdown?

Markdown is a lightweight markup language similar to Word, PDF, or HTML, used for writing articles or web pages. Its advantages include easy learning, concise formatting, high readability, and broad adoption on platforms such as GitHub, Wikipedia, and Zhihu.

What is Typora?

Typora is currently the most user‑friendly Markdown editor, comparable to Office for Word. Since version 1.0 it requires a paid license, but a free beta version is sufficient for basic document editing. The free installer is shared at the end of the article.

Common Operations

1. Headings

Typora supports six heading levels. Use the following shortcuts (Ctrl+Number) to insert headings:

# 一级标题            快捷键 ctrl+1
## 二级标题           快捷键 ctrl+2
### 三级标题          快捷键 ctrl+3
#### 四级标题         快捷键 ctrl+4
##### 五级标题        快捷键 ctrl+5
###### 六级标题       快捷键 ctrl+6
正文内容            快捷键 ctrl+0(清除标题)

Note: a space must follow the "#" characters, or select the heading text and press Ctrl+Number .

2. Lists

2.1 Ordered List

1. 一级有序列表   快捷键 ctrl+shift+[
2. 一级有序列表   快捷键 回车后自动生成
二级有序列表   快捷键 Tab(提升层级)
3. 一级有序列表   快捷键 shift+Tab(降级)

Use 数字 + . + 空格 to create an ordered list, or press Ctrl+Shift+[ for a shortcut.

2.2 Unordered List

* 一级无序列表   快捷键 ctrl+shift+]
* 一级无序列表   快捷键 回车后自动生成
二级无序列表   快捷键 Tab(提升层级)
* 一级有序列表   快捷键 shift+Tab(降级)

Use * + 空格 + 内容 for an unordered list, with Ctrl+Shift+] as a shortcut.

2.3 Task List

- [ ] 一级任务列表   无快捷键
- [ ] 一级无序列表   快捷键 回车后生成
二级无序列表   快捷键 Tab(提升层级)
- [ ] 一级有序列表   快捷键 shift+Tab(降级)

Task lists use - [ ] + 空格 + 内容 . Press Enter twice to exit the list.

3. Paragraphs

3.1 Code Block

Code blocks are essential for software documentation. In Typora, start a block with three backticks, a space, and the language name:

``` go   // Go code block, shortcut Ctrl+Shift+K
``` java // Java code block, shortcut Ctrl+Shift+K

To exit a code block, press Backspace or the down arrow.

3.2 Blockquote

> 引用块1   快捷键 Ctrl+Shift+Q
>> 引用块2   快捷键 Ctrl+Shift+Q
>>> 引用块3   快捷键 Ctrl+Shift+Q

Use > + 空格 + 内容 for blockquotes.

3.3 Math Formula Block

Typora also supports LaTeX‑style math formulas. Enable inline formulas in preferences, then type:

$$ + 回车,输入 math 语法,如:\mathbf{V}_1 \times \mathbf{V}_2 = \begin{vmatrix} ... \end{vmatrix}

After restarting Typora, the formula renders correctly.

4. Table

Create tables with pipes and use Ctrl+T to add a new row:

|语文|数学|英语|   // Ctrl+T
|---|---|---|
|89|99|86|
|87|78|98|

5. Image

Insert images using the Markdown syntax or the shortcut Ctrl+Shift+I :

![图片名称](图片路径)   // Ctrl+Shift+I

Typora stores image paths, so copy the image folder together with the document or use relative paths to keep images visible for other users.

6. Hyperlink

6.1 Using Markdown Syntax

External link:

[文本内容](https://www.baidu.com)

Internal link (jump to a heading):

[跳转文字](#6-超链接)

6.2 Using HTML Syntax

External link with HTML:

<a href="https://www.baidu.com">百度一下</a>

Jump to any position by defining a named span and linking to it:

<span name="tag1">跳转到我这里</span>
<a href="#tag1">点击我跳转到标签位置</a>

7. Text Formatting & Emoji

Delete line: ~~文字内容~~

Italic: *文字内容*

Bold: **文本内容**

Underline (HTML): <u>文本内容</u>

Emoji: :smile → 😄, :star → ⭐️, :dog → 🐶

Highlight: ==文本内容== (enable in Preferences → Appearance).

8. Markdown Themes

8.1 Default Theme

Typora provides several built‑in themes selectable via the top‑left menu (Theme → Choose).

8.2 DIY Theme

Custom themes are CSS files placed in Typora’s theme folder. Edit the CSS to change font size, heading colors, bold styles, highlights, code block appearance, etc.

8.3 Recommended Themes

Two popular themes are the "Sifou" green theme (a copy of github.css ) and a business‑style theme based on pie and ursine-polar . Both are available on the author’s GitHub repository and Baidu Cloud.

9. Reference Links

Ten‑minute Typora tutorial: https://zhajianliang.github.io/2020/05/28/markdown%E8%AF%AD%E6%B3%95%E4%B9%8Btypora%E4%B8%80%E6%AC%BE%E5%BE%88%E5%A5%BD%E7%94%A8%E7%9A%84%E7%BC%96%E8%BE%91%E5%99%A8,%E6%95%99%E4%BD%A010%E5%88%86%E9%92%9F%E7%8E%A9%E8%BD%ACtypora/

Complete Markdown syntax reference: https://support.typoraio.cn/zh/Markdown-Reference/

Beautiful Typora themes: https://zhuanlan.zhihu.com/p/133863913

documentationshortcutsMarkdownEditorTyporathemes
IT Services Circle
Written by

IT Services Circle

Delivering cutting-edge internet insights and practical learning resources. We're a passionate and principled IT media platform.

0 followers
Reader feedback

How this landed with the community

login Sign in to like

Rate this article

Was this worth your time?

Sign in to rate
Discussion

0 Comments

Thoughtful readers leave field notes, pushback, and hard-won operational detail here.