Typora小白完全使用教程

Typora小白使用指南

目錄
Typora小白使用指南
Typora官網(wǎng)
Typora基本語法指南
Typora簡介
Markdown介紹
Typora基本技巧
常用快捷鍵
菜單
區(qū)域元素
段落
標題
字體
代碼
數(shù)學式
表情
表格
分割線
引用
腳注
鏈接
URLs
序列
圖片
Typora圖床設置篇章

Typora官網(wǎng)

Typora基本語法指南

Typora簡介

Typora是一款輕便簡潔的Markdown編輯器,支持即時渲染技術,這也是與其他Markdown編輯器最顯著的區(qū)別。即時渲染使得你寫Markdown就想是寫Word文檔一樣流暢自如,不像其他編輯器的有編輯欄和顯示欄。

  • Typora刪除了預覽窗口,以及所有其他不必要的干擾。取而代之的是實時預覽。
  • Markdown的語法因不同的解析器或編輯器而異,Typora使用的是GitHub Flavored Markdown。

Markdown介紹

  • Markdown 是一種輕量級標記語言,它允許人們使用易讀易寫的純文本格式編寫文檔。
  • Markdown 語言在 2004 由約翰·格魯伯(英語:John Gruber)創(chuàng)建。
  • Markdown 編寫的文檔可以導出 HTML 、Word、圖像、PDF、Epub 等多種格式的文檔。
  • Markdown 編寫的文檔后綴為 .md, .markdown。

Typora基本技巧[^xr1]

常用快捷鍵

  • 加粗: Ctrl + B
  • 撤銷: Ctrl + Z
  • 字體傾斜 :Ctrl+I
  • 下劃線:Ctrl+U
  • 多級標題: Ctrl + 1~6
  • 有序列表:Ctrl + Shift + [
  • 無序列表:Ctrl + Shift + ]
  • 降級快捷鍵 :Tab
  • 升級快捷鍵:Shift + Tab
  • 插入鏈接: Ctrl + K
  • 插入公式: Ctrl + Shift + M
  • 行內(nèi)代碼: Ctrl + Shift + K
  • 插入圖片: Ctrl + Shift + I
  • 返回Typora頂部:Ctrl+Home
  • 返回Typora底部 :Ctrl+End
  • 創(chuàng)建表格 :Ctrl+T
  • 選中某句話 :Ctrl+L
  • 選中某個單詞 :Ctrl+D
  • 選中相同格式的文字 :Ctrl+E
  • 搜索: Ctrl+F
  • 搜索并替換 :Ctrl+H
  • 刪除線 :Alt+Shift+5
  • 引用 :Ctrl+Shift+Q
  • 生成目錄:[TOC]+Enter

注:一些實體符號需要在實體符號之前加” \ ”才能夠顯示

菜單

輸入[TOC]即可產(chǎn)生菜單,菜單會自動更新

區(qū)域元素

YAML FONT Matters

在文章的最上方輸入---,按換行鍵產(chǎn)生,然后在里面輸入內(nèi)容即可。

段落

按換行鍵[Enter]建立新的一行,按Shift+Enter可以創(chuàng)建一個比段落間距更小的行間距。
可在行尾插入打斷線,禁止向后插入

打斷線<br/>后面的內(nèi)容將自動換行

標題

開頭#的個數(shù)表示,空格+文字。標題有1~6個級別,#表示開始,按換行鍵結束

# 一級標題 快捷鍵為 Ctrl + 1
## 二級標題 快捷鍵為 Ctrl + 2
......
###### 六級標題 快捷鍵為 Ctrl + 6 

字體

斜體
以**或__括住

*這是斜體字體1*_這是斜體字體2_

這是斜體字體1
這是斜體字體2

加粗
開頭**,結尾**。
或者開頭__,結尾__(兩個短橫線)。

**這是加粗字體1** __這是加粗字體2__

這是加粗字體1
這是加粗字體2

刪除線
開頭~~,結尾~~。

~~這是錯誤文字~~

這是錯誤文字

下劃線
使用HTML標簽<u>下劃線</u>

<u>下劃線</u>

下劃線

高亮
==內(nèi)容==,需要自己在偏好設置里面打開這項功能

==高亮==

