Markdown與LaTex使用語法整合

Gary_818發表於2020-07-20

在部落格、論壇等需要大量編輯文字以及排版的時候
往往會採用一些語言或者格式進行美化
例如HTML、MD
最近寫博比較多
用到了大量的公式
在寫博的過程當中查了好多
突發奇想整合一下,方便以後自己查詢
也利於小夥伴們學習
蟹蟹

Markdown學習

RUNOOB

RUNOOB

簡介

Markdown 是一種輕量級標記語言,它允許人們使用易讀易寫的純文字格式編寫文件。
Markdown 語言在 2004 由約翰·格魯伯(英語:John Gruber)建立。
Markdown 編寫的文件可以匯出 HTML 、Word、影像、PDF、Epub 等多種格式的文件。
Markdown 編寫的文件字尾為 .md, .markdown。
我們可以用中文叫他“記下來”。

標題

使用 # 號標記
使用 # 號可表示 1-6 級標題,一級標題對應一個 # 號,二級標題對應兩個 # 號,以此類推。

# 一級標題
## 二級標題
### 三級標題
#### 四級標題
##### 五級標題
###### 六級標題

    一級標題

    二級標題

    三級標題

    四級標題

    五級標題
    六級標題

    段落

    Markdown 段落沒有特殊的格式,直接編寫文字就好,段落的換行是使用兩個以上空格加上回車。其實一個回車即可。
    換行

    換行

    字型

    Markdown 可以使用以下幾種字型:

    *斜體文字*
    _斜體文字_
    **粗體文字**
    __粗體文字__
    ***粗斜體文字***
    ___粗斜體文字___
    

      斜體文字
      斜體文字
      粗體文字
      粗體文字
      粗斜體文字
      粗斜體文字

      分隔線

      你可以在一行中用三個以上的星號、減號、底線來建立一個分隔線,行內不能有其他東西。你也可以在星號或是減號中間插入空格。下面每種寫法都可以建立分隔線:

      ***
      * * *
      *****
      - - -
      ----------
      





        刪除線

        如果段落上的文字要新增刪除線,只需要在文字的兩端加上兩個波浪線 ~~ 即可,例項如下:

        ~~刪除線~~
        

          刪除線

          下劃線

          下劃線可以通過 HTML 的 標籤來實現:

          <u>帶下劃線文字</u>
          

            帶下劃線文字

            腳註

            腳註是對文字的補充說明。
            Markdown 腳註的格式如下

            [^要註明的文字]
            

              [1]

              列表

              Markdown 支援有序列表和無序列表。
              無序列表使用星號(*)、加號(+)或是減號(-)作為列表標記:

              * 第一項
              + 第二項
              - 第三項
              
                • 第一項
                • 第二項
                • 第三項

                有序列表使用數字並加上 . 號來表示,如:

                1. 第一項
                2. 第二項
                3. 第三項

                列表巢狀只需在子列表中的選項新增四個空格即可:

                1. 第一項
                    + 第一項
                    - 第一項
                    * 第一項
                
                  1. 第一項
                    • 第一項
                    • 第一項
                    • 第一項

                  區塊

                  Markdown 區塊引用是在段落開頭使用 > 符號 ,然後後面緊跟一個空格符號:

                  > 區塊引用
                  > 區塊引用
                  > 區塊引用
                  

                    區塊引用
                    區塊引用
                    區塊引用

                    另外區塊是可以巢狀的,一個 > 符號是最外層,兩個 > 符號是第一層巢狀,以此類推:

                    > 區塊引用
                    >> 區塊引用
                    >>> 區塊引用
                    

                      區塊引用

                      區塊引用

                      區塊引用

                      區塊中使用列表,列表中使用區塊

                      程式碼

                      如果是段落上的一個函式或片段的程式碼可以用反引號把它包起來,例如:
                      printf();

                      你也可以用 ``` 包裹一段程式碼,並指定一種語言(也可以不指定):

                      int
                      

                        連結

                        [連結名稱](連結地址)
                        

                        或者

                        <連結地址>

                          這是一個連結 連結
                          https://www.cnblogs.com/Srand-X/

                          高階連結
                          我們可以通過變數來設定一個連結,變數賦值在文件末尾進行:

                          [連結a][a]
                          [a]: https://www.cnblogs.com/Srand-X/
                          

                            連結a

                            圖片

                            Markdown 圖片語法格式如下

                            ![RUNOOB](https://i.iter01.com/images/bbf7474ac47a27881c812d6a1bcc7d2baf11f7c3f0af368bba83a1d1f458cb64.png)
                            

                            ![RUNOOB 圖示](https://i.iter01.com/images/bbf7474ac47a27881c812d6a1bcc7d2baf11f7c3f0af368bba83a1d1f458cb64.png "RUNOOB")

                              RUNOOB

                              RUNOOB

                              RUNOOB 圖示

                              RUNOOB 圖示

                              Markdown 還沒有辦法指定圖片的高度與寬度,如果你需要的話,你可以使用普通的 Markdown與LaTex使用語法整合

                              undefined
                              標籤。
                              <img src="https://i.iter01.com/images/bbf7474ac47a27881c812d6a1bcc7d2baf11f7c3f0af368bba83a1d1f458cb64.png" width="50%">
                              
                                Markdown與LaTex使用語法整合
                                undefined

                                表格

                                Markdown 製作表格使用 | 來分隔不同的單元格,使用 - 來分隔表頭和其他行。

                                |  表頭   | 表頭  |
                                |  ----  | ----  |
                                | 單元格  | 單元格 |
                                | 單元格  | 單元格 |
                                
                                  表頭 表頭
                                  單元格 單元格
                                  單元格 單元格

                                  對齊方式

                                  我們可以設定表格的對齊方式:

                                  • -: 設定內容和標題欄居右對齊。
                                  • :- 設定內容和標題欄居左對齊。
                                  • :-: 設定內容和標題欄居中對齊。
                                  | 左對齊 | 右對齊 | 居中對齊 |
                                  | :-----| ----: | :----: |
                                  | 單元格 | 單元格 | 單元格 |
                                  | 單元格 | 單元格 | 單元格 |
                                  
                                    左對齊 右對齊 居中對齊
                                    單元格 單元格 單元格
                                    單元格 單元格 單元格

                                    技巧

                                    不在 Markdown 涵蓋範圍之內的標籤,都可以直接在文件裡面用 HTML 撰寫。
                                    目前支援的 HTML 元素有:<kbd> <b> <i> <em> <sup> <sub> <br>

                                    使用 <kbd>Ctrl</kbd>+<kbd>Alt</kbd>+<kbd>Del</kbd> 重啟電腦
                                    

                                      使用 Ctrl+Alt+Del 重啟電腦

                                      轉義
                                      Markdown 使用了很多特殊符號來表示特定的意義,如果需要顯示特定的符號則需要使用轉義字元,Markdown 使用反斜槓轉義特殊字元:
                                      Markdown 支援以下這些符號前面加上反斜槓來幫助插入普通的符號:

                                      \   反斜線
                                      `   反引號
                                      *   星號
                                      _   下劃線
                                      {}  花括號
                                      []  方括號
                                      ()  小括號
                                      #   井字號
                                      +   加號
                                      -   減號
                                      .   英文句點
                                      !   感嘆號
                                      

                                        公式
                                        當你需要在編輯器中插入數學公式時,可以使用兩個美元符 $$ 包裹 TeX 或 LaTeX 格式的數學公式來實現。提交後,問答和文章頁會根據需要載入 Mathjax 對數學公式進行渲染。如:

                                        $$
                                        \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}
                                        ${$tep1}{\style{visibility:hidden}{(x+1)(x+1)}}
                                        $$
                                        

                                          V1×V2=|ijkXuYu0XvYv0|$$tep1(x+1)(x+1)

                                          音訊

                                          HTML:

                                          <div class="video">
                                          <iframe src="地址" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
                                          </div>
                                          

                                            視訊

                                            HTML:

                                            <div class="music">
                                            <iframe src="地址" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
                                            </div>
                                            

                                              程式碼摺疊

                                              <details>
                                              <summary>摘要</summary>
                                              <pre>
                                              <code class="language-cpp hljs">程式碼
                                              </code>
                                              </pre>
                                              </details>
                                              

                                                注意:程式碼中不包含makedown語法

                                                摘要
                                                程式碼