## 排版优化 视频教程：https://mp.weixin.qq.com/s/HP4TbH6I3Zy9I7TctqzdeQ 1. 第三方编辑器里做好排版，复制代码 2. 网站后台新建文章，切换为文本模式，粘贴代码 3. 保存远程图片到本地，发布即可 | 排版演示 | 其他演示 | | --- | --- | |  |  | ## 代码高亮 代码放置在pre 和code 标签里，同时code标签的class属性为“language-###" 其中###为编程语言的名称，比如css，html，javascript等 ，目前插件支持目前支持的编程语言是[TIOBE](https://www.tiobe.com/tiobe-index/ "TIOBE")排名前20的编程语言 C 、Java、Python 、C++、C Sharp、PHP等。 在code的class属性里加line-numbers 就可以显示行号。data-prismjs-copy="复制代码" data-prismjs-copy-success="代码已复制" ，这两个属性用户复制代码。 同时代码高亮也支持web端，如果网站的web端已经支持其他的代码高亮，可以插件里设置不启用web端的代码高亮。  ``` <pre><code class="language-css line-numbers" data-prismjs-copy="复制代码" data-prismjs-copy-success="代码已复制">p { color: red }</code></pre> ``` ## 插入表格 ``` <table style="color: #999;" border="0.5" width="100%" cellspacing="0" cellpadding="4px"> <tbody> <tr> <td>我是一段html代码</td> <td>Amount</td> </tr> <tr> <td>Shorts</td> <td>£1.00</td> </tr> <tr> <td>Shorts</td> <td>£1.00</td> </tr> </tbody> </table> ``` ### 可左右滑动表格 ``` <section style="margin-top: 1.5em; overflow: auto;"> <table width="500px" cellspacing="0" cellpadding="5"> <thead> <tr> <th>标题 1</th> <th>标题 2</th> <th>标题 3</th> <th>标题 4</th> <th>标题 5</th> </tr> </thead> <tbody> <tr> <td align="center">内容 1</td> <td align="center">内容 2</td> <td align="center">内容 3</td> <td align="center">内容 4</td> <td align="center">内容 5</td> </tr> <tr style="background-color: #f6f8fa;"> <td align="center"><a>链接</a></td> <td align="center">内容 7</td> <td align="center">内容 8</td> <td align="center">内容 9</td> <td align="center">内容 10</td> </tr> <tr> <td align="center">内容 11</td> <td align="center">内容 12</td> <td align="center">内容 13</td> <td align="center">内容 14</td> <td align="center">内容 15</td> </tr> </tbody> </table></section> ``` ## 音频 ``` [audio author="杰伦" name="微小慕的十年光阴" poster="https://blog.minapper.com/wp-content/uploads/2021/07/20210720000317764.jpg" src="https://blog.minapper.com/wp-content/uploads/now.mp4" controls="controls"][/audio] ``` ## 视频 ``` <video width="544" height="296" src="https://blog.minapper.com/wp-content/uploads/2021/05/20210521021953825.mp4"></video> ``` ## 图片 ``` <img src="https://blog.minapper.com/wp-content/uploads/2021/07/20210715204855985.jpg" /> ``` ## 腾讯视频 ``` [minapperqqvideo vid="u0858q9zzl9"] ``` ## 公众号页面跳转： ``` [a href="https://mp.weixin.qq.com/s/BJn3Pgw7sicXvgGeRKc7Sg" redirectype="webpage" appid="wx46926513e9b706d3" path="https://www.minapper.com"]【直播】微慕WordPress小程序安装及使用指南[/a] ``` ## 小程序内页面跳转： ``` [a href="https://blog.minapper.com" path="/pages/detail/detail?id=8025" redirectype="apppage"]微慕小程序专业版V3.6-视频号扩展[/a] ``` ## 跳转其他小程序： ``` [a href="https://forum.minapper.com/" appid="wxc1771b619b83316b" path="pages/index/index" redirectype="miniapp"]微慕论坛[/a] ```