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