Typora – Markdown 简介

Typora – Markdown 简介


Typora官网


[TOC]

Overview

What’s Markdown?

Markdown是一种可以使用普通文本编辑器编写的标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式。Markdown的语法简洁明了、易读易写,并且对于图片,图表、数学式都有支持,人们广泛使用 Markdown 来撰写README帮助文档或论坛博客。例如CSDN、博客园和GitHub的README及Wiki等。

What’s Typora?

Typora 是一款简单、高效 Markdown 编辑器,支持即时渲染技术,提供了一种“所见即所得”的全新的 Markdown 写作体验。不像其他Markdown编辑器将「编辑」和「显示」相分离,Typora 把源码编辑和效果预览两者合二为一,在输入 Markdown 代码的时候即时渲染生成预览效果,使得你写Markdown就像是写Word文档一样流畅自如,这也是与其他Markdown编辑器最显著的区别。Typora 是目前互联网上最受欢迎的 Markdown 编辑器之一。

Typora 的优点:

  • 实时渲染:Typora 支持即时渲染,可以在同一个界面实时看到渲染后的效果,所见即所得;
  • 扩展语法:Typora 支持 GitHub 风格的 Markdown 语法,还支持部分HTML语法;
  • LaTeX公式:支持LaTeX公式编辑;
  • 快捷操作:Typora 对常用的 Markdown 语法操作都提供了快捷键操作,用起来非常高效;
  • 简单漂亮:Typora 默认支持 5 种主题,可自由切换,操作简单,非常容易上手;
  • 跨平台:Typora 支持 macOS、Windows 和Linux系统;
  • 免费:Typora 完全免费,这点很重要。

You can get more information on the official website of typora.

Install Typora

进入Typora官网进行下载,支持 Mac、 Windows 和 Linux ,有详细的安装介绍。

Ubuntu

进入Typora官网进行下载安装,有详细的安装介绍。

# apt-key
sudo apt-key adv --keyserver keyserver.ubuntu.com --recv-keys BA300B7755AFCFAE
# add Typora's repository
sudo add-apt-repository 'deb https://typora.io/linux ./'
sudo apt-get update
# install typora
sudo apt-get install typora  # typora编辑器
sudo apt-get install pandoc  # 文档转换import/export插件(可选)

Windowns

进入Typora官网进行下载安装,有详细的安装介绍。

MacOS

进入Typora官网进行下载安装,有详细的安装介绍。

typora快捷键

名称 快捷键
源代码模式 Ctrl +/
标题H1-H6 Ctrl + 1/2/3/4/5/6
加粗 Ctrl + B
斜体 Ctrl + I
下划线 Ctrl + U
Table表格 Ctrl + T
超链接 Ctrl + K
复制格式 Ctrl + C
复制为Markdown Ctrl + Shift + C
粘贴格式 Ctrl + V
纯文本粘贴 Ctrl + Shift + V
引用 Ctrl + Shift + Q
图片 Ctrl + Shift + I
选中单词 Ctrl + D
选中行 Ctrl + L

Basic usage

Paragraph and line breaks 段落

Enter  # 新段落
Shift + Enter  # 新行

Headers 标题 # …

# H1
## H2
### H3
#### H4
##### H5
###### H6

Emphasis 斜体 * … * / - … -

single asterisks正常
*single asterisks斜体 (推荐 \* ...\*)*
_single underscores斜体_

single asterisks正常
single asterisks斜体 (推荐 * ...*)
single underscores斜体

Strong 加粗 ** ... ** / __ … __

double asterisks正常
**double asterisks 加粗 (推荐 \** ... \**)** 
__double underscores 加粗__

double asterisks正常
double asterisks 加粗 (推荐 * ... *)**
double underscores 加粗

Code 行内代码 ` … `

Use the `print()` function.

Use the print() function.

Strikethrough 删除线 ~~ … ~~

~~Mistaken text~~

Mistaken text

Underlines 下划线 <u> … </u>

<u>Underline</u>

Underline

Subscript 下标 ~ … ~

H~2~O
X~long\ text~

H2O
Xlong\ text

Superscript 上标 ^ … ^

X^2^

X2

Highlight 高亮 == … ==

==highlight高亮==

highlight高亮

Emoji 表情 : … :

:smile:
:eyes:

😄

👀

Inline Math 行内公式 $ … $

 例如:  $\lim_{x \to \infty} \exp(-x) = 0$  will be rendered as LaTeX command.

例如:  \(\lim_{x \to \infty} \exp(-x) = 0\)  will be rendered as LaTeX command.

无序列表 * / - / +

无序列表 : *  -  + 
- Red 
- Green 
- Blue
  • Red

  • Green

  • Blue

有序列表 1. 2. 3.

有序列表 : 1. 2. 3.
1. First
2. Second
3. Third
  1. First
  2. Second
  3. Third

Task List 任务列表 - [x]

-[] 复选框任务项 
-[] 未勾选 
-[x] 勾选
  • 复选框任务项
  • 未勾选
  • 勾选

