Markdown编辑器介绍

博主：木小果
发布时间：2019 年 12 月 03 日
38 次浏览
暂无评论
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过程 
                      浏览次数: 55021
                    
              

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

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

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

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

              
                                
              
                  
              
              
                  
                       刚下飞机的道士 
                  
                  
                      
                          下载不了                      
                  
              
          
                    

              
                                
              
                  
              
              
                  
                       刚下飞机的女孩 
                  
                  
                      
                          看看                      
                  
              
          
                    

              
                                
              
                  
              
              
                  
                       摩根 
                  
                  
                      
                          学习一下，谢谢！                      
                  
              
          
                    

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

              
                                
              
                  
              
              
                  
                       叶开 
                  
                  
                      
                          大佬，易语言我就只会一点点简单的...                      
                  
              
          
                   
        
                   
        
            随机文章
            
            
                
                
                      PHP位运算和数组 
                      浏览次数: 33
                    
              

                
                
                      EPL 实现永久性安装字体 
                      浏览次数: 2438
                    
              

                
                
                      轻网页聊天框架(LiteWebChat_Frame) 
                      浏览次数: 45
                    
              

                
                
                      MySQL存储IP以及ThinkPHPSQL查询 
                      浏览次数: 32
                    
              

                
                
                      PHP使用一组字符串生成所有可能的组合 
                      浏览次数: 45
                    
              
            
        
       
      
               
               
       博客信息
       
                        118文章数目
                        
               97评论数目
                       
               3年67天运行天数
             1 个月前最后活动
       
      
                        
         
             广告
                     
                  
                
          
              文章标签
              
                  暂无标签              
          
          
              
                  文章目录




    

        
            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-ef7947c0ec97970a30bd295d15160339110' role="tab" data-target='#tabs-ef7947c0ec97970a30bd295d15160339110'>Markdown介绍</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-6adce9b2a173bd8dfcd03e7702fb84fa821' role="tab" data-target='#tabs-6adce9b2a173bd8dfcd03e7702fb84fa821'>Markdown快捷键</a></li>
</ul>
<div class="tab-content no-border">
<div role="tabpanel" id='tabs-ef7947c0ec97970a30bd295d15160339110' 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-6adce9b2a173bd8dfcd03e7702fb84fa821' 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-00e44b2954d3d8b160b500ee6ce89e6d210' role="tab" data-target='#tabs-00e44b2954d3d8b160b500ee6ce89e6d210'>介绍</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-f8695f14e7157ab1096001ebc4d8db03661' role="tab" data-target='#tabs-f8695f14e7157ab1096001ebc4d8db03661'>方法</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-dfd24ef6980274a107ef32281dd63479112' role="tab" data-target='#tabs-dfd24ef6980274a107ef32281dd63479112'>例子</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-affa68bd6b5a6ac5da956e2d344a475d863' role="tab" data-target='#tabs-affa68bd6b5a6ac5da956e2d344a475d863'>效果</a></li>
</ul>
<div class="tab-content no-border">
<div role="tabpanel" id='tabs-00e44b2954d3d8b160b500ee6ce89e6d210' 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-f8695f14e7157ab1096001ebc4d8db03661' class="tab-pane fade  ">
            <br>可以使用三个英文半角感叹符号将需要直接输出的代码包起来即可。<br></div><div role="tabpanel" id='tabs-dfd24ef6980274a107ef32281dd63479112' 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-affa68bd6b5a6ac5da956e2d344a475d863' 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-1353ac40ca21b2715a4cabf8b0562f90290' role="tab" data-target='#tabs-1353ac40ca21b2715a4cabf8b0562f90290'>如何显示HTML标签</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-4b9f11e48ca4bce8527aeff0c834a1d4651' role="tab" data-target='#tabs-4b9f11e48ca4bce8527aeff0c834a1d4651'>部分转义字符表</a></li>
</ul>
<div class="tab-content no-border">
<div role="tabpanel" id='tabs-1353ac40ca21b2715a4cabf8b0562f90290' class="tab-pane fade active in">
            <br>我们在使用Markdown编辑器时，如果遇到HTML标签，则编辑器会将内容转为HTML标记，这就与我们原来的本意像违背了，如果我们只是想显示一些标签的字面内容而不想被转换，这时我们需要懂得一些常用的转义字符表<br></div><div role="tabpanel" id='tabs-4b9f11e48ca4bce8527aeff0c834a1d4651' 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-ffc3970abf47a6437b27d68a2dd5718d700' role="tab" data-target='#tabs-ffc3970abf47a6437b27d68a2dd5718d700'>示例</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-2d0747c7ee8824173c42c1aa41a4f0ff511' role="tab" data-target='#tabs-2d0747c7ee8824173c42c1aa41a4f0ff511'>效果</a></li>
