Markdown编辑器介绍

博主：木小果
发布时间：2019 年 12 月 03 日
99 次浏览
暂无评论
6121字数
分类：折腾笔记

Markdown介绍及快捷键

Markdown介绍
Markdown快捷键

Markdown是一种可以使用普通文本编辑器编写的标记语言，通过简单的标记语法，它可以使普通文本内容具有一定的格式。
Markdown具有一系列衍生版本，用于扩展Markdown的功能（如表格、脚注、内嵌HTML等等），这些功能原初的Markdown尚不具备，它们能让Markdown转换成更多的格式，例如LaTeX，Docbook。Markdown增强版中比较有名的有Markdown Extra、MultiMarkdown、 Maruku等。这些衍生版本要么基于工具，如Pandoc；要么基于网站，如GitHub和Wikipedia，在语法上基本兼容，但在一些语法和渲染效果上有改动。

快捷键	功能
Ctrl+B	加粗
Ctrl+I	斜体
Ctrl+L	添加链接
Ctrl+I	斜体
Ctrl+Q	引用
Ctrl+K	代码
Ctrl+O	数字列表
Ctrl+U	普通列表
Ctrl+H	标题
Ctrl+R	分割线
Ctrl+M	摘要分割线
Ctrl+Z	撤销
Ctrl+Y	重做
Ctrl+J	全屏

怎么插入HTML代码

博客更新到Typecho1.1版本后，发现之前版本时候正文里嵌套的HTML代码都失效了，直接显示在了文章里面。

众所周知，Typecho采用的是Markdown的文章编辑器，使用起来比较方便。

Markdown其他的还行，就是少一个“居中”的功能。而要实现居中则需要用到HTML里的

标签。

但是更新了typecho1.1后，由于更换了Markdown解析器，添加

等HTML标签后，网页会把这些标签当做文字显示出来，而不是执行这些操作。

说了这么多，怎样让新版本的Typecho支持嵌入HTML代码呢？请查看方法板块~

可以使用三个英文半角感叹符号将需要直接输出的代码包起来即可。

<center>我就是要居中∑(°Д°ノ)ノ</center>
<div style="color:#737171">
<h1>木小果</h1>
<h2>木小果</h2>
<h3>木小果</h3>
<p>木小果</p>
</div>

我就是要居中∑(°Д°ノ)ノ

木小果

Markdown编辑器显示HTML标签以及转义字符

如何显示HTML标签
部分转义字符表

我们在使用Markdown编辑器时，如果遇到HTML标签，则编辑器会将内容转为HTML标记，这就与我们原来的本意像违背了，如果我们只是想显示一些标签的字面内容而不想被转换，这时我们需要懂得一些常用的转义字符表

显示结果	描述	实体名称	实体编号
	空格	&nhsp;
<	小于号	cccc	<
>	大于号	>	>
&	和号	&	&
"	引号	"	"
'	撇号	'(IE不支持)	'
￠	分（cent）	¢	¢
£	镑（pound）	£	£
¥	元（yen）	¥	¥
€	欧元（euro）	€	€
§	小节	§	§
©	版权（copyright）	©	©
®	注册商标	®	®
™	商标	™	™
×	乘号	×	×
÷	除号	÷	÷

例如：我们只是想显示<HTML>这个内容，但是如果直接写就会被转换而看不见。
所以，写的形式应该为：
<HTML> 或者 <HTML>

[tip type="info" title="Markdown的语法总结"]
既然到这了，就继续把Markdown的语法总结一下吧，下次忘记了再来次查看一下：
Markdown是一种纯文本格式的标记语言。通过简单的标记语法，它可以使普通文本内容具有一定的格式。相比WYSIWYG编辑器。
优点：
1、因为是纯文本，所以只要支持Markdown的地方都能获得一样的编辑效果，可以让作者摆脱排版的困扰，专心写作。
2、操作简单。比如:WYSIWYG编辑时标记个标题，先选中内容，再点击导航栏的标题按钮，选择几级标题。要三个步骤。而Markdown只需要在标题内容前加#即可
缺点：
1、需要记一些语法（当然，是很简单。五分钟学会）。
2、有些平台不支持Markdown编辑模式。

一、标题
在想要设置为标题的文字前面加#来表示
一个#是一级标题，二个#是二级标题，以此类推。支持六级标题。
注：标准语法一般在#后跟个空格再写文字，貌似简书不加空格也行。

示例
效果

# 这是一级标题
## 这是二级标题
### 这是三级标题
#### 这是四级标题
##### 这是五级标题
###### 这是六级标题

这是一级标题

这是二级标题

这是三级标题

这是四级标题

这是五级标题

这是六级标题

二、字体
加粗：要加粗的文字左右分别用两个*号包起来

斜体：要倾斜的文字左右分别用一个*号包起来

斜体加粗：要倾斜和加粗的文字左右分别用三个*号包起来