高亮

代碼

行內(nèi)輸入代碼塊快捷鍵: Ctrl + Shift + K

  1. 開頭```+語言名,開啟代碼塊,換行鍵換行,光標下移鍵跳出

    示例:

print("hello,python!"")
  1. 用兩個`在正常段落總表示代碼
    例如:
Use the `printf()`function.

Use the printf()function.

數(shù)學式

打開Typora選擇數(shù)學模塊

  • 點擊“段落”—>“公式塊”
  • 快捷鍵Ctrl+Shift+m
  • “$$”+回車

以上三種方式都能打開數(shù)學公式的編輯欄。

示例:

輸入$,然后按ESC鍵,之后輸入Tex命令,可預覽
例如:
$\lim_{x\to\infty}\exp(-x)=0$

\lim_{x\to\infty}\exp(-x)=0

下標
使用~~括住內(nèi)容。需要自己在偏好設置里面打開這項功能

H~2~O

H2O

上標

使用^括住內(nèi)容。需要自己在偏好設置里面打開這項功能

y^2^=4

y2=4

表情

Typora語法支持添加emoji表情,輸入不同的符號碼(兩個冒號包圍的字符)可以顯示出不同的表情。

以:開始,然后輸入表情的英文單詞,以:結尾,將直接輸入該表情.例如:
:smile
:cry
:happy

表格

開頭|+列名+|+列名+|+換行鍵,創(chuàng)建一個2*2表格,Ctrl+Enter可建立新行。

示例:

|第一列|第二列|
第一列 第二列

分割線

輸入 *** 或者 ---,按換行鍵換行,即可繪制一條水平線。

***---


上下是水平線

引用

開頭>表示,空格+文字,按換行鍵換行,雙按換行跳出

> 引注1
> ···
> 引注2
>還有一行,雙按換行建跳出引注模式

示例:

引注1
···
引注2
還有一行,雙按換行建跳出引注模式

普通引用

  • 空格 + 引用文字:在引用的文字前加>+空格即可,引用可以嵌套。
> 引用文本前使用 [大于號+空格]
> 這行可以不加,新起一行都要加上哦
>這是引用的內(nèi)容
>>這是引用的內(nèi)容

示例:

引用文本前使用 [大于號+空格]
這行可以不加,新起一行都要加上哦

這是引用的內(nèi)容

這是引用的內(nèi)容

列表中使用

* 第一項   
> 引用1    
> 引用2
* 第二項

示例:

  • 第一項

引用1
引用2

  • 第二項

引用里嵌套引用

> 最外層引用
> > 多一個 
> 嵌套一層引用
> > > 可以嵌套很多層

引用里嵌套列表

> - 這是引用里嵌套的一個列表
> - 還可以有子列表
>     * 子列表需要從 - 之后延后四個空格開始

引用里嵌套代碼塊

