## 排版優化 視頻教程：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] ```