Markdown编辑器介绍

博主：木小果
发布时间：2019 年 12 月 03 日
9 次浏览
暂无评论
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 日
                 
© 允许规范转载
                 
             
                         
             
                  
                 
                     
                         
                             
                             赞赏作者
                         
                         
                             
                                 支付宝
微信
        
                                
                            
                            

                            
                            
    

                             
 
 
                         

                     

                 

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


       
       
        
          
下一篇 
     上一篇 
        
       
       
        
            
    
    
    

                    
            
        
        
                                    

                    发表评论                        
                            取消回复                        
                        
                            
                            使用Cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款！                        
                    
                    
                        
                        
                            评论                                *
                            
                            
                                                        
                                私密评论
                                
                                    
                                        
                                        
                                    
                                
                            
                                                    
                        
                                                                            
                                                                
                                    名称                                        *
                                    
                                                                                
                                        
                                                                                🎲
                                                                            
                                

                                
                                    邮箱                                                                                *
                                                                            
                                    
                                

                                
                                    地址


     
             
     
               
       
        
          
热门文章 
                             
 最新评论 
                          
  随机文章
             
            
        
       
       
       
        
         热门文章
         
          
                
                
                      黑鲨一代ROOT过程 
                      浏览次数: 54764
                    
              

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

                
                
                      根据CPU/内存占用率磕头小人 
                      浏览次数: 8727
                    
              

                
                
                      新版VMware 16 安装MacOS系统教程（仅供学习交流） 
                      浏览次数: 6481
                    
              

                
                
                      易语言使用常量支持库导致编译失败的解决方法 
                      浏览次数: 5515
                    
              
         
        
                   
        
         最新评论
         
                              

              
                                
              
                  
              
              
                  
                       摩根 
                  
                  
                      
                          学习一下，谢谢！                      
                  
              
          
                    

              
                                
              
                  
              
              
                  
                       benvyeung 
                  
                  
                      
                          一直被易语言默认字体折磨着高DPI下，辣眼                      
                  
              
          
                    

              
                                
              
                  
              
              
                  
                       叶开 
                  
                  
                      
                          大佬，易语言我就只会一点点简单的...                      
                  
              
          
                    

              
                                
              
                  
              
              
                  
                       秋 
                  
                  
                      
                          妙啊，真好玩！！                      
                  
              
          
                    

              
                                
              
                  
              
              
                  
                       不知名的匿名人士 
                  
                  
                      
                          总是被windows病毒扫描删除                      
                  
              
          
                   
        
                   
        
            随机文章
            
            
                
                
                      C语言中的基本数据类型 
                      浏览次数: 6
                    
              

                
                
                      PHP 正确 “彻底删除 session” 两种方法 
                      浏览次数: 8
                    
              

                
                
                      扫码获取QQSkey易语言Demo 
                      浏览次数: 39
                    
              

                
                
                      Sqlite 自动加入时间不准确解决办法 
                      浏览次数: 39
                    
              

                
                
                      SQLite 日期 & 时间 
                      浏览次数: 22
                    
              
            
        
       
      
               
               
       博客信息
       
                        115文章数目
                        
               95评论数目
                       
               3年10天运行天数
             6 天前最后活动
       
      
                        
         
             广告
                     
                  
                
          
              文章标签
              
                  暂无标签              
          
          
              
                  文章目录




    

        
            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-2dc624ff473ea65c393a8de1698e0483930' role="tab" data-target='#tabs-2dc624ff473ea65c393a8de1698e0483930'>Markdown介绍</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-7a11b673e8889a8ea3086791285ea179191' role="tab" data-target='#tabs-7a11b673e8889a8ea3086791285ea179191'>Markdown快捷键</a></li>
</ul>
<div class="tab-content no-border">
<div role="tabpanel" id='tabs-2dc624ff473ea65c393a8de1698e0483930' 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-7a11b673e8889a8ea3086791285ea179191' 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-170191ddaea1c901160a5395836fdba5690' role="tab" data-target='#tabs-170191ddaea1c901160a5395836fdba5690'>介绍</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-135579f90d449bdad6490b7bf9f39f55411' role="tab" data-target='#tabs-135579f90d449bdad6490b7bf9f39f55411'>方法</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-058481a39b16ca1d8f2c5b0ac2931802472' role="tab" data-target='#tabs-058481a39b16ca1d8f2c5b0ac2931802472'>例子</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-eee61a604098f3bc045fc4f546be6d65303' role="tab" data-target='#tabs-eee61a604098f3bc045fc4f546be6d65303'>效果</a></li>
</ul>
<div class="tab-content no-border">
<div role="tabpanel" id='tabs-170191ddaea1c901160a5395836fdba5690' 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-135579f90d449bdad6490b7bf9f39f55411' class="tab-pane fade  ">
            <br>可以使用三个英文半角感叹符号将需要直接输出的代码包起来即可。<br></div><div role="tabpanel" id='tabs-058481a39b16ca1d8f2c5b0ac2931802472' 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-eee61a604098f3bc045fc4f546be6d65303' 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-41217a03584066c6953147a68ec2a1fb780' role="tab" data-target='#tabs-41217a03584066c6953147a68ec2a1fb780'>如何显示HTML标签</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-ef3d65c99d5141fe61734a7aae35eed5851' role="tab" data-target='#tabs-ef3d65c99d5141fe61734a7aae35eed5851'>部分转义字符表</a></li>
