Typora擴展了諸如數學公式、目錄、腳注、上/下標、圖標操作等功能,并且支持常見的額HTML標簽。
啟用擴展語法,需要在“偏好設置”中開啟所需要的擴展語法:
擴展語法
$ (2+5)*3/7=3 $
$ f(x,y)=\sqrt[n]{{x^n}{y^n}} $
顯示效果:
數學公式
數學公式的快捷鍵為Control + M。
注:數學公式擴展采用LaTeX語法標記,推薦閱讀:
LaTeX完整教程:http://www.mohu.org/info/lshort-cn.pdf
常用LaTeX語法查詢:https://www.mohu.org/info/symbols/symbols.htm
語法:上標,使用^包裹需要上標的內容;下標,使用~包裹需要上標的內容,例如:
示例1^[注1]^
示例2~[注2]~
顯示效果:
上下標
上下標操作沒有對應的快捷鍵。
語法:使用==包裹需要高亮的內容,例如:
==這句話高亮==
顯示效果:
高亮
高亮的快捷鍵為:Shift + Command + H
語法:與代碼注釋相同,使用<!-- -->包裹注釋內容,例如:
<!--這是注釋-->
顯示效果:
注釋
選中文本,轉化為注釋的快捷鍵:Control + -。
注:導出格式為pdf和docx(word)時,注釋會被隱藏,不進行顯示。
快速清除一段內容的格式和樣式,可以選中內容,然后使用快捷鍵:Command + \。
Typora會自動根據標題級別,獲取標題作為目錄。并且會隨標題修改自動更新。
語法:在需要插入目錄的位置,輸入:[TOC],然后按回車,例如:
目錄
注:需要為單獨一行,且必須敲回車才會生效。
語法:用[^]包裹腳注,然后在文檔任意位置(一般是尾部)添加對應的腳注內容,例如:
這段內容參考[^語法1]。
[^語法1]:http://www.mohu.org/info/lshort-cn.pdf
顯示效果:
腳注
快速插入腳注鏈接的快捷鍵為:Option + Command + R
序列圖是Typora自己的擴展語法,僅適用于導出為pdf、HTML、docx等格式,如果需要更好的兼容性,推薦在Typora內繪制后截圖再插入。
語法:
```sequence
Title: TCP三次握手
客戶端 -> 服務器: SYN
note right of 服務器: T1服務器建聯延遲
服務器 --> 客戶端: SYN ACK
note right of 服務器: T2客戶端建聯延遲
客戶端 -> 服務器: ACK
```
顯示效果:
序列圖
注:語法中的標點符號需要使用英文;
Typora使用的序列圖語法為:js-sequence-diagrams,語法說明:https://bramp.github.io/js-sequence-diagrams/
Typora的流程圖基于flowchart.js語法,與序列圖相同,僅適用于導出文件。
語法:
```flow
st=>start: 開機
op=>operation: P.O.S.T
cond=>condition: 正常
e=>end: 啟動OS
st->op->cond
cond(yes)->e
cond(no)->op
```
顯示效果:
流程圖
注:注意英文標點和空格,多余的空格會引起語法報錯;
flowchart.js 語法說明:https://flowchart.js.org/,或:https://github.com/adrai/flowchart.js/
Mermaid是非常強大的圖表插件,支持序列圖、流程圖和甘特圖。使用說明:https://mermaidjs.github.io/。對于大量使用圖表的同學們,建議專門學習下mermaid的使用。
其在Typora中的使用與前兩個相同:
```mermaind
mermanid語句
```
由于mermaid內容較多,以后會做專題內容演示,這里不再講解。
Typora 支持大量的HTML標簽,但是由于可讀性太差,且頁面和視頻導出時無法顯示,對于日常的寫作用處并不大,所以這里只簡單介紹幾個常用的類型。
示例:
<span style="color:red;font-size:16px">紅色</span>
顯示效果
文字顏色、大小
<iframe height='200' scrolling='yes' title='' src='https://www.toutiao.com/c/user/97378548153/' frameboard='no' style='width:80%;'></iframe>
顯示效果:
嵌入網頁
語法:
<video src='./視頻/使用Typora排版(一).mp4'/>
顯示效果:
插入視頻
注:需要使用HTML在Typora中排版的同學,可參考:https://support.typora.io/HTML/
Typora的擴展語法種類多,使用也復雜,只需要根據自己的需要選擇學習即可,下節我們一起學習Typora的一些使用技巧。
在程序這個詞想必很多人都知道了吧,就連我80多的奶奶都講到微信程序。全民編程的風氣逐漸向我們學習中走開,很多在校程序學生們時常在思考怎么對HTML網頁進行編譯以呈現出想要展現的內容。HTML猶如我們外語學習一樣,一個網頁對應多個HTML文件,超文本標記語言文件以.html為擴展名或.html為擴展名。大家有沒有想過將pdf文件也是可以轉換成HTML的?這樣轉換有個好處就是方便我們可以簡單的了解什么是HTML。smallpdf轉換成HTML格式轉換器操作簡單嗎?smallpdf轉成HTML后怎么排版?下面我都將用流程圖的形式分享給到大家。
首先打開smallpdf轉換器軟件后,軟件默認的轉化方式為PDF轉word,我們選擇PDF文件轉HTML文件。進入smallpdf軟件界面直接【添加文件】選擇需要轉換成HTML的PDF文件即可。可以批量添加多份PDF文件。
pdf轉換器pdf轉換工具分享
述
在我們日常的書寫代碼中,經常使用到float:left/right和position:absoulte/fixed,我們都知道這幾個CSS樣式都能使HTML中的元素脫離文檔流(normal-flow),但是他們脫離文檔流之后的效果是否相同呢?
文檔流與文本流
文本流,簡單來說就是元素內部的一系列的字符的排列規則。
文檔流,英文是normal flow,又翻譯為常規流,標準流,正常流,普通流等。
文檔流指的是HTML中元素在計算布局排版的過程中,所有處于文檔流中的元素會自動地從左到右(非塊級元素),從上到下(塊級元素)的排列規則。
元素在排版中的定位類型分為三種:
(1)文檔流:塊級格式化的塊級盒子, 行內格式化的行內盒子以及相對定位的塊級盒子和行內盒子
(2)浮動(float)
*請認真填寫需求信息,我們會在24小時內與您取得聯系。