</ul>
<div class="tab-content no-border">
<div role="tabpanel" id='tabs-ffc3970abf47a6437b27d68a2dd5718d700' class="tab-pane fade active in">
            </p><pre><code># 这是一级标题
## 这是二级标题
### 这是三级标题
#### 这是四级标题
##### 这是五级标题
###### 这是六级标题
</code></pre><p></div><div role="tabpanel" id='tabs-2d0747c7ee8824173c42c1aa41a4f0ff511' 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-5fcd03e0aa1bf0ede555f3a14a05bac9140' role="tab" data-target='#tabs-5fcd03e0aa1bf0ede555f3a14a05bac9140'>示例</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-314f04c56bc4c05755b246acd21286a3481' role="tab" data-target='#tabs-314f04c56bc4c05755b246acd21286a3481'>效果</a></li>
</ul>
<div class="tab-content no-border">
<div role="tabpanel" id='tabs-5fcd03e0aa1bf0ede555f3a14a05bac9140' class="tab-pane fade active in">
            </p><pre><code>**这是加粗的文字**
*这是倾斜的文字*
***这是斜体加粗的文字***
~~这是加删除线的文字~~
</code></pre><p></div><div role="tabpanel" id='tabs-314f04c56bc4c05755b246acd21286a3481' 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-614a9a06ada30f4cc2210349bc55419c100' role="tab" data-target='#tabs-614a9a06ada30f4cc2210349bc55419c100'>示例</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-3cf4550fdd8e6e697931ecd0a0114fa8211' role="tab" data-target='#tabs-3cf4550fdd8e6e697931ecd0a0114fa8211'>效果</a></li>
</ul>
<div class="tab-content no-border">
<div role="tabpanel" id='tabs-614a9a06ada30f4cc2210349bc55419c100' 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-3cf4550fdd8e6e697931ecd0a0114fa8211' 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-c41d009b5caccb861054d592b6d624ab930' role="tab" data-target='#tabs-c41d009b5caccb861054d592b6d624ab930'>示例</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-20a220b2c89734fb190a436efcfe36c3221' role="tab" data-target='#tabs-20a220b2c89734fb190a436efcfe36c3221'>效果</a></li>
</ul>
<div class="tab-content no-border">
<div role="tabpanel" id='tabs-c41d009b5caccb861054d592b6d624ab930' class="tab-pane fade active in">
            </p><pre><code>---
----
***
*****
</code></pre><p></div><div role="tabpanel" id='tabs-20a220b2c89734fb190a436efcfe36c3221' 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-f6e20328a92c6f10c4f8b83619d1613d950' role="tab" data-target='#tabs-f6e20328a92c6f10c4f8b83619d1613d950'>语法</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-25c29e30fd67865ea70f3c50ab496d79281' role="tab" data-target='#tabs-25c29e30fd67865ea70f3c50ab496d79281'>示例</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-467fff004fb42e6de3f0dd26dc1ae851272' role="tab" data-target='#tabs-467fff004fb42e6de3f0dd26dc1ae851272'>效果</a></li>
</ul>
<div class="tab-content no-border">
<div role="tabpanel" id='tabs-f6e20328a92c6f10c4f8b83619d1613d950' class="tab-pane fade active in">
            </p><pre><code>![图片描述][图片序号]
[图片序号]: 图片地址
</code></pre><p></div><div role="tabpanel" id='tabs-25c29e30fd67865ea70f3c50ab496d79281' class="tab-pane fade  ">
            </p><pre><code>![图片的描述~][1]
  [1]: https://s4.ax1x.com/2022/01/13/7Q5sN4.jpg
</div><div role="tabpanel" id='tabs-467fff004fb42e6de3f0dd26dc1ae851272' 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-ba0dcafbdecaee2b44078dc3d10eb330510' role="tab" data-target='#tabs-ba0dcafbdecaee2b44078dc3d10eb330510'>语法</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-8bb8b8c39856d91b72224beae3c9768571' role="tab" data-target='#tabs-8bb8b8c39856d91b72224beae3c9768571'>示例</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-d5b18e3ce1f2faa3689984b77b640e0d12' role="tab" data-target='#tabs-d5b18e3ce1f2faa3689984b77b640e0d12'>效果</a></li>
</ul>
<div class="tab-content no-border">
<div role="tabpanel" id='tabs-ba0dcafbdecaee2b44078dc3d10eb330510' class="tab-pane fade active in">
            </p><pre><code>[超链接名](超链接地址)
