Typora完整教程

小灰灰 2023-06-28 08:43 127阅读 0赞

转载自：https://blog.csdn.net/henu111/article/details/96425886

## Typora完整教程（未完待续…） ##

> **Markdown**是一种**轻量级**标记语言，创始人是**约翰.格鲁斯**(John Gruber)。它
> 
> 允许别人“使用易读写的纯文本格式编写文档，然后转化有效的HTML文档。”

### 1. 基本操作 ###

#### 1.1 内容目录 ####

*  语法
    
        [toc]
        
             
              
             
              
               1
 *  效果

### 文章目录 ###

*   *  Typora完整教程（未完待续.....）
     *   *  1. 基本操作
         *   *  1.1 内容目录
             *  1.2 标题
             *  1.3 引用
         *  2. 代码
         *   *  2.1单行代码
             *  2.2多行代码
         *  3.列表
         *   *  3.1无序列表
             *  3.2多行无序列表
             *  3.3有序列表
             *  3.4多行有序列表
             *  3.5任务列表
             *  3.6表格
         *  4. 链接
         *   *  4.1 图片
             *  4.2 超链接
         *  5. 数学公式
         *   *  5.1 公式使用参考
             *   *  5.11 如何插入公式
                 *  5.12 如何插入上下标
                 *  5.13 如何输入括号和分隔符
                 *  5.14
         *  6. 其他
         *   *  6.1 斜体
             *  6.2 加粗
             *  6.3 下划线
             *  6.4 删除线
             *  6.5 分隔符
             *  6.6 注脚
             *  6.7 上下标
             *  6.8 符号的输入
             *  6.9 特殊符号

#### 1.2 标题 ####

*  语法
    
        # 一级标题

## 二级标题 ##

### 三级标题 ###

#### 四级标题 ####

##### 五级标题 #####

###### 六级标题 ######

*  1
 *  2
 *  3
 *  4
 *  5
 *  6
 *  7
 *  8
 *  9
 *  10
 *  11

#### 1.3 引用 ####

*  语法
    
        >  引用内容1
        >  引用内容2
        >> 引用内容3
        
           
            
           
            
             1
             2
             3
 *  效果

> 引用内容1
> 
> 引用内容2
> 
> > 引用内容3

### 2. 代码 ###

#### 2.1单行代码 ####

*  语法
    
        `String str1 = "hello`
        
           
            
           
            
             1
 *  效果
    
    `String str1 = "hello";`

#### 2.2多行代码 ####

*  语法
    
        ~~~
        ```
        ~~~java
        ```c 
        
           
            
           
            
             1
             2
             3
             4
 *  效果
    
        int a = 10;
        int b = 20;
        
           
            
           
            
             1
             2

### 3.列表 ###

#### 3.1无序列表 ####

*  语法
    
        * 无序列表1
        + 无序列表2
        - 无序列表3
        
           
            
           
            
             1
             2
             3
 *  效果
 *  无序列表1
 *  无序列表2
 *  无序列表3

#### 3.2多行无序列表 ####

*  语法
    
        *         无序列表1
        TAB *     无序列表2
        TAB TAB * 无序列表3
        
           
            
           
            
             1
             2
             3
 *  效果
 *  无序列表1
    
     *  无序列表2
        
         *  无序列表3

#### 3.3有序列表 ####

*  语法
    
        1. 有序列表1
        2. 有序列表2
        3. 有序列表3
        
           
            
           
            
             1
             2
             3
 *  效果

1.  有序列表1
2.  有序列表2
3.  有序列表3

#### 3.4多行有序列表 ####

*  语法
    
        1. 多行有序列表1
        2. 多行有序列表2
            1. 多行有序列表2-1
            2. 多行有序列表2-2
        3. 多行有序列表3
            1. 多行有序列表3-1
            2. 多行有序列表3-2
        
           
            
           
            
             1
             2
             3
             4
             5
             6
             7
 *  效果

1.  多行有序列表1
2.  多行有序列表2
    
    1.  多行有序列表2-1
    2.  多行有序列表2-2
3.  多行有序列表3
    
    1.  多行有序列表3-1
    2.  多行有序列表3-2

#### 3.5任务列表 ####

*  语法
    
        -[ ]抽烟
        -[x]喝酒
        -[ ]烫头
        
           
            
           
            
             1
             2
             3
 *  效果

