整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          頁面排版很難嗎?一起來學Markdown吧!04使用

          頁面排版很難嗎?一起來學Markdown吧!04使用Typora排版(二)

          展語法

          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

          Mermaid是非常強大的圖表插件,支持序列圖、流程圖和甘特圖。使用說明:https://mermaidjs.github.io/。對于大量使用圖表的同學們,建議專門學習下mermaid的使用。

          其在Typora中的使用與前兩個相同:

          ```mermaind
          mermanid語句
          ```

          由于mermaid內容較多,以后會做專題內容演示,這里不再講解。

          HTML標簽

          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)


          主站蜘蛛池模板: av无码人妻一区二区三区牛牛| 日韩在线一区高清在线| 亚欧在线精品免费观看一区 | 手机看片福利一区二区三区| 国产精品久久一区二区三区| 亚洲无线码在线一区观看| 精品国产免费观看一区| 无码夜色一区二区三区| 亚洲一区动漫卡通在线播放| 中文字幕亚洲一区| 男人的天堂精品国产一区| 99偷拍视频精品一区二区| 国产短视频精品一区二区三区| 无码精品人妻一区二区三区漫画 | 国产伦精品一区二区三区在线观看| 久久精品亚洲一区二区三区浴池| 精品日产一区二区三区手机| 久久综合一区二区无码| 国产AⅤ精品一区二区三区久久| 日本免费电影一区| 色噜噜一区二区三区| 精品成人一区二区三区免费视频| 精品国产一区二区二三区在线观看| 无码人妻精品一区二区蜜桃 | 国产精品久久久久久麻豆一区| 国产福利精品一区二区| 日韩免费观看一区| 91在线看片一区国产| 国产精品视频分类一区| 色一情一乱一伦一区二区三欧美| 一本久久精品一区二区| 中文字幕乱码人妻一区二区三区| 无码av人妻一区二区三区四区| 亚洲日韩AV一区二区三区中文| 日韩精品人妻一区二区三区四区| 在线观看精品视频一区二区三区| 国产激情视频一区二区三区| 亚洲午夜在线一区| 无码人妻aⅴ一区二区三区有奶水| 日韩a无吗一区二区三区| 色一情一乱一伦一区二区三区|