</code></pre><p></div><div role="tabpanel" id='tabs-8bb8b8c39856d91b72224beae3c9768571' class="tab-pane fade  ">
            </p><pre><code>[木小果](https://muxiaoguo.cn)
</code></pre><p></div><div role="tabpanel" id='tabs-d5b18e3ce1f2faa3689984b77b640e0d12' 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-aedaca20b055a16ee3da3eacecb63922820' role="tab" data-target='#tabs-aedaca20b055a16ee3da3eacecb63922820'>语法</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-10f85c593e00aca9e7f6034dfe5e1ec3881' role="tab" data-target='#tabs-10f85c593e00aca9e7f6034dfe5e1ec3881'>效果</a></li>
</ul>
<div class="tab-content no-border">
<div role="tabpanel" id='tabs-aedaca20b055a16ee3da3eacecb63922820' class="tab-pane fade active in">
            </p><pre><code>- 列表内容
+ 列表内容
* 列表内容
</code></pre><p>注意：- + * 跟内容之间都要有一个空格<br></div><div role="tabpanel" id='tabs-10f85c593e00aca9e7f6034dfe5e1ec3881' 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-84492e65a02a276e141e999dc5c125a7100' role="tab" data-target='#tabs-84492e65a02a276e141e999dc5c125a7100'>语法</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-00fb6bf15080990cf7e769cad9da2c58341' role="tab" data-target='#tabs-00fb6bf15080990cf7e769cad9da2c58341'>效果</a></li>
</ul>
<div class="tab-content no-border">
<div role="tabpanel" id='tabs-84492e65a02a276e141e999dc5c125a7100' class="tab-pane fade active in">
            </p><pre><code>1.列表内容
2.列表内容
3.列表内容
</code></pre><p>注意：序号跟内容之间要有空格<br></div><div role="tabpanel" id='tabs-00fb6bf15080990cf7e769cad9da2c58341' 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-2669b23a004bb41a116c2a9d6455ec0e430' role="tab" data-target='#tabs-2669b23a004bb41a116c2a9d6455ec0e430'>语法</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-d2f8df380c3adcefdbc80217346acc99271' role="tab" data-target='#tabs-d2f8df380c3adcefdbc80217346acc99271'>示例</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-c1e17bdc59a9ebba87c51d98aa3806b4962' role="tab" data-target='#tabs-c1e17bdc59a9ebba87c51d98aa3806b4962'>效果</a></li>
</ul>
<div class="tab-content no-border">
<div role="tabpanel" id='tabs-2669b23a004bb41a116c2a9d6455ec0e430' 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-d2f8df380c3adcefdbc80217346acc99271' class="tab-pane fade  ">
            </p><pre><code>姓名|技能|排行
--|:--:|--:
刘备|哭|大哥
关羽|打|二哥
张飞|骂|三弟
</code></pre><p></div><div role="tabpanel" id='tabs-c1e17bdc59a9ebba87c51d98aa3806b4962' 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-e18b9251965014c2689ca2b3fabf6514800' role="tab" data-target='#tabs-e18b9251965014c2689ca2b3fabf6514800'>单行代码</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-3f7422811e3bfad4cf526762e0464b5a851' role="tab" data-target='#tabs-3f7422811e3bfad4cf526762e0464b5a851'>代码块</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-406e4059de3276041a8a2148db4f43e4452' role="tab" data-target='#tabs-406e4059de3276041a8a2148db4f43e4452'>单行代码(效果)</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-49411b0c69e520b489c16551276335f1603' role="tab" data-target='#tabs-49411b0c69e520b489c16551276335f1603'>代码块(效果)</a></li>
</ul>
<div class="tab-content no-border">
<div role="tabpanel" id='tabs-e18b9251965014c2689ca2b3fabf6514800' class="tab-pane fade active in">
            </p><p><code>create database hero;</code><br></div><div role="tabpanel" id='tabs-3f7422811e3bfad4cf526762e0464b5a851' 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-406e4059de3276041a8a2148db4f43e4452' class="tab-pane fade  ">
            <br><code>create database hero;</code><br></div><div role="tabpanel" id='tabs-49411b0c69e520b489c16551276335f1603' class="tab-pane fade  ">
            </p><pre><code>    function fun(){
         echo &quot;这是一句非常牛逼的代码&quot;;
    }
    fun();</code></pre><p></div>
</div>
</div></p>

木小果

木小果

木小果