删除线：要加删除线的文字左右分别用两个~~号包起来

示例
效果

**这是加粗的文字**
*这是倾斜的文字*
***这是斜体加粗的文字***
~~这是加删除线的文字~~

这是加粗的文字
这是倾斜的文字`
这是斜体加粗的文字
~~这是加删除线的文字~~

三、引用
在引用的文字前加>即可。引用也可以嵌套，如加两个>>三个>>>
n个…
貌似可以一直加下去，但没神马卵用
示例：

示例
效果

>这是引用的内容
>>这是引用的内容
>>>>>>>>>>这是引用的内容

这是引用的内容
这是引用的内容
这是引用的内容

四、分割线
三个或者三个以上的 - 或者 * 都可以。

示例
效果

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

五、图片

![图片描述][图片序号]
[图片序号]: 图片地址

![图片的描述~][1]
  [1]: https://s4.ax1x.com/2022/01/13/7Q5sN4.jpg

六、超链接



语法
示例
效果



            
[超链接名](超链接地址)

            
[木小果](https://muxiaoguo.cn)

            
木小果

七、列表无序列表语法：无序列表用 - + * 任何一种都可以



语法
效果



            
- 列表内容
+ 列表内容
* 列表内容
注意：- + * 跟内容之间都要有一个空格

            
列表内容
列表内容
列表内容

有序列表

语法：数字加点



语法
效果



            
1.列表内容
2.列表内容
3.列表内容
注意：序号跟内容之间要有空格

            
1.列表内容
2.列表内容
3.列表内容

八、表格



语法
示例
效果



            
表头|表头|表头
---|:--:|---:
内容|内容|内容
内容|内容|内容
第二行分割表头和内容。
有一个就行，为了对齐，多加了几个
文字默认居左
-两边加：表示文字居中
-右边加：表示文字居右
注：原生的语法两边都要用 | 包起来。此处省略

            
姓名|技能|排行
--|:--:|--:
刘备|哭|大哥
关羽|打|二哥
张飞|骂|三弟

            
姓名 技能 排行
刘备 哭 大哥
关羽 打 二哥
张飞 骂 三弟

姓名	技能	排行
刘备	哭	大哥
关羽	打	二哥
张飞	骂	三弟

九、代码语法：单行代码：代码之间分别用一个反引号包起来

代码内容代码块：代码之间分别用三个反引号包起来，且两边的反引号单独占一行

(`) 代码... 代码... 代码... (`) 注：为了防止转译，前后三个反引号处加了小括号，实际是没有的。这里只是用来演示，实际中去掉两边小括号即可。

示例：



单行代码
代码块
单行代码(效果)
代码块(效果)



            
create database hero;

            
(`)
function fun(){
     echo "这是一句非常牛逼的代码";
}
fun();
(`)
注：为了防止转译，前后三个反引号处加了小括号，实际是没有的。这里只是用来演示，实际中去掉两边小括号即可。

            
create database hero;

            
    function fun(){
         echo "这是一句非常牛逼的代码";
    }
    fun();



                              
                                           
             
                     
                     最后修改：2022 年 01 月 13 日
                 
© 允许规范转载
                 
             
                         
             
                  
                 
                     
                         
                             
                             赞赏作者
                         
                         
                             
                                 支付宝
微信
        
                                
                            
                            

                            
                            
    

                             
 
 
                         

                     

                 

        
                        如果觉得我的文章对你有用，请随意赞赏


       
       
        
          
下一篇 
     上一篇 
        
       
       
        
            
    
    
    

                    
            
        
        
                                    

                    发表评论                        
                            
                        
                        
                            取消回复                        
                    
                    
                        
                        
                            评论                                *
                            
                            
                                                        
                                私密评论
                                
                                    
                                        
                                        
                                    
                                
                            
                                                    
                        
                                                                            
                                                                
                                    名称                                        *
                                    
                                                                                
                                        
                                                                                🎲
                                                                            
                                

                                
                                    邮箱                                                                                *
                                                                            
                                    
                                

                                
                                    地址


     
             
     
               
       
        
          
热门文章 
                             
 最新评论 
                          
  随机文章
             
            
        
       
       
       
        
         热门文章
         
          
                
                
                      新版VMware 16 安装MacOS系统教程（仅供学习交流） 
                      浏览次数: 1584
                    
              

                
                
                      Keil uVision5.29 汉化以及破解 
                      浏览次数: 1368
                    
              

                
                
                      搜索引擎中的特殊符号和搜索语句 
                      浏览次数: 1009
                    
              

                
                
                      GIF录制工具 
                      浏览次数: 528
                    
              

                
                
                      根据CPU/内存占用率磕头小人 
                      浏览次数: 513
                    
              
         
        
                   
        
         最新评论
         
                              

              
                                
              
                  
              
              
                  
                       十八 
                  
                  
                      
                          我是从磕头小人那边链接到博主你这个站的。我的wordpress...                      
                  
              
          
                    

              
                                
              
                  
              
              
                  
                       不知名的学生 
                  
                  
                      
                          哈哈哈哈哈哈哈哈  太好玩了，今日份快乐感谢感谢                      
                  
              
          
                    

              
                                
              
                  
              
              
                  
                       王大拿 
                  
                  
                      
                          磕头速度能不能根据cpu温度进行变化。                      
                  
              
          
                    

              
                                
              
                  
              
              
                  
                       晓晓 
                  
                  
                      
                          点去下载 怎么没反应                      
                  
              
          
                    

              
                                
              
                  
              
              
                  
                       风止于秋水 
                  
                  
                      
                          不知道helo可以用不，试一试                      
                  
              
          
                   
        
                   
        
            随机文章
            
            
                
                
                      PHP位运算和数组 
                      浏览次数: 68
                    
              

                
                
                      Handsome主题美化——美化的尽头便是默认 
                      浏览次数: 175
                    
              

                
                
                      基本的输入和输出函数的用法 
                      浏览次数: 78
                    
              

                
                
                      PHP无数据库读写配置文件 
                      浏览次数: 78
                    
              

                
                
                      JQuery.Ajax()的data参数传递方式 
                      浏览次数: 63
                    
              
            
        
       
      
               
               
       博客信息
       
                        104文章数目
                        
               77评论数目
                       
               2年168天运行天数
             2 星期前最后活动
       
      
                        
         
             广告
                     
                  
                
          
              文章标签
              
                  暂无标签              
          
                    
              
                  文章目录




    

        
            Markdown编辑器介绍
            木小果 • 2019 年 12 月 03 日     
            <font color=#BCBCBC size=4><b>Markdown介绍及快捷键</b></font><p><div class="tab-container post_tab box-shadow-wrap-lg">
<ul class="nav no-padder b-b scroll-hide" role="tablist">
<li class='nav-item active' role="presentation"><a class='nav-link active' style="" data-toggle="tab" 
aria-controls='tabs-0155f906f53b35295ba40a43793aee9a600' role="tab" data-target='#tabs-0155f906f53b35295ba40a43793aee9a600'>Markdown介绍</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-071f599bae99d3d7493ffb282fa1ed83761' role="tab" data-target='#tabs-071f599bae99d3d7493ffb282fa1ed83761'>Markdown快捷键</a></li>
</ul>
<div class="tab-content no-border">
<div role="tabpanel" id='tabs-0155f906f53b35295ba40a43793aee9a600' class="tab-pane fade active in">
            <br>Markdown是一种可以使用普通文本编辑器编写的标记语言，通过简单的标记语法，它可以使普通文本内容具有一定的格式。<br>Markdown具有一系列衍生版本，用于扩展Markdown的功能（如表格、脚注、内嵌HTML等等），这些功能原初的Markdown尚不具备，它们能让Markdown转换成更多的格式，例如LaTeX，Docbook。Markdown增强版中比较有名的有Markdown Extra、MultiMarkdown、 Maruku等。这些衍生版本要么基于工具，如Pandoc；要么基于网站，如GitHub和Wikipedia，在语法上基本兼容，但在一些语法和渲染效果上有改动。<br></div><div role="tabpanel" id='tabs-071f599bae99d3d7493ffb282fa1ed83761' class="tab-pane fade  ">
            </p><table border="1">
<tr><th>快捷键</th><th>功能</th></tr>
<tr><td>Ctrl+B</td><td>加粗</td></tr>
<tr><td>Ctrl+I</td><td>斜体</td></tr>
<tr><td>Ctrl+L</td><td>添加链接</td></tr>
<tr><td>Ctrl+I</td><td>斜体</td></tr>
<tr><td>Ctrl+Q</td><td>引用</td></tr>
<tr><td>Ctrl+K</td><td>代码</td></tr>
<tr><td>Ctrl+O</td><td>数字列表</td></tr>
<tr><td>Ctrl+U</td><td>普通列表</td></tr>
<tr><td>Ctrl+H</td><td>标题</td></tr>
<tr><td>Ctrl+R</td><td>分割线</td></tr>
<tr><td>Ctrl+M</td><td>摘要分割线</td></tr>
<tr><td>Ctrl+Z</td><td>撤销</td></tr>
<tr><td>Ctrl+Y</td><td>重做</td></tr>
<tr><td>Ctrl+J</td><td>全屏</td></tr>
</table><p></div>
</div>
</div></p><font color=#BCBCBC size=4><b>怎么插入HTML代码</b></font><p><div class="tab-container post_tab box-shadow-wrap-lg">
<ul class="nav no-padder b-b scroll-hide" role="tablist">
<li class='nav-item active' role="presentation"><a class='nav-link active' style="" data-toggle="tab" 
aria-controls='tabs-4b844c1bf6dc543b8e14bcfb014f2757510' role="tab" data-target='#tabs-4b844c1bf6dc543b8e14bcfb014f2757510'>介绍</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-79819ed889fb6795115ce378136151af841' role="tab" data-target='#tabs-79819ed889fb6795115ce378136151af841'>方法</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-41482cc247f7418b7aaeaf9d49acda05712' role="tab" data-target='#tabs-41482cc247f7418b7aaeaf9d49acda05712'>例子</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-b1ee8fcde1f9897342cf1f0a71883619133' role="tab" data-target='#tabs-b1ee8fcde1f9897342cf1f0a71883619133'>效果</a></li>
</ul>
<div class="tab-content no-border">
<div role="tabpanel" id='tabs-4b844c1bf6dc543b8e14bcfb014f2757510' class="tab-pane fade active in">
            <br>博客更新到Typecho1.1版本后，发现之前版本时候正文里嵌套的HTML代码都失效了，直接显示在了文章里面。</p><p>众所周知，Typecho采用的是Markdown的文章编辑器，使用起来比较方便。</p><p>Markdown其他的还行，就是少一个“居中”的功能。而要实现居中则需要用到HTML里的<center>标签。</p><p>但是更新了typecho1.1后， 由于更换了Markdown解析器，添加<center>等HTML标签后，网页会把这些标签当做文字显示出来，而不是执行这些操作。</p><p>说了这么多，怎样让新版本的Typecho支持嵌入HTML代码呢？请查看方法板块~<br></div><div role="tabpanel" id='tabs-79819ed889fb6795115ce378136151af841' class="tab-pane fade  ">
            <br>可以使用三个英文半角感叹符号将需要直接输出的代码包起来即可。<br></div><div role="tabpanel" id='tabs-41482cc247f7418b7aaeaf9d49acda05712' class="tab-pane fade  ">
            </p><pre><code>&lt;center&gt;我就是要居中∑(°Д°ノ)ノ&lt;/center&gt;
&lt;div style=&quot;color:#737171&quot;&gt;
&lt;h1&gt;木小果&lt;/h1&gt;
&lt;h2&gt;木小果&lt;/h2&gt;
&lt;h3&gt;木小果&lt;/h3&gt;
&lt;p&gt;木小果&lt;/p&gt;
&lt;/div&gt;

</code></pre><p></div><div role="tabpanel" id='tabs-b1ee8fcde1f9897342cf1f0a71883619133' class="tab-pane fade  ">
            </p><center>我就是要居中∑(°Д°ノ)ノ</center>
<div style="color:#737171">
<h1>木小果</h1>
<h2>木小果</h2>
<h3>木小果</h3>
<p>木小果</p>
</div><p></div>
</div>
</div></p><font color=#BCBCBC size=4><b>Markdown编辑器显示HTML标签以及转义字符</b></font><p><div class="tab-container post_tab box-shadow-wrap-lg">
<ul class="nav no-padder b-b scroll-hide" role="tablist">
<li class='nav-item active' role="presentation"><a class='nav-link active' style="" data-toggle="tab" 
aria-controls='tabs-53532344b20ff07417c3946162f215f4450' role="tab" data-target='#tabs-53532344b20ff07417c3946162f215f4450'>如何显示HTML标签</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-4ccb8762771787e5c70c1c2c6da86cd4291' role="tab" data-target='#tabs-4ccb8762771787e5c70c1c2c6da86cd4291'>部分转义字符表</a></li>
</ul>
<div class="tab-content no-border">
<div role="tabpanel" id='tabs-53532344b20ff07417c3946162f215f4450' class="tab-pane fade active in">
            <br>我们在使用Markdown编辑器时，如果遇到HTML标签，则编辑器会将内容转为HTML标记，这就与我们原来的本意像违背了，如果我们只是想显示一些标签的字面内容而不想被转换，这时我们需要懂得一些常用的转义字符表<br></div><div role="tabpanel" id='tabs-4ccb8762771787e5c70c1c2c6da86cd4291' class="tab-pane fade  ">
            </p><table border="1" cellspacing="0" cellpadding="0">
  <tbody>
    <tr>
      <th>显示结果</th>
      <th>描述</th>
      <th>实体名称</th>
      <th>实体编号</th>
    </tr>
    <tr>
      <td>
      </td>
      <td>空格</td>
      <td>&amp;nhsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>&lt;</td>
      <td>小于号</td>
      <td>cccc</td>
      <td>&lt;</td>
    </tr>
    <tr>
      <td>&gt;</td>
      <td>大于号</td>
      <td>&gt;</td>
      <td>&gt;</td>
    </tr>
    <tr>
      <td>&amp;</td>
      <td>和号</td>
      <td>&amp;</td>
      <td>&amp;</td>
    </tr>
    <tr>
      <td>"</td>
      <td>引号</td>
      <td>"</td>
      <td>"</td>
    </tr>
    <tr>
      <td>'</td>
      <td>撇号</td>
      <td>'(IE不支持)</td>
      <td>'</td>
    </tr>
    <tr>
      <td>￠</td>
      <td>分（cent）</td>
      <td>¢</td>
      <td>¢</td>
    </tr>
    <tr>
      <td>£</td>
      <td>镑（pound）</td>
      <td>£</td>
      <td>£</td>
    </tr>
    <tr>
      <td>¥</td>
      <td>元（yen）</td>
      <td>¥</td>
      <td>¥</td>
    </tr>
    <tr>
      <td>€</td>
      <td>欧元（euro）</td>
      <td>€</td>
      <td>€</td>
    </tr>
    <tr>
      <td>§</td>
      <td>小节</td>
      <td>§</td>
      <td>§</td>
    </tr>
    <tr>
      <td>©</td>
      <td>版权（copyright）</td>
      <td>©</td>
      <td>©</td>
    </tr>
    <tr>
      <td>®</td>
      <td>注册商标</td>
      <td>®</td>
      <td>®</td>
    </tr>
    <tr>
      <td>™</td>
      <td>商标</td>
      <td>™</td>
      <td>™</td>
    </tr>
    <tr>
      <td>×</td>
      <td>乘号</td>
      <td>×</td>
      <td>×</td>
    </tr>
    <tr>
      <td>÷</td>
      <td>除号</td>
      <td>÷</td>
      <td>÷</td>
    </tr>
  </tbody>
</table><p></div>
</div>
</div></p><p>例如：我们只是想显示&lt;HTML&gt;这个内容，但是如果直接写就会被转换而看不见。<br>所以，写的形式应该为：<br>&#60;HTML&#62;    或者    &lt;HTML&gt;</p><p>[tip type="info" title="Markdown的语法总结"]<br>既然到这了，就继续把Markdown的语法总结一下吧，下次忘记了再来次查看一下：<br>Markdown是一种纯文本格式的标记语言。通过简单的标记语法，它可以使普通文本内容具有一定的格式。相比WYSIWYG编辑器。<br>优点：<br>1、因为是纯文本，所以只要支持Markdown的地方都能获得一样的编辑效果，可以让作者摆脱排版的困扰，专心写作。<br>2、操作简单。比如:WYSIWYG编辑时标记个标题，先选中内容，再点击导航栏的标题按钮，选择几级标题。要三个步骤。而Markdown只需要在标题内容前加#即可<br>缺点：<br>1、需要记一些语法（当然，是很简单。五分钟学会）。<br>2、有些平台不支持Markdown编辑模式。</p><p>一、标题<br>在想要设置为标题的文字前面加#来表示<br>一个#是一级标题，二个#是二级标题，以此类推。支持六级标题。<br>注：标准语法一般在#后跟个空格再写文字，貌似简书不加空格也行。</p><p><div class="tab-container post_tab box-shadow-wrap-lg">
<ul class="nav no-padder b-b scroll-hide" role="tablist">
<li class='nav-item active' role="presentation"><a class='nav-link active' style="" data-toggle="tab" 
aria-controls='tabs-0d82f96116d678317ac4771e486f0fc1190' role="tab" data-target='#tabs-0d82f96116d678317ac4771e486f0fc1190'>示例</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-9fa4967c466c160e77ac01c0a8db6fbc621' role="tab" data-target='#tabs-9fa4967c466c160e77ac01c0a8db6fbc621'>效果</a></li>
</ul>
<div class="tab-content no-border">
<div role="tabpanel" id='tabs-0d82f96116d678317ac4771e486f0fc1190' class="tab-pane fade active in">
            </p><pre><code># 这是一级标题
## 这是二级标题
### 这是三级标题
#### 这是四级标题
##### 这是五级标题
###### 这是六级标题
</code></pre><p></div><div role="tabpanel" id='tabs-9fa4967c466c160e77ac01c0a8db6fbc621' class="tab-pane fade  ">
            </p><h1>这是一级标题</h1><h2>这是二级标题</h2><h3>这是三级标题</h3><h4>这是四级标题</h4><h5>这是五级标题</h5><h6>这是六级标题</h6><p></div>
</div>
</div></p><p>二、字体<br>加粗：要加粗的文字左右分别用两个*号包起来</p><p>斜体：要倾斜的文字左右分别用一个*号包起来</p><p>斜体加粗：要倾斜和加粗的文字左右分别用三个*号包起来</p><p>删除线：要加删除线的文字左右分别用两个~~号包起来<br><div class="tab-container post_tab box-shadow-wrap-lg">
<ul class="nav no-padder b-b scroll-hide" role="tablist">
<li class='nav-item active' role="presentation"><a class='nav-link active' style="" data-toggle="tab" 
aria-controls='tabs-834b4b5b9e7b1c9baea056cfeb538bbe90' role="tab" data-target='#tabs-834b4b5b9e7b1c9baea056cfeb538bbe90'>示例</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-718630740d027f3830568d3988a3902c661' role="tab" data-target='#tabs-718630740d027f3830568d3988a3902c661'>效果</a></li>
</ul>
<div class="tab-content no-border">
<div role="tabpanel" id='tabs-834b4b5b9e7b1c9baea056cfeb538bbe90' class="tab-pane fade active in">
            </p><pre><code>**这是加粗的文字**
*这是倾斜的文字*
***这是斜体加粗的文字***
~~这是加删除线的文字~~
</code></pre><p></div><div role="tabpanel" id='tabs-718630740d027f3830568d3988a3902c661' class="tab-pane fade  ">
            </p><p><strong>这是加粗的文字</strong><br><em>这是倾斜的文字</em>`<br><strong><em>这是斜体加粗的文字</em></strong><br><del>这是加删除线的文字</del></p><p></div>
</div>
</div></p><p>三、引用<br>在引用的文字前加&gt;即可。引用也可以嵌套，如加两个&gt;&gt;三个&gt;&gt;&gt;<br>n个…<br>貌似可以一直加下去，但没神马卵用<br>示例：<br><div class="tab-container post_tab box-shadow-wrap-lg">
<ul class="nav no-padder b-b scroll-hide" role="tablist">
<li class='nav-item active' role="presentation"><a class='nav-link active' style="" data-toggle="tab" 
aria-controls='tabs-1da17095e1793e4905c18fad163edaab480' role="tab" data-target='#tabs-1da17095e1793e4905c18fad163edaab480'>示例</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-d61a7e1d3e7c16ceff09b7f2b8100f7c151' role="tab" data-target='#tabs-d61a7e1d3e7c16ceff09b7f2b8100f7c151'>效果</a></li>
</ul>
<div class="tab-content no-border">
<div role="tabpanel" id='tabs-1da17095e1793e4905c18fad163edaab480' class="tab-pane fade active in">
            </p><pre><code>&gt;这是引用的内容
&gt;&gt;这是引用的内容
&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;这是引用的内容
</code></pre><p></div><div role="tabpanel" id='tabs-d61a7e1d3e7c16ceff09b7f2b8100f7c151' class="tab-pane fade  ">
            </p><blockquote><p>这是引用的内容</p><blockquote><p>这是引用的内容</p><blockquote><blockquote><blockquote><blockquote><blockquote><blockquote><blockquote><blockquote>这是引用的内容<br></div>
</div>
</div></p><p>四、分割线<br>三个或者三个以上的 - 或者 * 都可以。</p><p><div class="tab-container post_tab box-shadow-wrap-lg">
<ul class="nav no-padder b-b scroll-hide" role="tablist">
<li class='nav-item active' role="presentation"><a class='nav-link active' style="" data-toggle="tab" 
aria-controls='tabs-d227b293253340473ece4b94c4aa5ad8490' role="tab" data-target='#tabs-d227b293253340473ece4b94c4aa5ad8490'>示例</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-d409c939d28051e8ce15091e0034da71821' role="tab" data-target='#tabs-d409c939d28051e8ce15091e0034da71821'>效果</a></li>
</ul>
<div class="tab-content no-border">
<div role="tabpanel" id='tabs-d227b293253340473ece4b94c4aa5ad8490' class="tab-pane fade active in">
            </p><pre><code>---
----
***
*****
</code></pre><p></div><div role="tabpanel" id='tabs-d409c939d28051e8ce15091e0034da71821' class="tab-pane fade  ">
            </p><hr><hr><hr><hr><p></div>
</div>
</div></p><p>五、图片<br><div class="tab-container post_tab box-shadow-wrap-lg">
<ul class="nav no-padder b-b scroll-hide" role="tablist">
<li class='nav-item active' role="presentation"><a class='nav-link active' style="" data-toggle="tab" 
aria-controls='tabs-e094ca7b242aac66c0be232e5a26ad18820' role="tab" data-target='#tabs-e094ca7b242aac66c0be232e5a26ad18820'>语法</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-b2f5019c522263b5f907a3d4e68b36e3401' role="tab" data-target='#tabs-b2f5019c522263b5f907a3d4e68b36e3401'>示例</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-9dcd90e8ad0d666199e8fde06b748ce6502' role="tab" data-target='#tabs-9dcd90e8ad0d666199e8fde06b748ce6502'>效果</a></li>
</ul>
<div class="tab-content no-border">
<div role="tabpanel" id='tabs-e094ca7b242aac66c0be232e5a26ad18820' class="tab-pane fade active in">
            </p><pre><code>![图片描述][图片序号]
[图片序号]: 图片地址
</code></pre><p></div><div role="tabpanel" id='tabs-b2f5019c522263b5f907a3d4e68b36e3401' class="tab-pane fade  ">
            </p><pre><code>![图片的描述~][1]
  [1]: https://s4.ax1x.com/2022/01/13/7Q5sN4.jpg
</div><div role="tabpanel" id='tabs-9dcd90e8ad0d666199e8fde06b748ce6502' class="tab-pane fade  ">
            <br><img src="https://s4.ax1x.com/2022/01/13/7Q5sN4.jpg" alt="狗狗" title="狗狗"style=""></p><p></div>
</div>
</div></p><p>六、超链接<br><div class="tab-container post_tab box-shadow-wrap-lg">
<ul class="nav no-padder b-b scroll-hide" role="tablist">
<li class='nav-item active' role="presentation"><a class='nav-link active' style="" data-toggle="tab" 
aria-controls='tabs-bbd932a6b7f9423efa29b7554328411f50' role="tab" data-target='#tabs-bbd932a6b7f9423efa29b7554328411f50'>语法</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-8fee456162ed8425ddd24ba81c8bd93c01' role="tab" data-target='#tabs-8fee456162ed8425ddd24ba81c8bd93c01'>示例</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-586ab6eff1ea2b872e247493ed720847522' role="tab" data-target='#tabs-586ab6eff1ea2b872e247493ed720847522'>效果</a></li>
</ul>
<div class="tab-content no-border">
<div role="tabpanel" id='tabs-bbd932a6b7f9423efa29b7554328411f50' class="tab-pane fade active in">
            </p><pre><code>[超链接名](超链接地址)
</code></pre><p></div><div role="tabpanel" id='tabs-8fee456162ed8425ddd24ba81c8bd93c01' class="tab-pane fade  ">
            </p><pre><code>[木小果](https://muxiaoguo.cn)
</code></pre><p></div><div role="tabpanel" id='tabs-586ab6eff1ea2b872e247493ed720847522' class="tab-pane fade  ">
            <br><span class="external-link"><a class="no-external-link" href="https://muxiaoguo.cn" target="_blank"><i data-feather="external-link"></i>木小果</a></span><br></div>
</div>
</div></p><p>七、列表<br>无序列表<br>语法：<br>无序列表用 - + * 任何一种都可以<br><div class="tab-container post_tab box-shadow-wrap-lg">
<ul class="nav no-padder b-b scroll-hide" role="tablist">
<li class='nav-item active' role="presentation"><a class='nav-link active' style="" data-toggle="tab" 
aria-controls='tabs-785d34f995a20e7b35d446cb78181df2440' role="tab" data-target='#tabs-785d34f995a20e7b35d446cb78181df2440'>语法</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-9d3f2dfc887842da2997e46c7ee2bbd111' role="tab" data-target='#tabs-9d3f2dfc887842da2997e46c7ee2bbd111'>效果</a></li>
</ul>
<div class="tab-content no-border">
<div role="tabpanel" id='tabs-785d34f995a20e7b35d446cb78181df2440' class="tab-pane fade active in">
            </p><pre><code>- 列表内容
+ 列表内容
* 列表内容
</code></pre><p>注意：- + * 跟内容之间都要有一个空格<br></div><div role="tabpanel" id='tabs-9d3f2dfc887842da2997e46c7ee2bbd111' class="tab-pane fade  ">
            </p><ul><li>列表内容</li><li>列表内容</li><li>列表内容<br></div>
</div>
</div></p><p>有序列表</p><p>语法：<br>数字加点<br><div class="tab-container post_tab box-shadow-wrap-lg">
<ul class="nav no-padder b-b scroll-hide" role="tablist">
<li class='nav-item active' role="presentation"><a class='nav-link active' style="" data-toggle="tab" 
aria-controls='tabs-bc3870a610194ca04c8a42f523c6cf7e670' role="tab" data-target='#tabs-bc3870a610194ca04c8a42f523c6cf7e670'>语法</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-b40ae27433cbeee16c20f6a9eaf04793441' role="tab" data-target='#tabs-b40ae27433cbeee16c20f6a9eaf04793441'>效果</a></li>
</ul>
<div class="tab-content no-border">
<div role="tabpanel" id='tabs-bc3870a610194ca04c8a42f523c6cf7e670' class="tab-pane fade active in">
            </p><pre><code>1.列表内容
2.列表内容
3.列表内容
</code></pre><p>注意：序号跟内容之间要有空格<br></div><div role="tabpanel" id='tabs-b40ae27433cbeee16c20f6a9eaf04793441' class="tab-pane fade  ">
            <br>1.列表内容<br>2.列表内容<br>3.列表内容<br></div>
</div>
</div></p><p>八、表格<br><div class="tab-container post_tab box-shadow-wrap-lg">
<ul class="nav no-padder b-b scroll-hide" role="tablist">
<li class='nav-item active' role="presentation"><a class='nav-link active' style="" data-toggle="tab" 
aria-controls='tabs-9e9e81f491956b74dfce16ba5ea4750990' role="tab" data-target='#tabs-9e9e81f491956b74dfce16ba5ea4750990'>语法</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-908a10327b83c9a6b04071211f41133f381' role="tab" data-target='#tabs-908a10327b83c9a6b04071211f41133f381'>示例</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-f40ec163ca64b8b28a37bcfdaa9e54b5732' role="tab" data-target='#tabs-f40ec163ca64b8b28a37bcfdaa9e54b5732'>效果</a></li>
</ul>
<div class="tab-content no-border">
<div role="tabpanel" id='tabs-9e9e81f491956b74dfce16ba5ea4750990' class="tab-pane fade active in">
            </p><pre><code>表头|表头|表头
---|:--:|---:
内容|内容|内容
内容|内容|内容
</code></pre><p>第二行分割表头和内容。</p><ul><li>有一个就行，为了对齐，多加了几个<br>文字默认居左<br>-两边加：表示文字居中<br>-右边加：表示文字居右<br>注：原生的语法两边都要用 | 包起来。此处省略<br></div><div role="tabpanel" id='tabs-908a10327b83c9a6b04071211f41133f381' class="tab-pane fade  ">
            </p><pre><code>姓名|技能|排行
--|:--:|--:
刘备|哭|大哥
关羽|打|二哥
张飞|骂|三弟
</code></pre><p></div><div role="tabpanel" id='tabs-f40ec163ca64b8b28a37bcfdaa9e54b5732' class="tab-pane fade  ">
            </p><table><thead><tr><th>姓名</th><th align="center">技能</th><th align="right">排行</th></tr></thead><tbody><tr><td>刘备</td><td align="center">哭</td><td align="right">大哥</td></tr><tr><td>关羽</td><td align="center">打</td><td align="right">二哥</td></tr><tr><td>张飞</td><td align="center">骂</td><td align="right">三弟</td></tr><tr><td> </td><td align="center"> </td><td align="right"> </td></tr></tbody></table><p></div>
</div>
</div></p><p>九、代码<br>语法：<br>单行代码：代码之间分别用一个反引号包起来</p><p><code>代码内容</code><br>代码块：代码之间分别用三个反引号包起来，且两边的反引号单独占一行</p><p>(<code>`</code>)<br>  代码...<br>  代码...<br>  代码...<br>(<code>`</code>)<br>注：为了防止转译，前后三个反引号处加了小括号，实际是没有的。这里只是用来演示，实际中去掉两边小括号即可。</p><p>示例：<br><div class="tab-container post_tab box-shadow-wrap-lg">
<ul class="nav no-padder b-b scroll-hide" role="tablist">
<li class='nav-item active' role="presentation"><a class='nav-link active' style="" data-toggle="tab" 
aria-controls='tabs-b942880197b61a221c93ba36ac92fe42880' role="tab" data-target='#tabs-b942880197b61a221c93ba36ac92fe42880'>单行代码</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-73cf3bb3ef1bcc85a42d57968c2a3237901' role="tab" data-target='#tabs-73cf3bb3ef1bcc85a42d57968c2a3237901'>代码块</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-29a7d2900e2305a135a2cf07dc7d9d92522' role="tab" data-target='#tabs-29a7d2900e2305a135a2cf07dc7d9d92522'>单行代码(效果)</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-69fae7f90ec149e03610dcd722586822473' role="tab" data-target='#tabs-69fae7f90ec149e03610dcd722586822473'>代码块(效果)</a></li>
</ul>
<div class="tab-content no-border">
<div role="tabpanel" id='tabs-b942880197b61a221c93ba36ac92fe42880' class="tab-pane fade active in">
            </p><p><code>create database hero;</code><br></div><div role="tabpanel" id='tabs-73cf3bb3ef1bcc85a42d57968c2a3237901' class="tab-pane fade  ">
            </p><p>(<code>`</code>)</p><pre><code>function fun(){
     echo &quot;这是一句非常牛逼的代码&quot;;
}
fun();</code></pre><p>(<code>`</code>)<br>注：为了防止转译，前后三个反引号处加了小括号，实际是没有的。这里只是用来演示，实际中去掉两边小括号即可。<br></div><div role="tabpanel" id='tabs-29a7d2900e2305a135a2cf07dc7d9d92522' class="tab-pane fade  ">
            <br><code>create database hero;</code><br></div><div role="tabpanel" id='tabs-69fae7f90ec149e03610dcd722586822473' class="tab-pane fade  ">
            </p><pre><code>    function fun(){
         echo &quot;这是一句非常牛逼的代码&quot;;
    }
    fun();</code></pre><p></div>
</div>
</div></p>

木小果

木小果

木小果