\-\[ \]抽烟

\-\[x\]喝酒

\-\[ \]烫头

#### 3.6表格 ####

*  语法
    
        Ctrl + t
        |姓名|性别|年龄|手机号|
        |：---|：--：|：--：|---：|
        |张三|男|21|18975346876|
        |李四|女|23|17789548964|
        |王五|男|25|15876513546|
        
           
            
           
            
             1
             2
             3
             4
             5
             6
 *  效果

### 4. 链接 ###

#### 4.1 图片 ####

*  语法1
    
        [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-pfS0XP2F-1578453552212)(C:\Users\ch\Desktop\机器学习-Andrew-Ng.png)]
        
           
            
           
            
             1
 *  效果1

\[外链图片转存失败(img-eN10CmEy-1563417820167)(C:\\Users\\ch\\Desktop\\机器学习-Andrew-Ng.png)\]

*  语法2（网络图片）
    
        [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-nnRd5woN-1578453552214)(C:\Users\ch\Desktop\机器学习-Andrew-Ng.png)]
        
           
            
           
            
             1
 *  效果2

![typora][]

#### 4.2 超链接 ####

*  语法1（行内式链接）
    
        [百度](https://www.baidu.com/)
        
           
            
           
            
             1
 *  效果1
    
    [百度][Link 1]
 *  语法2（参考式链接）
    
        [CSDN][CSDN网址]
        [CSDN网址]:https://www.csdn.net/
        
           
            
           
            
             1
             2
 *  效果2
    
    [CSDN][]
 *  语法3（自动链接）
    
        <https://www.csdn.net/>
        
           
            
           
            
             1
 *  效果3
    
    [https://www.csdn.net/][https_www.csdn.net]

### 5. 数学公式 ###

#### 5.1 公式使用参考 ####

##### 5.11 如何插入公式 #####

*  语法
    
        $数学公式$ //行内公式
        $$
        	数学公式
        $$       //独立公式
        
           
            
           
            
             1
             2
             3
             4
 *  效果

J α ( x ) = ∑ ∞ m = 0 ( − 1 ) m m ! Γ ( m + α + 1 ) ( x 2 ) 2 m + α , 行 内 公 式 不 显 示 ， 改 为 独 立 J α ( x ) = ∑ m = 0 ∞ ( − 1 ) m m ! Γ ( m + α + 1 ) ( x 2 ) 2 m + α , 行 内 公 式 不 显 示 ， 改 为 独 立 J α ( x ) = ∑ m = 0 ∞ ( − 1 ) m m ! Γ ( m + α + 1 ) ( x 2 ) 2 m + α ,行内公式不显示，改为独立 Jα(x)=∑∞m=0(−1)mm!Γ(m+α+1)(x2)2m+α,行内公式不显示，改为独立Jα(x)=∑m=0∞(−1)mm!Γ(m+α+1)(x2)2m+α,行内公式不显示，改为独立 J\_\\alpha(x) = \\sum\_\{m=0\}^\\infty \\frac\{(-1)^m\}\{m! \\Gamma (m + \\alpha + 1)\} \{\\left(\{ \\frac\{x\}\{2\} \}\\right)\}^\{2m + \\alpha\}\\text\{,行内公式不显示，改为独立\} Jα(x)=∑∞m=0(−1)mm!Γ(m\+α\+1)(x2)2m\+α,行内公式不显示，改为独立Jα(x)=∑m=0∞(−1)mm!Γ(m\+α\+1)(x2)2m\+α,行内公式不显示，改为独立Jα(x)=m=0∑∞m!Γ(m\+α\+1)(−1)m(2x)2m\+α,行内公式不显示，改为独立无法显示

##### 5.13 如何输入括号和分隔符 #####

( ) 、\[ \] 和 | 表示符号本身，使用 \\\{ \\\} 来表示 \{ \}。当要显示大括号或分隔符时，要用==\\left== 和 \\right

命令。

一些特殊的括号：

<table> 
 <thead> 
  <tr> 
   <th align="center">语法</th> 
   <th align="center">效果</th> 
   <th align="center">语法</th> 
   <th align="center">效果</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td align="center">\langle</td> 
   <td align="center"><span><span><span> ⟨ ⟨ ⟨ ⟨⟨ \langle </span><span><span><span style="height: 1em; vertical-align: -0.25em;"></span><span>⟨</span><span>⟨</span><span>⟨</span></span></span></span></span><span><span><span></span><span><span>H</span><span><span><span><span><span><span></span><span><span><span>2</span><span>S</span><span><span>O</span><span><span><span><span><span><span></span><span><span>4</span></span></span></span><span></span></span><span><span><span></span></span></span></span></span></span></span></span></span></span><span></span></span><span><span><span></span></span></span></span></span></span></span></span> <h4><a rel="nofollow"></a>6.8 符号的输入</h4> 
    <ul> 
     <li> <p>语法</p> <pre><code>\\
\`
\*
\_
\{\}
\[\]

\#
\+
\-
\.
\!
</code>
        
         
       <div></div>
        
         
       <ul>
          
        <li>1</li>
          
        <li>2</li>
          
        <li>3</li>
          
        <li>4</li>
          
        <li>5</li>
          
        <li>6</li>
          
        <li>7</li>
          
        <li>8</li>
          
        <li>9</li>
          
        <li>10</li>
          
        <li>11</li>
          
        <li>12</li>
         
       </ul></pre> </li> 
     <li> <p>效果</p> <p>\ ` * _ {} [] () # + - . !</p> <h4><a rel="nofollow"></a>6.9 特殊符号</h4> </li> 
     <li> <p>语法</p> <pre><code>&amp;copy;   版权
&amp;reg;    注册商标
&amp;trade;  商标
&amp;nbsp;   空格
&amp;amp;    和号
&amp;quot;   引号
&amp;apos;   撇号
&amp;lt;     小于号
&amp;gt;     大于号
&amp;ne;     不等号
&amp;le;     小于等于
&amp;ge;     大于等于
&amp;cent;   分
&amp;pound;  磅
&amp;euro;   欧元
&amp;yen;    元
&amp;sect;   节
&amp;times;  乘号
&amp;divide; 除号
&amp;plusmn; 正负号
</code>
        
         
       <div></div>
        
         
       <ul>
          
        <li>1</li>
          
        <li>2</li>
          
        <li>3</li>
          
        <li>4</li>
          
        <li>5</li>
          
        <li>6</li>
          
        <li>7</li>
          
        <li>8</li>
          
        <li>9</li>
          
        <li>10</li>
          
        <li>11</li>
          
        <li>12</li>
          
        <li>13</li>
          
        <li>14</li>
          
        <li>15</li>
          
        <li>16</li>
          
        <li>17</li>
          
        <li>18</li>
          
        <li>19</li>
          
        <li>20</li>
         
       </ul></pre> </li> 
     <li> <p>效果</p> <p>©</p> <p>®</p> <p>™</p> <p>&nbsp; &nbsp;</p> <p>&amp;</p> <p>"</p> <p>'</p> <p>&lt;</p> <p>&gt;</p> <p>≠</p> <p>≤</p> <p>≥</p> <p>¢</p> <p>£</p> <p>€</p> <p>¥</p> <p>§</p> <p>×</p> <p>÷</p> <p>±</p> </li> 
     <li> <p>附</p> <p><a href="https://link.jianshu.com?t=https%3A%2F%2Fwww.baidu.com%2Flink%3Furl%3DvUfE2amYdxd0-eyzqayeMFOVKkDRJrtkb1dV1MxyoCEke31DbXM_rb8fy1qDh1o0tqcq9u_fKQG1RRqPKTB_YK%26wd%3D%26eqid%3D8a6c88e90000a679000000035aa6444d" rel="nofollow">HTML特殊字符编码对照表</a></p> </li> 
    </ul> <p>pound; 磅<br> € 欧元<br> ¥ 元<br> § 节<br> × 乘号<br> ÷ 除号<br> ± 正负号</p> <pre><code>
+ 效果
</code></pre></td> 
  </tr> 
 </tbody> 
</table>

&copy;

&reg;

&trade;

&nbsp; &nbsp;

&apos;

&ne;

&le;

&ge;

&cent;

&pound;

&euro;

&yen;

&sect;

&times;

&divide;

&plusmn;

*  附

[HTML特殊字符编码对照表][HTML]

*  1
 *  2
 *  3
 *  4
 *  5
 *  6
 *  7
 *  8
 *  9
 *  10
 *  11
 *  12
 *  13
 *  14
 *  15
 *  16
 *  17
 *  18
 *  19
 *  20
 *  21
 *  22
 *  23
 *  24
 *  25
 *  26
 *  27
 *  28
 *  29
 *  30
 *  31
 *  32
 *  33
 *  34
 *  35
 *  36
 *  37
 *  38
 *  39
 *  40
 *  41
 *  42
 *  43
 *  44
 *  45
 *  46
 *  47
 *  48
 *  49

--------------------

1.  A markdown editor ↩︎

</div>
                <link href="https://csdnimg.cn/release/phoenix/mdeditor/markdown_views-b6c3c6d139.css" rel="stylesheet">
                                                <div class="more-toolbox">
                <div class="left-toolbox">
                    <ul class="toolbox-list">
                        
                        <li class="tool-item tool-active is-like "><a href="javascript:;"><svg class="icon" aria-hidden="true">
                            <use xlink:href="#csdnc-thumbsup"></use>
                        </svg><span class="name">点赞</span>
                        <span class="count">1</span>
                        </a></li>
                        <li class="tool-item tool-active is-collection "><a href="javascript:;" data-report-click="{"mod":"popu_824"}"><svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-csdnc-Collection-G"></use>
                        </svg><span class="name">收藏</span></a></li>
                        <li class="tool-item tool-active is-share"><a href="javascript:;"><svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-csdnc-fenxiang"></use>
                        </svg>分享</a></li>
                        
                                                
                                                <li class="tool-item tool-more">
                            <a>
                            <svg t="1575545411852" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5717" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M179.176 499.222m-113.245 0a113.245 113.245 0 1 0 226.49 0 113.245 113.245 0 1 0-226.49 0Z" p-id="5718"></path><path d="M509.684 499.222m-113.245 0a113.245 113.245 0 1 0 226.49 0 113.245 113.245 0 1 0-226.49 0Z" p-id="5719"></path><path d="M846.175 499.222m-113.245 0a113.245 113.245 0 1 0 226.49 0 113.245 113.245 0 1 0-226.49 0Z" p-id="5720"></path></svg>
                            </a>
                            <ul class="more-box">
                                <li class="item"><a class="article-report">文章举报</a></li>
                            </ul>
                        </li>
                                            </ul>
                </div>
                            </div>
            <div class="person-messagebox">
                <div class="left-message"><a href="https://blog.csdn.net/henu111">
                    <img src="https://profile.csdnimg.cn/7/1/D/3_henu111" class="avatar_pic" username="henu111">
                                            <img src="https://g.csdnimg.cn/static/user-reg-year/2x/2.png" class="user-years">
                                    </a></div>
                <div class="middle-message">
                                        <div class="title"><span class="tit"><a href="https://blog.csdn.net/henu111" data-report-click="{"mod":"popu_379"}" target="_blank">不要再见</a></span>
                                            </div>
                    <div class="text"><span>发布了90 篇原创文章</span> · <span>获赞 77</span> · <span>访问量 7万+</span></div>
                </div>
                                <div class="right-message">
                                            <a href="https://im.csdn.net/im/main.html?userName=henu111" target="_blank" class="btn btn-sm btn-red-hollow bt-button personal-letter">私信
                        </a>
                                                            <a class="btn btn-sm  bt-button personal-watch" data-report-click="{"mod":"popu_379"}">关注</a>
                                    </div>
                            </div>
                    </div>

[typora]: https://imgconvert.csdnimg.cn/aHR0cDovL3JlZHN0b25ld2lsbC5jb20vd3AtY29udGVudC91cGxvYWRzLzIwMTgvMDcvbG9nby01LTIucG5n
[Link 1]: https://www.baidu.com/
[CSDN]: https://www.csdn.net
[https_www.csdn.net]: https://www.csdn.net/
[HTML]: https://link.jianshu.com?t=https%3A%2F%2Fwww.baidu.com%2Flink%3Furl%3DvUfE2amYdxd0-eyzqayeMFOVKkDRJrtkb1dV1MxyoCEke31DbXM_rb8fy1qDh1o0tqcq9u_fKQG1RRqPKTB_YK%26wd%3D%26eqid%3D8a6c88e90000a679000000035aa6444d