>     同樣的,在前面加四個空格形成代碼塊
> ```
> 或者使用 ``` 形成代碼塊
> ```

腳注

在需要添加腳注的文字后面+[+^+序列+],注釋的產(chǎn)生可以鼠標放置其上單擊自動產(chǎn)生,添加信息

或人工添加+[+^+序列+]+:

腳注產(chǎn)生的方法[^footnote].
[^footnote]:這個就是"腳注"

腳注的產(chǎn)生方法[1]

鏈接

鏈接
輸入網(wǎng)址,單擊鏈接,展開后可編輯
ctr+單擊,打開鏈接
例如:
https://www.baidu.com

常用鏈接方法

文字鏈接 [鏈接名稱](http://鏈接網(wǎng)址)網(wǎng)址鏈接 <http://鏈接網(wǎng)址>

示例效果:
百度

超鏈接

格式1:用[ ]括住要超鏈接的內(nèi)容,緊接著用( )括住超鏈接源+名字,超鏈接源后面+超鏈接命名
同樣ctrl+單擊,打開鏈接
例如:

這是[百度](https://www.baidu.com)官網(wǎng)

這是 百度官網(wǎng)
格式2:超鏈接 title可加可不加

This is [an example](http://example.com/ "Title") inline link.
[This link](http://example.net/) has no title attribute.

This is an example inline link.
This link has no title attribute.

高級鏈接技巧

使用[+超鏈接文字+]+[+標簽+],創(chuàng)建可定義鏈接
ctrl+單擊,打開鏈接。
示例1:

這是[百度][id][id]:https://www.baidu.com 

這是百度
示例2:

這個鏈接用 1 作為網(wǎng)址變量 [Google][1].
這個鏈接用 yahoo 作為網(wǎng)址變量 [Yahoo!][yahoo].
然后在文檔的結尾為變量賦值(網(wǎng)址)  
[1]: http://www.google.com/  
[yahoo]: http://www.yahoo.com/

URLs

用<>括住url,可手動設置url
對于標準URLs,可自動識別

<www.baidu.com>

<www.baidu.com>

序列

開頭*/+/- 加空格+文字,可以創(chuàng)建無序序列,換行鍵換行,刪除鍵+shift+tab跳出
開頭1.加空格+后接文字,可以創(chuàng)建有序序列
例:

  • 第一個無序序列
  • 第二個無序序列
  • ······
  1. 第一個有序序列
  2. 第二個有序序列
  3. ······

可選序列

開頭序列+空格+[ ]+空格+文字,換行鍵換行,刪除鍵+shift+tab跳出
例如:

- [ ] 第一個可選序列
- [ ] 第二個可選序列
- [ ] 第三個可選序列
- [x] 第四個可選序列
  • 第一個可選序列

  • 第二個可選序列

  • 第三個可選序列

  • 第四個可選序列
    總結:先輸入減號,然后輸入空格,之后就變成了黑色圓點,在輸入[],在中間加個空格,回車就可以
    注:任務列表無快捷鍵,可以點擊菜單欄段落,任務列表。

圖片

Typora文本文檔中有使用圖片內(nèi)容,如果需要發(fā)布在各個兼容Markdown的軟件平臺,需要預先上傳文檔中的圖片至圖床,再通過對圖床的圖片鏈接調(diào)用,才能正常顯示,否則各個平臺將無法看到該文檔圖片。

免費圖床網(wǎng)址:https://sm.ms/
圖床設置:[Typora圖床自動上傳圖片設置篇]

  1. 手動添加:跟鏈接的方法區(qū)別在于前面加了個感嘆號 !,這樣是不是覺得好記多了呢?
![圖片名稱](http://圖片網(wǎng)址)
  1. 當然,你也可以像網(wǎng)址那樣對圖片網(wǎng)址使用變量
這個鏈接用 1 作為網(wǎng)址變量 [Google][1].
然后在文檔的結尾位變量賦值(網(wǎng)址) 

[1]: http://www.google.com/logo.png
  1. 除了以上2種方式之外,還可以直接將圖片拖拽進來,自動生成鏈接。
![顯示的文字](C:\Users\Hider\Desktop\echart.png "圖片標題")
![顯示的文字](C:\Users\Hider\Desktop\echart.png)

Typora圖床設置篇章

Typora文本文檔中有使用圖片內(nèi)容,如果需要發(fā)布在各個兼容Markdown的軟件平臺,需要預先上傳文檔中的圖片至圖床,再通過對圖床的圖片鏈接調(diào)用,才能正常顯示,否則各個平臺將無法看到該文檔圖片。

圖床意義:就是專門用來存放圖片,同時允許你把圖片對外連接的網(wǎng)上空間,不少圖床都是免費的。

圖床工具,就是自動把本地圖片轉換成鏈接的一款工具,網(wǎng)絡上有很多圖床工具。

Typroa文件偏好屬性>上傳服務設定>選擇PicGo-Core(command line>選擇下載更新如圖一

圖一

圖二為更新下載完成狀態(tài)

圖二

圖三打開配置文件后的文件config.json


圖三

圖四為圖床網(wǎng)站,自己注冊新的賬號


圖四

如圖圖五找到賬號中相應的token,若沒有,生成即可
圖五

按照圖六格式添加相應的內(nèi)容代碼后保存
圖六

回到偏好設置如圖一中的驗證圖片上傳選項功能,若出現(xiàn)圖七提示,說明,圖床自動上傳功能設置成功。


圖七

? -END-
  1. 這個就是腳注 ?

最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

友情鏈接更多精彩內(nèi)容