</ul>
<div class="tab-content no-border">
<div role="tabpanel" id='tabs-41217a03584066c6953147a68ec2a1fb780' class="tab-pane fade active in">
            <br>我们在使用Markdown编辑器时，如果遇到HTML标签，则编辑器会将内容转为HTML标记，这就与我们原来的本意像违背了，如果我们只是想显示一些标签的字面内容而不想被转换，这时我们需要懂得一些常用的转义字符表<br></div><div role="tabpanel" id='tabs-ef3d65c99d5141fe61734a7aae35eed5851' 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-55ac85ca99b0b7385fc76c0f588cbb78370' role="tab" data-target='#tabs-55ac85ca99b0b7385fc76c0f588cbb78370'>示例</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-b1c00a57b5b1dba50f98dff992382477221' role="tab" data-target='#tabs-b1c00a57b5b1dba50f98dff992382477221'>效果</a></li>
</ul>
<div class="tab-content no-border">
<div role="tabpanel" id='tabs-55ac85ca99b0b7385fc76c0f588cbb78370' class="tab-pane fade active in">
            </p><pre><code># 这是一级标题
## 这是二级标题
### 这是三级标题
#### 这是四级标题
##### 这是五级标题
###### 这是六级标题
</code></pre><p></div><div role="tabpanel" id='tabs-b1c00a57b5b1dba50f98dff992382477221' 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-f834400d024e976a477d53a41d28e494720' role="tab" data-target='#tabs-f834400d024e976a477d53a41d28e494720'>示例</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-f2c515365f57c7a50c4912176e5b2bba391' role="tab" data-target='#tabs-f2c515365f57c7a50c4912176e5b2bba391'>效果</a></li>
</ul>
<div class="tab-content no-border">
<div role="tabpanel" id='tabs-f834400d024e976a477d53a41d28e494720' class="tab-pane fade active in">
            </p><pre><code>**这是加粗的文字**
*这是倾斜的文字*
***这是斜体加粗的文字***
~~这是加删除线的文字~~
</code></pre><p></div><div role="tabpanel" id='tabs-f2c515365f57c7a50c4912176e5b2bba391' 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-1b89919cf1536eeaa246d84e9c57c425600' role="tab" data-target='#tabs-1b89919cf1536eeaa246d84e9c57c425600'>示例</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-3a27d3443d8a7a7c5da850c9be087789611' role="tab" data-target='#tabs-3a27d3443d8a7a7c5da850c9be087789611'>效果</a></li>
</ul>
<div class="tab-content no-border">
<div role="tabpanel" id='tabs-1b89919cf1536eeaa246d84e9c57c425600' 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-3a27d3443d8a7a7c5da850c9be087789611' 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-f0fd2833904a7bd853f5976c359fc1d1890' role="tab" data-target='#tabs-f0fd2833904a7bd853f5976c359fc1d1890'>示例</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-cb428fab287432b4945f6c11bec1cef4421' role="tab" data-target='#tabs-cb428fab287432b4945f6c11bec1cef4421'>效果</a></li>
</ul>
<div class="tab-content no-border">
<div role="tabpanel" id='tabs-f0fd2833904a7bd853f5976c359fc1d1890' class="tab-pane fade active in">
            </p><pre><code>---
----
***
*****
</code></pre><p></div><div role="tabpanel" id='tabs-cb428fab287432b4945f6c11bec1cef4421' 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-24b0c6bbb91c18cc16981fb100fadd0a90' role="tab" data-target='#tabs-24b0c6bbb91c18cc16981fb100fadd0a90'>语法</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-3c04fdcceb7a255f9cf74ddb9a05f9b571' role="tab" data-target='#tabs-3c04fdcceb7a255f9cf74ddb9a05f9b571'>示例</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-b7c17f8371387bd6fe632aca8f49165f812' role="tab" data-target='#tabs-b7c17f8371387bd6fe632aca8f49165f812'>效果</a></li>
</ul>
<div class="tab-content no-border">
<div role="tabpanel" id='tabs-24b0c6bbb91c18cc16981fb100fadd0a90' class="tab-pane fade active in">
            </p><pre><code>![图片描述][图片序号]
[图片序号]: 图片地址
</code></pre><p></div><div role="tabpanel" id='tabs-3c04fdcceb7a255f9cf74ddb9a05f9b571' class="tab-pane fade  ">
            </p><pre><code>![图片的描述~][1]
  [1]: https://s4.ax1x.com/2022/01/13/7Q5sN4.jpg