Code Blocks 代码块 ``` ... ```

​```python

# python
import tensorflow as tf

​```
# python
import tensorflow as tf

Blockquotes 块引用 >

> 引用块 第一行 
> 
> 第三行

引用块 第一行

第三行

Math Blocks 数学公式块 $$ ... $$

$$
\mathbf{V}_1 \times \mathbf{V}_2 =  \begin{vmatrix}
\mathbf{i} & \mathbf{j} & \mathbf{k} \\
\frac{\partial X}{\partial u} &  \frac{\partial Y}{\partial u} & 0 \\
\frac{\partial X}{\partial v} &  \frac{\partial Y}{\partial v} & 0 \\
\end{vmatrix}
$$
\[ \mathbf{V}_1 \times \mathbf{V}_2 = \begin{vmatrix} \mathbf{i} & \mathbf{j} & \mathbf{k} \\ \frac{\partial X}{\partial u} & \frac{\partial Y}{\partial u} & 0 \\ \frac{\partial X}{\partial v} & \frac{\partial Y}{\partial v} & 0 \\ \end{vmatrix} \]

Tables 表格

| First Header  | Second Header |
| ------------- | ------------- |
| Content Cell  | Content Cell  |
| Content Cell  | Content Cell  |
First Header Second Header
Content Cell Content Cell
Content Cell Content Cell
| Left-Aligned  | Center Aligned  | Right Aligned |
| :------------ |:---------------:| -------------:|
| :左对齐        |       :居中:     |        右对齐: |
| :左对齐        |       :居中:     |        右对齐: |
Left-Aligned Center Aligned Right Aligned
:左对齐 :居中: 右对齐:
:左对齐 :居中: 右对齐:

Horizontal Rules 水平线 --- / ***

*** 水平线
--- 水平线


YAML Front Matter

首行添加---

---
layout: post 
title: Blogging Like a Hacker 
---

Table of Contents 目录 [toc]

[toc]

[TOC]

Footnotes 注释 [^footnote]

这个有悬停注释[^footnote]  # 定义注释
[^footnote]: 鼠标悬停显示**注释footnotes**  # 悬停显示的内容

这个有悬停注释1

[百度](http://www.baidu.com)  # 按住 Ctrl + 鼠标左键 跳转至百度

百度 # 按住 Ctrl + 鼠标左键 跳转至百度

本地文档链接 [文档](文档路径)

[打开文件 README.md](./README.md)  # 按住 Ctrl + 鼠标左键 打开文档
[打开文件 LICENSE](./LICENSE)  # 按住 Ctrl + 鼠标左键 打开文档

打开文件 README.md # 按住 Ctrl + 鼠标左键 打开文档
打开文件 LICENSE # 按住 Ctrl + 鼠标左键 打开文档

按住 Ctrl + 鼠标 [跳转到标题Overview](#Overview)  实现文档内部跳转到`Overview`

按住 Ctrl + 鼠标 跳转到标题Overview 实现文档内部跳转到 Overview

更详细的语法说明 [Cmd Markdown 简明语法手册][1]
进阶用户可以参考 [Cmd Markdown 高阶语法手册][2]
[1]: https://www.zybuluo.com/mdeditor?url=https://www.zybuluo.com/static/editor/md-help.markdown
[2]: https://www.zybuluo.com/mdeditor?url=https://www.zybuluo.com/static/editor/md-help.markdown#cmd-markdown-高阶语法手册

更详细的语法说明 Cmd Markdown 简明语法手册

进阶用户可以参考 Cmd Markdown 高阶语法手册

This is [谷歌][googleid] reference-style link.  # [googleid]:指明参考链接
[googleid]: http://google.com/  "Optional Title"

This is 谷歌 reference-style link. # googleid:指明参考链接

This is another [百度][] reference-style link.  # [百度][]省略参考链接id,直接用内容作为id
[百度]: http://baidu.com/

This is another 百度 reference-style link. # [百度][]省略参考链接id,直接用内容作为id

URLs

标准URL自动链接,按住 Ctrl + 鼠标左键 可访问

www.typora.io
https://www.baidu.com/  # 标准URL
www.baidu.com  # 自动链接standard URL
<www.baidu.com>  # URL

www.typora.io
https://www.baidu.com/ # 标准URL
www.baidu.com # 自动链接standard URL
<www.baidu.com> # URL

Images 图片 ![] (路径/URL)

![网络图](http://www.shu.edu.cn/images/logo.jpg)
![image绝对路径](/home/chao/Desktop/assets/img.jpg)
![image相对路径](./assets/img.png)
![image](./assets/img.jpg "Optional title标题??")
![gif动图](./assets/drag-img.gif)  
# 拖动即可添加图片

网络图
image绝对路径
image相对路径
image
gif动图

Video 视频

posted @ 2019-05-19 21:06  robotchaoX  阅读(547)  评论(0编辑  收藏  举报