</div><div role="tabpanel" id='tabs-b7c17f8371387bd6fe632aca8f49165f812' 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-a21e12a1c74e34ddd06af2340fb1b822600' role="tab" data-target='#tabs-a21e12a1c74e34ddd06af2340fb1b822600'>语法</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-e222c79b1d8c1ad2ed5ce1b29afbce67881' role="tab" data-target='#tabs-e222c79b1d8c1ad2ed5ce1b29afbce67881'>示例</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-15f853bf1798ad2ae4b4fca3df13fe0b952' role="tab" data-target='#tabs-15f853bf1798ad2ae4b4fca3df13fe0b952'>效果</a></li>
</ul>
<div class="tab-content no-border">
<div role="tabpanel" id='tabs-a21e12a1c74e34ddd06af2340fb1b822600' class="tab-pane fade active in">
            </p><pre><code>[超链接名](超链接地址)
</code></pre><p></div><div role="tabpanel" id='tabs-e222c79b1d8c1ad2ed5ce1b29afbce67881' class="tab-pane fade  ">
            </p><pre><code>[木小果](https://muxiaoguo.cn)
</code></pre><p></div><div role="tabpanel" id='tabs-15f853bf1798ad2ae4b4fca3df13fe0b952' 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-6a66e52255a2e348f1eaaa1035416521140' role="tab" data-target='#tabs-6a66e52255a2e348f1eaaa1035416521140'>语法</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-c7515e66fad45f15163d6f04410b784c561' role="tab" data-target='#tabs-c7515e66fad45f15163d6f04410b784c561'>效果</a></li>
</ul>
<div class="tab-content no-border">
<div role="tabpanel" id='tabs-6a66e52255a2e348f1eaaa1035416521140' class="tab-pane fade active in">
            </p><pre><code>- 列表内容
+ 列表内容
* 列表内容
</code></pre><p>注意：- + * 跟内容之间都要有一个空格<br></div><div role="tabpanel" id='tabs-c7515e66fad45f15163d6f04410b784c561' 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-c215997c6eb3723734cbdfcb4110f354460' role="tab" data-target='#tabs-c215997c6eb3723734cbdfcb4110f354460'>语法</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-8adf7f9bbc90b32e31209e0e53d119d5171' role="tab" data-target='#tabs-8adf7f9bbc90b32e31209e0e53d119d5171'>效果</a></li>
</ul>
<div class="tab-content no-border">
<div role="tabpanel" id='tabs-c215997c6eb3723734cbdfcb4110f354460' class="tab-pane fade active in">
            </p><pre><code>1.列表内容
2.列表内容
3.列表内容
</code></pre><p>注意：序号跟内容之间要有空格<br></div><div role="tabpanel" id='tabs-8adf7f9bbc90b32e31209e0e53d119d5171' 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-7aaf61f6235a735e74f837d0724974cb1000' role="tab" data-target='#tabs-7aaf61f6235a735e74f837d0724974cb1000'>语法</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-60c1bae1b15d68ff1d9c117c12e3ca07321' role="tab" data-target='#tabs-60c1bae1b15d68ff1d9c117c12e3ca07321'>示例</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-634d1677c042bfa5c2c88c8b25962358932' role="tab" data-target='#tabs-634d1677c042bfa5c2c88c8b25962358932'>效果</a></li>
</ul>
<div class="tab-content no-border">
<div role="tabpanel" id='tabs-7aaf61f6235a735e74f837d0724974cb1000' 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-60c1bae1b15d68ff1d9c117c12e3ca07321' class="tab-pane fade  ">
            </p><pre><code>姓名|技能|排行
--|:--:|--:
刘备|哭|大哥
关羽|打|二哥
张飞|骂|三弟
</code></pre><p></div><div role="tabpanel" id='tabs-634d1677c042bfa5c2c88c8b25962358932' 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-e01f02827d10b2d2a89a13bd064392b1570' role="tab" data-target='#tabs-e01f02827d10b2d2a89a13bd064392b1570'>单行代码</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-ed3b0fef7c5b0322911d2837f981e50a01' role="tab" data-target='#tabs-ed3b0fef7c5b0322911d2837f981e50a01'>代码块</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-387a470d0700d80e22baa9822e0b574f872' role="tab" data-target='#tabs-387a470d0700d80e22baa9822e0b574f872'>单行代码(效果)</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-0d7d9d7b927f64de989b27c75781918f963' role="tab" data-target='#tabs-0d7d9d7b927f64de989b27c75781918f963'>代码块(效果)</a></li>
</ul>
<div class="tab-content no-border">
<div role="tabpanel" id='tabs-e01f02827d10b2d2a89a13bd064392b1570' class="tab-pane fade active in">
            </p><p><code>create database hero;</code><br></div><div role="tabpanel" id='tabs-ed3b0fef7c5b0322911d2837f981e50a01' 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-387a470d0700d80e22baa9822e0b574f872' class="tab-pane fade  ">
            <br><code>create database hero;</code><br></div><div role="tabpanel" id='tabs-0d7d9d7b927f64de989b27c75781918f963' class="tab-pane fade  ">
            </p><pre><code>    function fun(){
         echo &quot;这是一句非常牛逼的代码&quot;;
    }
    fun();</code></pre><p></div>
</div>
</div></p>

木小果

木小果

木小果